@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,600,700&display=swap');

html{-webkit-text-size-adjust:none;touch-action:manipulation;-ms-text-size-adjust:none;}
html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html, body{height:100%;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#3a5996;}
a:hover{text-decoration:none;color:#3a5996;}
a:focus, button:focus, input[type="submit"]:focus{outline:none;text-decoration:none;}
a, button, input[type="submit"], a i, .navbar-toggler span{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;}
img{max-width:100%;height:auto;}
strong{font-weight:700;}
.clearfix:after, .clearfix:before{display:table;content:" ";}
.clearfix:after{clear:both;}
body{margin:0;padding:0;font-weight:400/*font-size:0.67em;*/ font-size:1em;line-height:27px;color:#232323;font-family:'Open Sans', sans-serif;background-color:#f4f4f4;}
.container{max-width:91.85%;margin:0 auto;width:100%;}
html body .white-text *{color:#fff;}
button, input, optgroup, select, textarea{font-family:'Open Sans', sans-serif;}
.blue-btn{display:inline-block;vertical-align:middle;background-color:#3a5996;color:#fff;padding:9px 19px;line-height:normal;min-width:175px;text-align:center;font-weight:600;border:2px solid #3a5996;margin:5px 0;border-radius:3px;}
.blue-btn:enabled:hover{background-color:transparent;color:#3a5996;}
a.blue-btn:hover{background-color:transparent;color:#3a5996;}
.blue-btn:disabled{background-color:#9fa5aa;border:2px solid #9fa5aa;color:#dddddd;pointer-events:none;};
.btn-primary{background-color:#3a5996;border-color:#3a5996}
.grey-bg{background-color:#f4f4f4;}
html body div.blockUI.blockMsg.blockPage h1{text-transform: unset; color: white; font-size: 1.3em; margin:0 auto; font-weight: normal;}
html body h1{text-transform:uppercase;font-weight:800;color:#3a5996;font-size:2.75em;margin:0 auto 30px;}
html body h4{font-weight:600;font-size:1.375em;}
html body h5{font-weight:700;font-size:1.0625em;color:#3a5996;margin:0;}
html body h2{font-size:1.8125em;font-weight:700;margin:0 0 26px;}
html body h3{font-size:1.5em;}
.modal{z-index: 1100;}

/**Owl carousel css code start**/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:rgba(0, 0, 0, 0.60);color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**Owl carousel css code close**/


/**Header code start **/
.header-main{-webkit-transition:all 0.5s ease;-moz-transition:position 10s;-ms-transition:position 10s;-o-transition:position 10s;transition:all 0.5s ease;}
.header-main{/*position:absolute;*/ z-index:99;width:100%;background-color:#fff;padding:8px 0;border-bottom:1px solid #ccc;}
.header-main .header-top{max-width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-webkit-align-items:center;-ms-align-items:center;}
.header-logo h1{color:#232323; font-size:3em; /*font-size:34px;*/margin:0;text-transform:capitalize;font-variant:small-caps;line-height: 0.9;}
.header-logo h1 b{/*font-size:39px;*/ font-size:1.15em;} 
.header-logo h1 strong{display:block;font-size:0.51282em;font-weight:900;color:#3a5996;}
.header-logo h1 strong img{max-width:1.5em;}
.header-menu .dropdown-toggle::after{display:none;}
.header-menu .navbar{padding:0;}
.header-menu .navbar ul.navbar-nav{width:100%;display:block;}
.header-menu .navbar ul.navbar-nav li{margin-right:4px;float:left}
.header-menu .navbar ul.navbar-nav li a{text-transform:uppercase;color:#232323;font-weight:700;padding:4px 11px;border-bottom:6px solid transparent;font-size:0.9375em;}
.header-menu .navbar ul.navbar-nav li.active a, .header-menu .navbar ul.navbar-nav li a:hover{border-color:#3a5996;}
.header-menu .navbar ul.navbar-nav li.active .dropdown-menu a {border-bottom: 6px solid transparent;}
.header-menu .navbar ul.navbar-nav li:last-child{margin-right:0;float:right;}
.header-menu .navbar ul.navbar-nav li:last-child a{text-transform:capitalize;}
.header-menu .navbar ul.navbar-nav li .dropdown-menu {position: absolute;}
/**Header code close **/
/**copyright-section page code start**/
.copyright-section{background-color:#fff;border-top:2px solid #c8c8c8;padding:22px 0;box-shadow:0 2px 0 #a1a1a1 inset;border-bottom:1px solid #717171;}
.copyright-section .container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.copyright-left{width:16%;}
.copyright-right{width:84%;text-align:right;}
.copyright-section p{margin:0;}
.copyright-right p{display:inline-block;text-align:left;}
/**copyright-section page code close**/

/**Login page code start**/
.login-main{padding:6.9% 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;/*height:calc(100% - 76px);*/-webkit-justify-content:center;justify-content:center;}
.login-inner{max-width:652px;margin:0 auto;text-align:center;color:#000;font-family:'Segoe UI Regular';/*font-size:18px;*/font-size:1.125em;}
.login-inner *{font-family:'Segoe UI Regular';}
.login-inner .header-logo {margin: 0 auto 30px;}
.login-inner h1, .header-logo * {font-family:'Open Sans', sans-serif;}
.login-inner h1 img{width:50px;}
.login-inner h1 strong{font-weight:800;}
.login-main form input{border:2px solid #e5e5e5;border-radius:1px;background-color:#fff;line-height:normal;letter-spacing:0;padding:17px 15px;}
.login-main form input:focus, .form-control:focus{border-color:#80a4ec;box-shadow:0 0 3px #80a4ec, inset 0 0 2px #80a4ec;}
.login-main form input[type="submit"]{background-color:#3a5996;color:#fff;border:3px solid #3a5996;height:auto;padding:11px 20px;/*font-size:38px;*/
font-size:2.3em;min-width:327px;border-radius:40px;line-height:38px;text-transform:capitalize;font-weight:400;font-family:'Poppins', sans-serif;}
.login-main form input[type="submit"]:hover{background-color:transparent;color:#3a5996;}
.lost-password{display:block;text-align:right;color:#000;margin:37px 0 160px;}
/**Login page code close**/


/**Vehicle page code start**/
.vehicle-top-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding:25px 0;}
.vehicle-top-section + div{margin-top:5px;}
.vehicle-top-left-section ul{padding:10px 20px;margin:0;background-color:#fff;border-radius:10px;box-shadow:4px 4px 9px rgba(0, 0, 0, 0.15);}
.vehicle-top-left-section ul li{display:inline-block;vertical-align:middle;width:32.5%;}
.vehicle-top-left-section ul li a{color:#232323;}
.vehicle-top-left-section ul li a strong{font-weight:normal}
.vehicle-top-left-section ul li a *{display:inline-block;width:auto;}
.vehicle-top-left-section ul li a div{color:#3a5996;}
.vehicle-top-left-section{width:51%;}

.vehicle-top-right-section a {display: inline-block;vertical-align: middle;background-color: #3a5996;color: #fff;font-size: 0.875em;padding: 8px 19px;line-height: normal;
	min-width: 8.8125em;text-align: center;/*font-weight: 600;*/border: 2px solid #3a5996; margin:0 0 0 5px;}
.vehicle-top-right-section a i, .vehicle-top-right-section a img {margin: 0 4px;display: inline-block;vertical-align: middle;font-size: 1.125em;line-height: normal;}
.vehicle-top-right-section a:hover{ /*background-color:transparent;*/ border-color:#3a5996; opacity:0.8;}
.vehicle-top-right-section a:hover i, .vehicle-top-right-section a:hover{/*color:#3a5996;*/ color:#fff;}

div#main-button-wrapper {
  float: left;
}

div#main-button-wrapper input {
  padding: 5px;
}
div#main-button-wrapper div {
  float: left;
  /*width: 23%;*/
  margin: 0 2px;
  flex: 1 0 0;
}


div#main-button-wrapper div a {
  width: 100%;
  display: inline-block;vertical-align: middle;background-color: #3a5996;color: #fff;font-size: 0.875em;padding: 8px 19px;line-height: normal;
  min-width: 8.8125em;text-align: center;/*font-weight: 600;*/border: 2px solid #3a5996; margin:0 0 0 5px;
  white-space: nowrap;
}
div#main-button-sort-wrapper,
div#main-button-find-wrapper {
  /*margin-left: 2% */
}

div#main-button-wrapper div#main-button-refresh-wrapper a {
  line-height: 20px;
}

btn-outline-danger:focus{
  box-shadow: none !important;
}

div#search-container {
  clear: both;
  padding: 0 0 25px 0;
  margin: 0;
  /*display: inherit;*/
}
div#main-button-search-wrapper { width: 100% }
div#main-button-search-wrapper input, 
div#search-container input,
div#search-container select {
  flex: 1 0 0;
}
div#search-container select { margin-right: 1%; padding-left: 5px }

input#stock-search {
  min-width: 5%;
}

div#main-button-refresh-wrapper { order: 0}
div#main-button-new-wrapper { order: 1}
div#main-button-sort-wrapper { order: 2}
div#main-button-print-wrapper { display: none }
div#main-button-find-wrapper { order: 4}
div#main-button-search-wrapper { order: 5 }

.custom-radio, .custom-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 33px;
  width: 33px;
}

  /* The container */
  div.ad-buttons label {
    position: relative;
    top: -12px;
    left: -3px;
    padding-left: 31px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  div.ad-buttons {
    position: relative;
    height: 33px;
  }
  /* Hide the browser's default radio button */
  div.ad-buttons label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* On mouse-over, add a grey background color */
  div.ad-buttons label:hover input ~ .custom-radio, div.ad-buttons label:hover input ~ .custom-radio {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  div.ad-buttons label input:checked ~ .custom-radio {
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url({{ asset('/images/button/cp-special-on.png') }});
  }

  div.ad-buttons label input:checked ~ .custom-checkbox {
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url({{ asset('/images/button/cp-highlight-on.png') }});
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .custom-radio:after, .custom-checkbox:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  div.ad-buttons label input:checked ~ .custom-radio:after, div.ad-buttons label input:checked ~ .custom-checkbox:after {
    display: block;
  }
  
  div.ad-buttons img {
    margin: 1px;
  }

label.flag {
  position: relative;
  width: 33px;
  height: 33px;
  display: inline-flex;
  margin: 2px 0;
  cursor: pointer;
  vertical-align: top;
}

label.flag.aa{
  width: 32px;
  height: 36px;
}

.custom-radio.star-filled-bg{
  background-image: url('../images/button/cp-special-on.png');
}

label.flag input.ds {
  margin: 0;
}

.vehicle-main-section .alert {
  margin-top: 1rem;
}

.odo-display{
 display: flex;
}

.odo-display div{
  flex: 1 0 0;
}

#calcOdometer,
#calcProfit{
  text-align: right;
  color: green;
  font-size: small;
  min-width: 45%;
}

#calcProfit{
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  div#main-button-wrapper {
    width: 100%;
    margin-bottom:0.5em;
  }
  div#main-button-search-wrapper input,
  div#search-container input,
  div#search-container select {

  }

  #calcOdometer,
  #calcProfit{
    min-width: 33%;
  }

  label.flag.aa{
    width: 36px;
    height: 36px;
  }

}

@media only screen and (max-width: 525px) {
  div#main-button-wrapper {
    float: right;
    display: block;
    justify-content: flex-end;
  }

  div#main-button-wrapper div{
    width: 100%;
    margin: 2px 0px;
  }
}

@media only screen and (min-width: 525px) {
  div#main-button-wrapper {
    float: right;
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  div#main-button-wrapper {
    float: right;
    display: flex;
    justify-content: flex-end;
  }

  #calcOdometer,
  #calcProfit{
    min-width: 48%;
  }

  div#main-button-wrapper div {
    float: right;
    width: auto;
  }

  div#main-button-new-wrapper { order: 1 }
  div#main-button-sort-wrapper { order: 2; display: block }
  div#main-button-print-wrapper { order: 3; display: block; margin-left: 0.3% }
  div#main-button-find-wrapper { order: 5; margin-left: 0.3% }
  div#main-button-search-wrapper { order: 4; margin-left: 7px; width: auto }
  div#main-button-search-wrapper input { width: auto }
  div#main-button-wrapper div a { width: auto }

}

div#main-button-wrapper div ul li {
  border-bottom: 1px solid #cdcdcd;
}
div#main-button-wrapper div ul li a {
  border: none;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  font-weight: 600;
}

.vehicle-table-section{border-bottom:40px solid #3a5996;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin:0 auto}
.vehicle-table-section table thead tr th:first-child{border-top-left-radius:10px;}
.vehicle-table-section table thead tr th:last-child, .price-history-table table thead tr th:nth-last-child(2){border-top-right-radius:10px;}
.vehicle-table-section table, .vehicle-table-section table thead, .vehicle-table-section table thead tr{border-top-left-radius:10px;border-top-right-radius:10px;}
.vehicle-table-section table{margin:0 0;background-color:#fff;table-layout:fixed;/*font-size:15px;*/border: 0;}
.table-bordered td, .table-bordered th{border:1px solid #dfdfdf;text-align:center;line-height:normal;}
.table-bordered td{vertical-align:middle;padding-left:4px;padding-right:4px;}
.vehicle-table-section td {color: #000;}
.vehicle-table-section table tbody tr:nth-child(2n){background-color:#f0f0f0;}
.vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child{text-align:left;width:540px;}
.vehicle-table-section table th{background-color:#3a5996;color:#fff;font-weight:600;position:relative;background-image:url(../images/two-arrows.png);background-repeat:no-repeat;background-position:96% center;background-size:14px;vertical-align:top;border:0;}
.vehicle-table-section table th::after{content:"";width:1px;height:100%;background-color:#fff;position:absolute;right:0px;top:0;bottom:0;}
.vehicle-table-section table thead tr th:last-child::after, .reserved-vehicle-section table thead tr th:nth-last-child(2)::after, .price-history-table table thead tr th:nth-last-child(2)::after{display:none;}
.vehicle-table-section table tbody tr td:first-child{padding:0 4px 0 0;}
.vehicle-inner-main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.vehicle-table-img{max-width:136px;position:relative;max-height:103px;overflow:hidden;}
.total-images{position:absolute;margin:0;left:6px;bottom:5px;/*font-size:13px;*/ font-size:0.8125em;color:#fff;background-color:rgba(0, 0, 0, 0.5);padding:3px 5px;line-height:16px;}
.total-images img{margin-top:-3px;}
.video{position:absolute;margin:0;right:6px;bottom:5px;/*font-size:13px;*/ font-size:0.8125em;color:#fff;background-color:rgba(0, 0, 0, 0.5);padding:3px 5px;line-height:16px;}
.video img{margin-top:-3px;}
.table-content-right{padding:4px 0;width:calc(100% - 146px);}
.img-social-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.flag-section a i{color:#232323;/*font-size:20px;*/ font-size:1.25em;}
.flag-section a i.fa-flag{-moz-transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);-o-transform:rotate(-12deg);transform:rotate(-12deg);}
.flag-section a{margin-right:3px;}
.vehicle-social a{display:inline-block;vertical-align:top;width:33px;height:33px;border:1px solid #111111;text-align:center;line-height:28px;/*font-size:18px;*/ font-size:1.125em;color:#fff;margin:2px 0;}
.vehicle-social .dropdown-toggle::after {
  content: none;
}
#cloneimg, #reserveimg, #transferimg {
  float: left;
  margin-right: 5px;
}
/* Additional styles for iOS devices in portrait orientation */
@media only screen and (max-width: 768px) and (orientation: portrait) {
  /*.vehicle-social.ios-device a.a2a_dd{vertical-align:bottom !important;}*/
}



.teal-bg{background-color:#04b9ce}
.orange-bg{background-color:#fd7e14}
.windscreen-landscape{background-color: #d0c966}
.windscreen-portrait{background-color: #b4ac3d}
.cyan-bg{background-color:#93D7FF;}
.green-bg{background-color:#34a853;}
.light-yellow-bg{background-color:#fff568;}
.dark-grey-bg{background-color:#b7b7b7;}
.maroon-bg{background-color:#9e0b0f;}
.blue-bg{background-color:#1da1f3;}
.linkedin-bg{background-color:#007bb5;}
.fb-blue-bg{background-color:#3b5999;}
.pink-bg{background-color:#ff3838;}
.yellow-bg{background-color:#fbbc05;}
.blue-bg{background-color:#448ccb;}
.color-box{width:30px;height:30px;border:1px solid #232323;margin:0 auto;}
.color-box.red-box        {background-color:#ff0000}
.color-box.blue-box       {background-color:#0000c0}
.color-box.green-box      {background-color:#008000}
.color-box.brown-box      {background-color:#994d00}
.color-box.beige-box      {background-color:#f0d2a0}
.color-box.gold-box       {background-color:#f0b800}
.color-box.grey-box       {background-color:#858585}
.color-box.orange-box     {background-color:#ff6600}
.color-box.pink-box       {background-color:#ff7aaf}
.color-box.purple-box     {background-color:#990099}
.color-box.silver-box     {background-color:#e0e0e0}
.color-box.white-box      {background-color:#ffffff}
.color-box.yellow-box     {background-color:#ffff00}
.color-box.black-box      {background-color:#000000}
.color-box.turquoise-box  {background-color:#00c0c0}
.color-box.bronze-box     {background-color:#b04a49}
.color-box.light-blue-box {background-color:#b9cdfb}
.color-box.light-green-box{background-color:#14d900}
.color-box.wine-box       {background-color:#7a0000}
.colour-download           {background-color: #E1F6E3}


.green-text{margin:0;color:#638e49;}
/**Vehicle page code close**/

/**add-vehicle-modal-section code start**/
.add-vehicle-modal-section .modal-dialog{max-width:590px;}
.add-vehicle-modal-section .modal-header{background-color:#e5e5e5;padding:14px 22px;border-bottom:1px solid #cccccc;}
.add-vehicle-modal-section .modal-content{border:1px solid #ccc;}
.add-vehicle-modal-section button.close, .modal-dialog button.close{/*font-size:60px;*/ font-size:3.75em;font-weight:400;/*line-height:40px;*/
line-height:0.6em;}
.add-vehicle-modal-section .modal-body{text-align:center;/*font-size:14px;*/ font-size:0.88em;/* line-height:24px;*/
line-height:1.69em;padding:42px 15px 35px;}
.add-vehicle-modal-section form{max-width:411px;margin:0 auto;}
.add-vehicle-modal-section form input[type="text"] {width: 100%;text-align: center;border: 1px solid #ccc;/*font-size: 40px;*/ font-size:2.85em; color: #000;padding: 11px 15px;line-height: normal;border-radius: 3px; margin-top:6px;}
.add-vehicle-modal-section form p{margin:25px 0;}
.add-vehicle-modal-section .skip-button{border:0;background-color:transparent;padding:0;margin-left:15px !important;/*font-size:18px;*/ font-size:1.3em;font-weight:400;color:#3a5996;margin-top:14px ;line-height:normal;}
/*.add-vehicle-modal-section .blue-btn{margin-left:50px;}*/
.add-vehicle-modal-section form ::-webkit-input-placeholder{/* Chrome/Opera/Safari */
  color:#000;
  opacity:1;
}

.add-vehicle-modal-section form ::-moz-placeholder{/* Firefox 19+ */
  color:#000;
  opacity:1;
}
.add-vehicle-modal-section form :-ms-input-placeholder{/* IE 10+ */
  color:#000;
  opacity:1;
}
.add-vehicle-modal-section form :-moz-placeholder{/* Firefox 18- */
 color:#000;
 opacity:1;
}
/**add-vehicle-modal-section code close**/


/**Edit Vehicle code start**/
form#mainform div.error {
  border-left: 5px solid #bc2020;
}
.lr-common-section{padding:30px 0;}
.lr-common-inner-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.left-common-section{width:calc(98.5% - 430px);}
.right-sidebar{width:430px;}
.left-form-section .form-group > label, .left-form-section .form-group > input, .left-form-section .form-group > select, .left-form-section .form-group > textarea, .inline-radio-div{display:inline-block;vertical-align:top;}
.form-row{position:relative;}
.left-form-section .form-group > label{width:225px;padding-left:13px;}
.star-req{color:#bc2020;margin-right:2px;position:absolute;left:0;top:1px;}
.left-form-section .form-group > input, .left-form-section .form-group > select, .left-form-section .form-group > textarea, .inline-radio-div, .left-common-section select{width:calc(100% - 230px);/*font-size:18px;*/font-size:1.125em;font-weight:400;line-height:normal;height:auto !important;padding:10px 15px;}
.left-common-section div.download {text-align: right}

.left-form-section .form-group{ width:100%;}

.left-form-section .form-group label{/*font-size:18px;*/ font-size:1.125rem;font-weight:700;}
body select{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-image:url(../images/select-drop.png) !important;background-repeat:no-repeat;background-position:calc(100% - 20px) center;border:1px solid #cecece;color:#333;}
.inline-radio-div .form-check{width:30%;text-align:center;vertical-align:middle;justify-content: center}
.inline-radio-div .form-check input[type="radio"]{top:4px;}
.inline-row{display:inline-block;vertical-align:middle;width:34%;text-align:center;}
.inline-row select{display:inline-block;width:auto;min-width:185px;}
.inline-row label{display:inline-block;width:auto;min-width:70px;}
.left-photos-section ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;padding:0;}
.left-photos-section ul li{width:10%;list-style:none;margin: 0 5px 1% 0;}
.left-photos-section ul li.more{border:1px solid #232323;height:auto;background-color:#fff;color:#232323;/*font-size:32px;*/ font-size:2em;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;align-items:center;}
.youtube-video-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin:30px 0 10px;}
.youtube-video-section h4{margin:0;}
.youtube-video-section input{width:calc(100% - 340px);/*font-size:18px;*/ font-size:1.12em;font-weight:300;letter-spacing:1px;line-height:normal;height:auto !important;padding:10px 15px;border:1px solid #cecece;color:#333;}
.progress-bar-section{background-color:#fff;border:1px solid #ccc;padding:23px;/*font-size:14px;*/ font-size:0.9em; /*line-height:24px;*/line-height:1.69em;}
.progress-bar-section > *{margin:3px 0;}
.progress-bar-section p{margin:0;}
.progress-name{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.progress-bar{height:20px;}
.bg-success{background-color:#2ab27b !important;}
.bg-info{background-color:#8eb4cb !important;}
.bg-warning{background-color:#ffa500 !important;}
.bg-danger{background-color:#c71426 !important;}

.need-assistance-section{background-color:#fff;border:1px solid #ccc;text-align:center;padding:15px;/*font-size:15px;*/
font-size:1.03em;margin:97px 0 18px;position:relative;}
.question-mark{width:124px;height:124px;border:18px solid #3a5996;border-radius:100%;margin:-81px auto 20px;/*font-size:60px;*/ font-size:3.75em; line-height:88px;color:#3a5996;background-color:#fff;position:relative;}
.need-assistance-section::before{content:"";width:146px;height:146px;border:1px solid #ccc;position:absolute;background-color:#fff;border-radius:100%;top:-80px;left:0;right:0;margin:auto;z-index:-1;}
.question-mark::before{content:"";background-color:#fff;width:9px;height:3px;position:absolute;bottom:39px;left:-27px;}
.question-mark::after{content:"";background-color:#fff;width:9px;height:3px;position:absolute;bottom:39px;right:-27px;}
.meassage-board-section{border:1px solid #8a6d3b;padding:21px;background-color:#fcf8e3;margin:0 auto 18px;}
.meassage-board-section p{color:#8a6d3b;margin:2px 0;}
.meassage-board-section h3{color:#8a6d3b;}
.private-notes-section{border:1px solid #707070;margin:0 auto 18px;background-color:#fff;padding:21px;}
.private-notes-section h3{color:#437824;margin:0 auto 20px;}
.private-notes-section p, .private-notes-section textarea{ color:#232323;}
.private-notes-section textarea{border:0;width:100%;}
.checkbox-section{margin:0 auto 0;}
.checkbox-section .container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.checkbox-common-class{border:1px solid #ccc;background-color:#fff;padding:14px 18px;/*font-size:14px;*/ font-size:0.875em;line-height:20px;}
.checkbox-left-section, .checkbox-right-section{width:49.2%;}
.checkbox-common-class .form-check{padding-left:20px;margin:0 0 16px}
form#mainform .buttons {
  margin:0 auto 76px;
}
.form-check-label{padding-left:10px;}
.check-box-inner-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.check-col-each{width:32%;}
.checkbox-fullwidth{width:100%;margin:18px 0 28px;}
.checkbox-fullwidth .form-check{width:20%;}
.form-check-input{margin-top:4px;}
.edit-vehicle-main .blue-btn, form#mainform .buttons .blue-btn{/*font-size:22px;*/ font-size:1.375em; font-weight:600;min-width:110px;}
html body input[type=radio]{position:absolute !important;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
html body input[type=radio] + label{padding-left:26px;display:inline-block;line-height:24px;background-repeat:no-repeat;background-position:0px 3px;/*font-size:16px;*/
vertical-align:middle;cursor:pointer;background-size:20px 130px;min-height: 21px;}
html body input[type=radio]:checked + label, html body input[type=radio]:checked + label{background-position:0 -107px;}
html body input[type=radio] + label{background-image:url(../images/radio-btn-img-new.png);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.hide { display: none;}
#radio-bottom-row{margin-top:20px;}
.finance-option-customise, .customise-finance-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.customise-col {width: 48%;background-color: #fff;border: 1px solid #ccc;padding: 15px; color:#525252;}
.customise-col:hover{color:#000;}
.full-width-div {width: 100%;}
.customise-flat-rate {text-align: center;}
#radio-bottom-row .customise-flat-rate .full-width-div{ text-align:left;margin-bottom: 11%;}

#radio-bottom-row .customise-flat-rate select {width: calc(77% - 55px); border-radius:4px;}
.customise-finance-row {margin: 4px 0;}
#radio-bottom-row .customise-col-each label, #radio-bottom-row .customise-col-each select {display: block;width: 100%;}
.customise-col-each {width: 47%;}
#radio-bottom-row 	.customise-col-each select{ border-radius:4px;font-size: 1rem;}
#radio-bottom-row .customise-flat-rate select{ font-size:0.98em;}
#radio-bottom-row .form-check.form-check-inline {width: 100%;margin-right: 0;text-align: left;margin-bottom: 10px;}
.cost-to-reserve select{ border-radius:4px;}
/*Edge only checkbox larger*/
@supports (-ms-ime-align:auto) {
  form#mainform .form-check-input {
    height: 1.4em;
    width: 1.4em;
  }
  form#mainform .form-check {
    line-height: 1.8em;
  }
}
/**Edit Vehicle code close **/


/** Vehicle Model Result code start **/
.add-vehicle-modal-section.result-vehicle-modal-section .modal-dialog{max-width:1018px;}
.vehicle-result-div{display:none;}
.result-vehicle-modal-section .vehicle-result-div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;margin-top:20px;}
.vehicle-result-left{width:377px;text-align:left;border:1px solid #d9d9d9;box-shadow:0 0 8px #f3f3f3, inset 0 0 5px #eeeeee;padding:10px;}
.vehicle-result-left table{width:100%;}
.vehicle-result-left table td{width:50%;}
.vehicle-result-right{width:calc(100% - 377px);text-align:left;padding-left:20px;/*font-size:17px;*/ font-size:1.0625em;}
.vehicle-result-right .blue-btn{margin-left:0;float:right;}
.vehicle-result-right label{font-weight:700;text-transform:uppercase;}
.vehicle-result-right .form-check{margin:0 0 15px;}
.vehicle-result-right .form-check{padding-left:0px;}
html body .vehicle-result-right input[type="radio"] + label{/*font-size:17px;*/ font-size:1.0625em;}
/** Vehicle Model Result code close **/


/*Highlighted-vehicle-section code start */
.highlighted-vehicle-row{font-weight:600;color:#3a5996;line-height:normal;position:relative;padding-left:30px;}
.secrial-number{position:absolute;left:0px;top:0;bottom:0;margin:auto;}
.secrial-number strong{height:20px;position:absolute;top:0;bottom:0;margin:auto;left:0;color:#3A5996;}
.secrial-number i{position:relative;left:8px;display:none;top:15px;color:#3A5996;}
.secrial-number .fa.fa-arrow-down{position:absolute;bottom:15px;left:8px;top:auto;}
.highlighted-vehicle-section .highlighted-vehicle-inner{background-color:#fff;border:1px dashed #ccc;margin:0 auto 10px;padding:4px 8px;}
.highlighted-car-description, .highlighted-img{display:inline-block;vertical-align:middle;}
.highlighted-img{width:137px;}
.highlighted-car-description{width:calc(99% - 137px);}
.highlighted-car-description strong{width:15.5%;display:inline-block;text-align:center;vertical-align:middle;}
.highlighted-car-description strong:nth-child(2){width:18%;text-align:left;}
.left-common-section > h2{margin:0 auto 10px;}
.left-common-section > h2 + p, .left-common-section > h2 + p + p{font-weight:600;}
a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
/*Highlighted-vehicle-section code close */


/**Reviews page code start**/
.reviews-main-section{margin-bottom:9%;}
#myTab{border-left:1px solid #e2e2e2;}
#myTab li.nav-item a{background-color:#fff;border-top-left-radius:0;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2;line-height:normal;color:#232323;padding:9px 40px;border-bottom:1px solid #e2e2e2;position:relative;cursor:pointer;}
#myTab li.nav-item a.active{border-bottom-color:transparent;}
#myTab li.attention a{border-right:1px solid #957a4b;border-top:1px solid #957a4b;border-bottom:1px solid #957a4b;background-color:#fcf8e3;padding-left:8px;padding-right:18px}
#myTab li.nav-item a strong{display:inline-block;vertical-align:middle;font-weight:400;}
.pending-reviews{display:inline-block;width:68px;height:40px;border:1px solid #bead90;border-radius:14px;text-align:center;color:#232323;line-height:38px;font-weight:600;position:relative;top:0;left:10px;background-color:#fff;}
#myTab li.attention a.active{border-left-color:#957a4b;border-bottom-color:transparent;top:1px;}
.tab-content .tab-pane{padding:0 20px;}
.tab-content .tab-pane{background-color:#fff;padding:20px 42px;border:1px solid #ccc;border-top:0;}
.tab-content h4{color:#3a5996;}
.request-reviews-tab-content form textarea{width:100%;min-height:200px;border:1px solid #ccc;padding:9px;resize:none;overflow-x:hidden;overflow-y:auto;color:#232323;}
.request-reviews-tab-content .blue-btn{float:right;margin-top:15px;}
.sent-request-table table{border:1px solid #e1e1e1;width:100%;margin-bottom:17px;}
.sent-request-row{background-color:#f0f0f0;color:#3a5996;border-bottom:1px solid #e5e5e5;color:#3a5996;}
.sent-request-row td{margin:0;width:33%;padding:10px 27px;}
.sent-request-row td:nth-child(2){text-align:center;}
.sent-request-row td:nth-child(3){text-align:right;}
.sent-request-row:nth-child(2n){background-color:#fff;}
.common-tabbing-class th, .common-tabbing-class td{padding-left:15px;padding-right:15px;}
.common-tabbing-class th{border-top-color:transparent;}
.common-tabbing-class th:nth-child(1){text-align:center;}
.common-tabbing-class table tr td:last-child{width:40%;text-align:left;}
.common-tabbing-class th:nth-child(2), .common-tabbing-class th:nth-child(3), .common-tabbing-class th:nth-child(4), .common-tabbing-class th:nth-child(5){background-image:url(../images/two-arrows-black.png);background-repeat:no-repeat;background-position:96% center;}
.common-tabbing-class td:nth-child(2), .common-tabbing-class td:nth-child(3), .common-tabbing-class td:nth-child(4), .common-tabbing-class th{text-align:left;}
.common-tabbing-class td:nth-child(1){color:#3a5996;line-height:30px;}
.rating-stars i{display:inline-block;vertical-align:top;margin:0 1px;color:#ccc;/*font-size:15px;*/font-size:1.03em;}
.rating-stars i.orange-star{color:#eb6e00;}
#faq-reviews #request-tab{float:right;/*font-size:19px;*/ font-size:1.1875em;}
#reviews-modal .modal-content{border-radius:0;border:1px solid #ccc;padding:9px 14px 10px;}
.reviews-row > *{display:inline-block;vertical-align:middle;width:48.5%;margin:0 0 10px;/*font-size:13px;*/ font-size:0.8125em;}
#reviews-modal p{/*font-size:13px;*/line-height:20px;}
#reviews-modal .modal-footer{padding-left:15px;padding-right:15px;-webkit-justify-content:space-between;justify-content:space-between;border:0;}
#reviews-modal button.close{/*font-size:13px;*/ font-size:0.8125em; text-align:left;font-weight:400;color:#3a5996;opacity:1;}
.reviews-main-section table td p{margin:0;max-height:91px;overflow:auto;}
.faq-content-tabbing h2{/*font-size:50px;*/ font-size:3.125em; font-weight:400;text-transform:uppercase;color:#3a5996;}
.faq-content-tabbing h4{color:#3a5996;font-weight:400;/*font-size:21px;*/ font-size:1.3125em;}

.reviews-main-section .blue-btn.request-tab-btn {	display: block;	border-radius: 0;font-size: 2em;line-height: normal;padding: 6px 10px;}
/**Reviews page code close**/


/**Paused Ads section code start**/
.vehicle-top-left-section h2{margin:0 0 10px;}
.vehicle-top-left-section p{margin:0;}
.vehicle-top-right-section a i.fa.fa-arrow-up, .vehicle-top-right-section a i.fa.fa-arrow-down{margin:2px 0 0;/*font-size:14px;*/ font-size:0.875em;}
.paused-ads-section .vehicle-social{width:100%;text-align:right;}
.sorting-option ul{padding:0;margin:0 auto;max-width:220px;text-align: center;}
.sorting-option ul li{display:block;border-bottom:1px solid #ccc;}
.sorting-option ul li a{display:inline-block;/*font-size:15px;*/ font-size:0.9375em; line-height:normal;font-weight:700;color:#333;background-color:transparent;width:auto;border:0;padding:11px 10px;}
.sorting-option ul li img{margin:0 10px;}
/**Paused Ads section code close**/


/**Reserved Ads section code start**/
.reserved-vehicle-section table thead tr th:nth-child(6), .reserved-vehicle-section table tbody tr td:nth-child(6){width:210px !important;word-wrap:break-word;}
.reserved-option-section{margin:0 0 20px;}
.reserved-option-section, .reserved-option-section .reserved-option-each{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;}
.reserved-option-section .reserved-option-each{width:48%;background-color:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);border-radius:7px;padding:14px 20px;}
.reserved-option-section .reserved-option-each > *{width:50%;text-align:left;}
.reserved-option-section .reserved-option-each .form-check{/*padding-left:20px;*/padding-left: 0; text-transform:uppercase;font-weight:700;}
.reserved-option-section .reserved-option-each p{margin:0;}
.reserved-option-section .reserved-option-each select{width:calc(100% - 85px);line-height:normal;padding:12px 12px;border-radius:4px;}
.reserved-option-section .reserved-option-each .form-check .form-check-input{margin:auto;top:0;bottom:0;left:0;}
html body .reserved-option-each input[type="radio"] + label{background-position:0 13px;padding-left:35px;}
html body .reserved-option-each input[type="radio"]:checked + label{background-position:0 -97px;}


/**Reserved Ads section code close**/


/**enquiries page code start**/
.enquery-section-main .left-common-section select{margin:0 auto 30px;/*font-size:15px;*/ font-size:1.03em;letter-spacing:0;padding:9px 5px;text-indent:0;border-radius:3px;}
.enquiries-section-inner{margin:0 0 60px;overflow:hidden;}
.enquiries-row{background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:3px 20px;margin:0 0 10px;/*font-size:15px;*/ font-size:1.03em;line-height:normal;}
.enquiries-row table{width:100%;table-layout:fixed;}
.enquiries-row .blue-btn{border-radius:0;min-width:0;width:82px;/*font-size:16px;*/ font-size:1em; padding:5px 5px;text-align:center;font-weight:700;}
.enquiries-row-top{color:#3a5996;font-weight:700;}
.enquiries-row-top table td:last-child{text-align:right;width:90px;}
.enqueries-bottom-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;padding:10px 0;border-top:1px solid #707070;}
.enqueries-bottom-row table{width:430px;word-wrap:break-word;}
.enquiries-row table tr td{padding:4px 2px;}

.enquiries-bottom-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.enquiries-bottom-row table {width: 420px;}
.enquiries-bottom-row p{width:calc(100% - 456px); text-align:left; margin-top:5px;white-space: pre-wrap;}
.enquiries-bottom-row iframe{height:400px;width:100%;margin-top:5px;border:0;}
/**enquiries page code close**/


/**Finance-option Page code start**/
.finance-option-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;background-color:#fff;margin:0 auto 20px;padding:20px;border:1px solid #ccc;border-radius:5px;}
.finance-option-row .form-check-inline .form-check-label{font-weight:700;padding-left:60px;/*font-size:19px;*/ font-size:1.1875em;}
.finance-option-row label p{font-weight:400;/*font-size:16px;*/ font-size:1em; margin:0;line-height:21px;}
.finance-option-right{width:calc(100% - 480px);text-align:center;}
.finance-option-right .panel-body{max-width:980px;margin:0 auto;/*font-size:14px;*/ font-size:0.875em;}
.finance-option-right select{/*font-size:14px;*/ font-size:0.875em; letter-spacing:0;padding:10px 7px;border-radius:5px;}
#first-finance-option p{margin:0;}
#second-finance-option .panel-body{max-width:570px;margin:0 auto;}
#third-finance-option{width:100%;text-align:right;}
#third-finance-option .panel-body .registration-year-row, #third-finance-option .panel-body .apr-row{display:inline-block;vertical-align:middle;margin:5px 0;}
#third-finance-option .panel-body .registration-year-row > *, .apr-row > *, .fourth-finance-row > *{display:inline-block;vertical-align:middle;margin:0 2px;}
#third-finance-option select{width:140px;}
.remove-minus, .add-rule-div strong{width:42px;height:42px;background-color:#b7b7b7;/*font-size:50px;*/ font-size:3.125em; text-align:center;line-height:31px;color:#fff;display:inline-block;vertical-align:middle;}
.add-rule-div strong{background-color:#3a5996;width:42px;height:42px;/*font-size:30px; */font-size:1.875em;text-align:center;line-height:42px;color:#fff;display:inline-block;vertical-align:middle;}
.add-rule-div label{margin:0;}
.add-rule-div{margin-top:13px;}
#fourth-finance-option{width:100%;text-align:right;}
#fourth-finance-option select, #fourth-finance-option div.item-display{width:170px;}
#fourth-finance-option div.item-display {margin-bottom: 0; text-align: left;}
.fourth-finance-row{margin:0 auto 10px;}
.fourth-finance-row select + label, .fourth-finance-row div.item-display + label {width:5.3em;}
/**Finance-option Page code close**/

.branding-option-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;background-color:#fff;margin:0 auto 20px;padding:20px;border:1px solid #ccc;border-radius:5px;}
.branding-option-row .form-check-inline .form-check-label{font-weight:700;padding-left:60px;/*font-size:19px;*/ font-size:1.1875em;}
.branding-option-row label p{font-weight:400;/*font-size:16px;*/ font-size:1em; margin:0;line-height:21px;}
#first-branding-option p{margin:0;}
.branding-option-right{width:calc(100% - 480px);text-align:center;}
.branding-option-right .panel-body{max-width:980px;margin:0 auto;/*font-size:14px;*/ font-size:0.875em;}
.branding-option-right select{/*font-size:14px;*/ font-size:0.875em; letter-spacing:0;padding:10px 7px;border-radius:5px;}
#second-branding-option .panel-body,#third-branding-option .panel-body,{max-width:570px;margin:0 auto;}


/**The team code start**/
.team-member-row {position: relative;color: #232323;padding-left: 30px;font-weight: 400;}
.team-member-inner {background-color: #fff;border: 1px dashed #ccc;margin: 0 auto 10px;padding: 10px 20px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.member-img, .team-member-description {display: inline-block;vertical-align:top;}
.member-img {width: 137px;}
.team-member-description {width: calc(99% - 137px);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.team-heading-div .team-member-inner {background-color: transparent;padding-top: 0;padding-bottom: 0;border: 0;}
.team-member-description > * {display: inline-block;vertical-align: top;width: 110px;}
.team-member-row .detail-big-para {width: 49%;margin: 0;}
.pencil-trash-div {text-align: center;margin-top: 30px; width:110px;}
.pencil-trash-div a {display: inline-block;vertical-align: top;width: 42px;	height: 42px;border: 1px solid #464646;line-height: 37px;text-align: center;border-radius: 5px;	margin: 0 3px;}
.pencil-trash-div a:last-child{ border-color:#9E0B0F;}

.add-person-btn {text-align: right;}
.add-person-btn a.blue-btn {font-size: 16px;}
/**The team code close**/


/**Business detail page code start**/
.left-business-detail-section .form-group{ width:100%;padding: 0 5px;}
.left-business-detail-section .form-group > * {display: inline-block;vertical-align: top;}
.left-business-detail-section .form-group label {font-weight: 700;width: 300px;}
.left-business-detail-section .form-group .label-field-div {width: calc(99% - 300px);color:#575757;}
.left-business-detail-section .form-group .inline-radio-div {padding: 0;}
.left-business-detail-section .form-group .inline-radio-div .form-check{ width:100px; text-align:left;}
.left-business-detail-section .label-field-div p{margin:0;}
.left-business-detail-section .form-group .opening-hours-div label {font-weight: 400;width:8em;font-size: 0.9em;}
.opening-hours-div .form-check-inline {margin: 0; width: 100%;}
.to-div {min-width: 65px;text-align: center;}
.opening-hours-left-row, .opening-hours-right-row {margin: 5px 0;min-height: 31px;}
.opening-hours-left-row input[type="time"] {width: 106px;text-align: center;font-size: 0.9em;padding: 5px 5px;line-height: normal;height: auto;}
.to-div {min-width: 45px;text-align: center;font-size: 0.9em;}
.empty-space {width: 105px;}

.opening-hours-div, .opening-hours-right-row {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;align-items: center;}
.opening-hours-left {width: 384px;}
.opening-hours-right {width: calc(98% - 384px);}
.opening-hours-right-row input {width: calc(100% - 8em);padding:5px;font-size: 0.9em;padding: 5px 5px;line-height: normal;height: auto;}
.opening-hours-right-row label {margin: 0;}

.map-open-button{ text-align:center;margin-top:20px;}
.map-open-button button.blue-btn {font-size: 21px;font-size: 1.29em;padding: 6px 21px;}

.business-two-btns {text-align: right;display: block;width: 100%;}

#mapModal iframe{max-width:100%; border:1px solid #ccc;}
html body .reverse-blue-btn {background-color:transparent;color: #3a5996;}
html body .reverse-blue-btn:hover{background-color: #3a5996;color: #fff !important;}

#mapModal .modal-dialog {max-width: 800px;width: auto;}
#mapModal .modal-dialog .modal-header h2{ display:block; font-weight:400; text-align:center; width:100%; color:#232323;}
.map-main-div {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.map-left {width: 476px;}
.map-right-position {width: calc(96% - 476px);text-align: center;padding-top: 40px;}
.map-right-position a.blue-btn{ font-size: 1.1em;border-radius:0; margin-top:60px;}

.map-open-button label{color:#232323; text-align:left;}
.left-business-detail-section .label-field-div .inline-radio-div label {font-size: 0.8em;}

.opening-hours-div input[type=checkbox]{position: absolute;z-index: -1000;left: -1000px;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
.opening-hours-div input[type=checkbox] + label {padding-left: 26px;height: 19px;display: inline-block;line-height: 19px;background-repeat: no-repeat;background-position: 0 0;font-size: 19px;
	vertical-align: middle;cursor: pointer;}
.opening-hours-div input[type=checkbox]:checked + label {background-position: 0 -91px;}
.opening-hours-div input[type=checkbox] + label {background-image: url(../images/checkbox-img.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
	-moz-user-select: none;-ms-user-select: none;user-select: none;}
/**Business detail page code close**/


/**Deleted-cars code start**/
.deleted-car-table tbody tr { background-image:url(../images/vehicle-deleted.png); background-repeat:repeat-x; background-position:center;}
/*.deleted-car-table .table-content-right {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}*/
.delete-car-head-para-left h5 {margin: 0 0 5px;}
.delete-car-head-para-left p {margin: 0;max-height: 57px;overflow: hidden;font-size: 0.9em;}
.deleted-car-table .img-social-section {align-self: self-end;}

.owl-thumb {/*display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;*/position:relative;}
.owl-thumb a {width: 20%;}
.owl-thumb a img {max-height: 145px;min-height: 145px;}
#related-car-modal .modal-dialog {width: auto;	max-width: 1060px;}
.modal-header {background-color: #e5e5e5;border-bottom: 1px solid #ccc;}
.modal-header h2{ font-weight:400;}
#related-car-modal .modal-body {padding: 20px 45px; background-image:url(../images/deleted-modal-bg.png);background-repeat: repeat;}
.modal-name-price-section, .deleted-car-modal-head, .deleted-car-table-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;}
.modal-name-price-section h3{ font-weight:700;margin:0;}
.modal-name-price-section p{margin:0 0 5px;}
.modal-price-right{ text-align:right;}
.modal-price-right p{color:#3A5996;}

.modal-carousel-section .owl-item {position: relative;}
.modal-carousel-section .total-images {width: 90px;height: 35px;display: inline-block;vertical-align: middle;line-height: 32px;border-radius: 3px;padding: 0 12px;bottom:20px; left:20px;}
.modal-carousel-section .total-images img {max-width: 21px;display: inline-block !important;vertical-align: middle; margin-right:5px;}
.modal-carousel-section .owl-carousel .owl-nav button {	width: 38px;height: 58px;background-color: rgba(0, 0, 0, 0.60);position: absolute;top: 40%;	line-height: 18px;}
.modal-carousel-section .owl-carousel .owl-nav button span{ color: #fff;font-size: 60px; line-height: 22px;	}
.modal-carousel-section .owl-carousel .owl-nav button.owl-prev {left: 5px;}
.modal-carousel-section .owl-carousel .owl-nav button.owl-next {right: 5px;}
.modal-carousel-section .owl-carousel .owl-nav button:hover{background-color:#3A5996;}
.modal-carousel-section .owl-carousel .owl-nav button svg {width: 19px;}
.modal-carousel-section .owl-carousel .owl-nav button svg path {stroke-width: 2px !important;stroke: #fff !important;}
#sync2.owl-carousel .owl-nav button {width: 25px;margin: 0;left: 0;top: 0;bottom: 0;height: 100%;background-color: #437824;opacity:1;}
#sync2.owl-carousel .owl-nav button.owl-next{left:auto;right:0;}
#sync2.owl-carousel .owl-nav button:hover, #sync2.owl-carousel .owl-nav button.disabled{ background-color:#738768;}

.deleted-car-table-section tbody tr {background: none !important;}
.deleted-car-modal-detail-section {box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);margin: 15px 0;}
.deleted-car-modal-detail-section > * {padding: 20px;}
.deleted-car-modal-head {border-bottom: 1px solid #ccc;padding: 15px 20px; color:#232323;}
#related-car-modal .deleted-car-modal-head h5{color:#232323;margin:0;}
#related-car-modal .deleted-car-modal-head h5 strong{color:#A0A0A0; font-size:0.9em; margin-left:20px;}
.deleted-car-table-section table tbody tr:nth-child(2n) {background-color: transparent;}
#related-car-modal .deleted-car-table-section table tbody tr td:first-child {width: 242px;}
#related-car-modal .deleted-car-table-section table {width: 47%;background: transparent;}
#related-car-modal .deleted-car-table-section table tr td:last-child{ text-align:right; color:#333333; font-weight:700;}
#related-car-modal .more-info-section h5 {color: #232323;margin: 0 0 20px;}
#related-car-modal .more-info-section p{margin:5px 0;}
#related-car-modal .owl-dots{  display:none;}
/**Deleted-cars code close**/


/**Branding code start**/
.branding-boxes-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.branding-box-each {width: 46.95%;background-color: #fff;padding: 10px; min-height: 484px;margin-bottom: 20px; border:1px dashed #ccc;position:relative;font-size: 1.1em;}
.branding-box-each p{margin:0 0 8px;color: #333;}
.branding-border-box {height: 91%;position: relative;}
.branding-border-box.full-box {border-left: 13px solid;border-right: 13px solid;border-bottom: 13px solid;}
.branding-border-box h3 {text-align: center;font-weight: 700;line-height: normal;background-color: #3A5996;color: #fff;padding:9px 0;position: relative;font-size:1.56em;}
.branding-border-box strong {position: absolute;bottom: 0px;left: 0;right: 0;text-align: center;padding: 12px 0;color: #fff;}
.branding-border-box.blue-box{ border-color:#3A5996;}
.branding-border-box.grey-box{ border-color:#D7D7D7;}
.branding-border-box.green-box{ border-color:#007236;}
.branding-border-box.dark-gray-box{ border-color:#252525;}

.branding-border-box.grey-box h3, .branding-border-box.grey-box strong{background-color:#D7D7D7;}
.branding-border-box.green-box h3, .branding-border-box.green-box strong{background-color: #007236;}
.branding-border-box.dark-gray-box h3, .branding-border-box.dark-gray-box strong{background-color: #252525;}

/**Branding code close**/


/**Price history Page code start**/
.price-history-car-section .price-history-table tbody tr, .price-history-car-section #related-car-modal .modal-body{ background-image:none;}
.price-history-table table th {font-size: 0.92em;padding-right: 20px;}
.history-price-desk {text-align: left;padding: 0 10px;}
.history-price-desk span, .history-price-desk p{ font-weight:300;}
.date-blue{ color:#242A78;}
/**Price history Page code close**/



/************** Responsive Start *********************/
@media (max-width:1600px){
.vehicle-top-left-section{width:100%;}
.vehicle-table-section table{/*font-size:14px;*/}
.vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child{width:510px;}
.vehicle-table-section table th{background-size:10px;}
.common-tabbing-class table tr td:last-child{width:34%;}

.left-business-detail-section .form-group label {width: 240px;}
.left-business-detail-section .form-group .label-field-div {width: calc(99% - 240px);}

.branding-box-each {min-height: 454px;}
}

@media (max-width:1500px){
  body{font-size:0.85em;line-height:1.66em;}
  .finance-option-right{width:100%;text-align:left;padding-left:59px;}
  #second-finance-option .panel-body{max-width:100%;}
  #third-finance-option .panel-body .registration-year-row, #third-finance-option .panel-body .apr-row{display:block;}

  .team-member-row .detail-big-para {width:37%;}
  .opening-hours-div {display: block;width: 100%;}
  .opening-hours-left, .opening-hours-right {width: 100%;}

  .branding-box-each {min-height: 424px;}
  .branding-option-right{width:100%;text-align:left;padding-left:59px;}
  #second-branding-option .panel-body,#third-branding-option .panel-body{max-width:100%;}

  .history-price-desk {padding: 0 3px;}
}

@media (max-width:1400px){
  .branding-box-each {min-height: 394px;width: 48%;}	
}

@media (max-width:1360px){
  body{font-size:0.9em;line-height:1.6em;}
  .header-top-right p{font-size:0.875em;}
  .header-menu .navbar ul.navbar-nav li a{padding:4px 8px;font-size:0.875em;}
  .left-common-section{width:calc(98.5% - 380px);}
  .right-sidebar{width:380px;}
  .left-photos-section ul li.more{font:1.5em;}
  .inline-row{width:32%;}
  .reserved-vehicle-section table thead tr th:nth-child(6), .reserved-vehicle-section table tbody tr td:nth-child(6){width:180px !important;}

  .enquiries-bottom-row{display:block;}
  .enquiries-bottom-row table {width: 100%;}
  .enquiries-bottom-row p{width:100%; text-align:left; margin-top:35px;}
}


@media (min-width:768px) and (max-width:1360px){
  .vehicle-table-section table th{background-image:none;vertical-align:middle;}
}

@media (max-width:1300px){
  .vehicle-table-section{font-size:0.8em;}
  #fourth-finance-option, #third-finance-option{padding-left:0;}
  #fourth-finance-option select, #fourth-finance-option div.item-display{width:133px;}

  .delete-car-head-para-left p {font-size: 1.1em;}
  .must-responsive-show small{ font-size:1em;}
  #related-car-modal {font-size: 1.2em;}

  .branding-box-each {width: 49%;min-height: 364px;}
  .branding-border-box h3 {font-size: 1.4em;}
}

/*@media (min-width:1300px){*/
.table-content-right > p, .table-content-right > h5{max-height:1.4em;overflow:hidden;}
/*}*/

@media (min-width:1201px) and (max-width:1299px){
  .vehicle-table-section table{/*font-size:12px;*/}
  .reserved-vehicle-section table thead tr th:nth-child(6), .reserved-vehicle-section table tbody tr td:nth-child(6){width:140px !important;}

  .pencil-trash-div {margin-top: 6px;width: 50px;}
  .pencil-trash-div a {margin: 0 0 6px;}
  .member-img {width: 110px;}
}
@media (min-width:768px) and (max-width:991px){
  .login-inner h1 img{width:40px;}
  .vehicle-top-right-section a {min-width: 121px;}	
  .vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child {width: 320px;padding:5px;}
  .vehicle-inner-main {display: block;}	
  .table-content-right {width: 100%;padding: 10px 0;}
  .img-social-section {display: block;}
  .flag-section {margin: 0 0 10px;}
}
@media (max-width:1200px){
  .login-main{display:block;}
  .header-menu .navbar ul.navbar-nav li a{padding:4px 5px;/*font-size:13px; */font-size:0.8125em;}
  .vehicle-top-section{display:block;padding:25px 0 10px;}
  .vehicle-top-left-section{width:100%;margin:0 0 15px;}
  .vehicle-top-right-section{position:relative;text-align:center;margin:0 auto;}
  .search-input{position:relative;width:100%;max-width:402px;margin:5px auto auto;}
  .search-input form input{padding:8px 10px;}
  .vehicle-table-section table th{vertical-align:top;}
  .vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child{width:200px;}
  .flag-section{width:40px;}
  .flag-section a{margin-right:3px;margin:8px 0px;display:block;}
  .left-form-section .form-group label{/*font-size:15px;*/ font-size:1em;}
  .left-form-section .form-group > label, .left-form-section .form-group > input, .left-form-section .form-group > select, .left-form-section .form-group > textarea, .inline-radio-div{display:block;}
  .left-form-section .form-group > input, .left-form-section .form-group > select, .left-form-section .form-group > textarea, .inline-radio-div, .left-common-section select{width:100%;}
  .left-form-section .form-group .form-check-inline label {font-size: 0.8em;}
  .left-form-section .form-group > label{width:100%;padding-left:0;}
  .star-req{position:relative;}
  .inline-row{width:49%;}
  #odometer{width:71% !important;display:inline-block;}
  #odometer + select{display:inline-block;width:auto;}
  #calcOdometer,
  #calcProfit{
    text-align: right;
    color: green;
    font-size: x-small;
    min-width:40% !important;
  }
  .youtube-video-section{display:block;}
  .youtube-video-section input{margin-top:10px;width:100%;}
  .add-vehicle-modal-section.result-vehicle-modal-section .modal-dialog{max-width:96%;}
  .common-tabbing-class th, .common-tabbing-class td{padding-left:5px;padding-right:5px;}
  .reserved-vehicle-section table thead tr th:nth-child(6), .reserved-vehicle-section table tbody tr td:nth-child(6){width:145px !important;}
  .reserved-option-section .reserved-option-each{display:block;}
  .reserved-option-section .reserved-option-each > *{width:100%;text-align:left;}
  .enquiries-row{padding:15px;}
  .enquiries-row table tr td, .enquiries-row table tr th{width:100%;display:block;padding:2px 2px;}
  .enquiries-row-top table td:last-child{display:table-cell;vertical-align:top;}
  .enqueries-bottom-row{display:block;margin-top:12px;}
  .enqueries-bottom-row tr{margin:0 0 7px;display:block;}
  .enqueries-bottom-row p{margin:0;}
  .enquiries-row .blue-btn{padding:6px 5px;}
  #third-finance-option .panel-body .registration-year-row > *, .apr-row > *{margin:0 1px;}
  .fourth-finance-row label:first-child{display:block;text-align:left;margin:0 auto 5px;}
  #fourth-finance-option select, #fourth-finance-option div.item-display{width:38%;}
  .fourth-finance-row{text-align:left;}

  .member-img {width: 110px;}
  .team-member-description {width: calc(99% - 110px);}
  .team-member-inner {padding: 10px;}
  .pencil-trash-div {margin-top: 0px;width: 50px;}
  .pencil-trash-div a {margin: 0 3px 6px;}
  .team-member-row .detail-big-para {width: 28%;}

  .inline-radio-div {padding-left: 0;padding-right: 0;}

  .left-business-detail-section .form-group > *{display:block;width:100%;}
  .left-business-detail-section .form-group .label-field-div{width:100%;}

  .delete-car-head-para-left p {font-size: 1em;}
  .deleted-car-table small {font-size: 0.9em;}
  .deleted-car-main-section .vehicle-top-right-section, .price-history-car-section .vehicle-top-right-section{/*text-align:right ;*/}
  #related-car-modal .modal-dialog {	max-width: 960px;}
  #related-car-modal .modal-body {padding: 20px 20px;}
  .owl-thumb a img {max-height: 138px;min-height: 138px;}
  .branding-box-each {width: 100%;}
  .vehicle-main-section div#main-button-wrapper {margin-bottom: 15px;}
  /*.vehicle-main-section div#main-button-wrapper a {height: 40px;}*/
}

@media (max-width:1024px) and (min-width:769px){
  .table-content-right > p, .table-content-right > h5{line-height: 16px;}
  .vehicle-table-section table th, .vehicle-table-section table td {
    display: none;
    vertical-align: middle;
}
.vehicle-table-section table thead tr th:first-child, 
.vehicle-table-section table tbody tr td:first-child, 
.vehicle-table-section table thead tr th:nth-child(6), 
.vehicle-table-section table tbody tr td:nth-child(6), 
.vehicle-table-section table thead tr th:nth-child(7), 
.vehicle-table-section table tbody tr td:nth-child(7),
.vehicle-table-section table thead tr th:last-child, 
.vehicle-table-section table tbody tr td:last-child{display: table-cell;}

}
@media(min-width:992px){
  #navbarSupportedContent {display: block;}	
}

@media (min-width:992px) and (max-width:1200px){
  .container{max-width:970px;width:auto;}
  .vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child{width:340px;}
  .flag-section{margin-right:3px;}
  .vehicle-table-section table{/*font-size:12px;*/ font-size:1em;}
  .table-content-right{width:190px;}
  .highlighted-car-description strong:nth-child(2){width:17%;}
  .highlighted-vehicle-section{/*font-size:13px;*/ font-size:0.8125em;}
  .highlighted-vehicle-row{padding-left:19px;}
  .reserved-vehicle-section table thead tr th:nth-child(6), .reserved-vehicle-section table tbody tr td:nth-child(6){width:165px !important;}

  .customise-col {font-size: 0.8em;}
  .customise-finance-row {display: block;}
  .customise-col-each {width: 100%;	margin: 0 auto 7px;}
  #radio-bottom-row .customise-col-each select {font-size: 1em;padding: 7px 10px;}
  #radio-bottom-row .customise-flat-rate select {width: calc(97% - 55px);}
}

.dropdown-menu {
  border: 1px solid #111;  
}


@media (max-width:991px){
  .copyright-section{display:block;}
  .login-main{height:auto;}
  .copyright-left, .copyright-right{width:100%;text-align:left;}
  .header-top-right{display:none;}
  .header-main .container{padding:0;}
  .header-main .header-top{padding:0 15px;}
  #navbarSupportedContent{margin-bottom:-8px;}
  .navbar-toggler{width:24px;display:block;position:absolute;right:15px;top:-43px;padding:0;margin:auto;cursor:pointer;}
  .navbar-toggler span {display: block;margin: 0 auto 5px;width: 100%;background-color: #000;	height: 3px; position:relative;}
  .navbar-toggler.menu-open span:last-child{display:none;}
  .navbar-toggler.menu-open{top:-31px;}
  .navbar-toggler.menu-open span:first-child{transform:rotate(45deg);top:1px;}
  .navbar-toggler.menu-open span:nth-child(2){transform:rotate(-45deg);top:-7px;}
  .header-menu .navbar ul.navbar-nav li, .header-menu .navbar ul.navbar-nav li:last-child{float:none;margin:0;}
  .header-menu .navbar ul.navbar-nav li a{padding:14px 15px;/*font-size:15px;*/ font-size:1.03em;text-transform:capitalize;border-bottom:1px solid #ccc;position:relative;}
  .header-menu .navbar ul.navbar-nav li a .fa.fa-angle-down{position:absolute;right:11px;top:0;bottom:0;margin:auto;height:13px;}
  .dropdown-menu{padding:0;margin:0;}
  .header-menu .navbar ul.navbar-nav li .dropdown-menu a{padding:10px 25px;/*font-size:13px;*/ font-size:0.82em;line-height:normal;background-color:#3a5996;color:#fff;border:0;}
  .vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child{width:120px;}
  .lr-common-inner-section, .checkbox-section .container{display:block;}
  .left-common-section, .checkbox-left-section, .checkbox-right-section{width:100%;}
  .right-sidebar{width:100%;max-width:430px;margin:30px auto 0;}
  .inline-row label{display:none;}
  .form-group{margin-bottom:8px;}
  .left-form-section .form-group label{/*font-size:15px;*/ /*font-size:0.9375em;*/margin-bottom:0;}
  .left-form-section .form-group .form-check-inline label {font-size:0.9em;}
  .left-form-section .form-group > input, .left-form-section .form-group > select, .left-form-section .form-group > textarea, .inline-radio-div, .left-common-section select{ font-size:16px;}
  .checkbox-common-class{margin:0px 0 20px;}
  .left-photos-section ul{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
  .left-photos-section ul li{width:18%;list-style:none;margin:10px 0;}
  .add-vehicle-modal-section form input[type="text"]{/*font-size:28px;*/ font-size:2em;}
  .result-vehicle-modal-section .vehicle-result-div{display:block;}
  .vehicle-result-left, .vehicle-result-right{width:100%;margin:20px 0;}
  .vehicle-result-right{padding-left:0;/*font-size:14px;*/ font-size:0.875em; margin-bottom:0;}
  .vehicle-result-right .blue-btn{float:none;}
  #myTab li.nav-item a{padding:9px 20px;}
  .common-tabbing-class th, .common-tabbing-class td{/*font-size:14px;*/ font-size:0.875em;}
  #fourth-finance-option, #third-finance-option{padding-left:59px;}
  #fourth-finance-option select, #fourth-finance-option div.item-display{width:42%;}

  .finance-option-customise {display: block;}
  .customise-col {font-size: 0.8em;}
  .customise-col-each {width: 46%;	margin: 0 0 7px;}
  #radio-bottom-row .customise-col-each select {font-size: 1em;padding: 7px 7px;}
  #radio-bottom-row .customise-flat-rate select {width: calc(77% - 55px);}
  #radio-bottom-row .customise-col-each select {font-size: 0.8em;padding: 7px 7px;}
  .customise-col.deposit-trade-col{ margin-top:15px;}
  .customise-col.deposit-trade-col .full-width-div{text-align:center;}


  #mapModal .modal-dialog {max-width: 740px;}
  .map-left {width: 426px;}
  .map-right-position {width: calc(96% - 416px);}

  .deleted-car-table tbody tr {background-image: url(../images/vehicle-deleted-mobile.png);background-repeat: repeat-x;}
  #related-car-modal .modal-dialog {	max-width: 750px;}
  #related-car-modal .deleted-car-table-section table {width: 49%;}
  .deleted-car-modal-detail-section > * {padding: 10px;}
  #related-car-modal .modal-body {padding: 20px 15px;}
  .owl-thumb a img {max-height: 108px;min-height: 108px;}
  #card3 #third-finance-option {padding-left: 0px;}
  #card3 #third-finance-option .col-1 {
    display: none;
  }
  #card3 #third-finance-option .col-11.text-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #third-finance-option select {
    width: 229px;
    margin: 5px 0;
}

  #calcOdometer,
  #calcProfit{
    min-width: 33% !important;
  }

}

@media (min-width:768px){
  .show-in-responsive, .show-in-responsive{display:none !important;}
  #reviews-modal{display:none !important;}
  .collapse.sorting-option{display:none !important;}
  .header-menu navbar-collapse{ display:block;}
}

@media (min-width:768px) and (max-width:991px){
  .vehicle-table-section table th, .vehicle-table-section table td,
.vehicle-table-section table thead tr th:nth-child(6),
.vehicle-table-section table tbody tr td:nth-child(6),
 .vehicle-table-section table thead tr th:nth-child(7),
  .vehicle-table-section table tbody tr td:nth-child(7){display:none;vertical-align:middle;}
  .vehicle-table-section table thead tr th:nth-child(12){display: block;}
  .navbar-expand-md .navbar-toggler{display:block !important;}
  div#navbarSupportedContent.navbar-collapse.collapse{display:none !important;}
  div#navbarSupportedContent.navbar-collapse.collapse.show {display: block !important;}
  .container{max-width:750px;width:auto}
  .login-inner h1 img{width:40px;}
  .vehicle-top-right-section a{min-width:121px;}
  .vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child {width: Auto !important;padding: 5px;}
  .vehicle-table-section table thead tr th:last-child, .vehicle-table-section table tbody tr td:last-child {width: 130px !important; height: 100vw;
    font-size: 1.2em;
    font-weight: bold;}
  .vehicle-inner-main{display:block;}
  .table-content-right{width:100%;padding:10px 0;}
  .img-social-section{display:block;}
  .flag-section{margin:0 0 10px;}

  .vehicle-table-section table{/*font-size:12px;*/ font-size:1em;}
  .vehicle-table-section table th{vertical-align:middle;}
  .highlighted-vehicle-row{padding-left:20px;}
  .common-tabbing-class th:nth-child(2), .common-tabbing-class th:nth-child(3), .common-tabbing-class th:nth-child(4), .common-tabbing-class th:nth-child(5){background-image:none;}
  .reserved-vehicle-section table thead tr th:nth-child(6), .reserved-vehicle-section table tbody tr td:nth-child(6){width:85px !important;}

  .reserved-vehicle-section .vehicle-social {text-align: left;}

  
}
@media (max-width:768px){
.vehicle-table-section table th, .vehicle-table-section table td,
.vehicle-table-section table thead tr th:nth-child(6),
.vehicle-table-section table tbody tr td:nth-child(6),
 .vehicle-table-section table thead tr th:nth-child(7),
  .vehicle-table-section table tbody tr td:nth-child(7){display:none;vertical-align:middle;}
  .vehicle-table-section table thead tr th:nth-child(1){width:67% !important;}
  .vehicle-table-section table thead tr th:nth-child(12){display:block !important;}
  .vehicle-table-section table thead tr th:first-child{border-top-left-radius:0px;}
  .vehicle-table-section table thead tr th:last-child{border-top-right-radius:0px;}
  .vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child, .vehicle-table-section table thead tr th:last-child, .vehicle-table-section table tbody tr td:last-child{width:auto;display:table-cell;width:auto;}
  .vehicle-table-section table thead tr th:first-child, .vehicle-table-section table tbody tr td:first-child{width:69%;}
  .vehicle-table-section table thead tr th:last-child, .vehicle-table-section table tbody tr td:last-child{width:90px;}
  .vehicle-table-section table tbody tr td:last-child p, .vehicle-table-section table tbody tr td:last-child{font-weight:700;}
  .vehicle-table-section table tbody tr td:last-child {font-size: 1.15em;}
  .vehicle-table-section table tbody tr td:last-child p {font-size: 0.8em;}
  .vehicle-table-section table tbody tr td:first-child{padding:2px 2px 0;}
  div#searchable-table_wrapper table#searchable-table td.must-responsive-show {
    display: none !important;
}
}

@media (max-width:767px){
  body{/*font-size:15px;line-height:25px;*/}
  html body h1{/*font-size:33px;*/ font-size:2.0625em;}
  html body h2{/*font-size:22px;*/ font-size:1.375em; margin:0 0 10px;}
  html body h4{/*font-size:18px;*/ font-size:1.125em;}
  .container{max-width:100%;margin:0 auto;width:100%;}


  .header-logo h1{/*font-size:28px;*/ font-size:1.75em;}
  .navbar-toggler{top:-39px;}
  .header-menu .navbar ul.navbar-nav li a{font-size:1em;}
  .header-menu .navbar ul.navbar-nav li .dropdown-menu {position: relative;}
  .login-main{padding:40px 0;}
  .login-inner h1 img{width:35px;}
  .vehicle-top-section + div{margin-top:0;}
  .vehicle-top-left-section ul li{width:100%;display:block;}
  .hide-in-responsive{display:none !important;}
  .vehicle-table-section{margin:0 auto 40px;/*border-bottom:20px solid #3a5996;*/ font-size:0.93em;border-radius:0;}
  .vehicle-table-section table{table-layout:auto;}
  div#main-button-wrapper div a{margin:0 0 0 0;}

  div#main-button-refresh-wrapper {
    /*padding-right: ;*/
  }
  div#main-button-refresh-wrapper a span {
    display: none;
  }

  .table-content-right{width: calc(100% - 30px);}
  .table-content-right p{margin-bottom:4px;}
  
  .img-social-section{justify-content:left;-webkit-justify-content:left;}
  .vehicle-table-img, .vehicle-social{display:inline-block;vertical-align:top;}
  .vehicle-table-img{max-width:113px;max-height:78px;width:113px;position:relative;}
  .vehicle-social a{width:36px;height:36px;line-height:31px;/*font-size:17px;*/ font-size:1.0625em; margin:0px 0 6px;}
  label.flag {width: 36px; height: 36px;}
  .custom-radio, .custom-checkbox { width: 100%; height: 36px;  }
  .vehicle-social a:nth-child(6), .vehicle-social a:nth-child(7), .vehicle-social a:nth-child(8){margin:0;}
  .vehicle-social{width:auto;text-align:left;max-width:130px;margin-left:4px; margin-top:15px;}
  .flag-section.show-in-responsive{margin:30px auto 0;}
  .flag-section.show-in-responsive .fas.fa-flag{color:#ff3838;}
  .flag-section.show-in-responsive .fa.fa-star{color:#fabe10;}
  .add-vehicle-modal-section button.close{/*font-size:45px;*/ font-size:2.8125em; line-height:30px;}
  .left-form-section .form-group > input, .left-form-section .form-group > select, .left-form-section .form-group > textarea, .inline-radio-div, .left-common-section select{/*font-size:14px;*/
  font-size:0.875em; padding:10px 8px;}
  .inline-radio-div{padding-left:0;padding-right:0;}
  .inline-row select{min-width:100%;}
  body select{background-position:calc(100% - 10px) center;}
  .left-photos-section ul li{margin:0px 0 10px;}
  .checkbox-section{margin:0 auto 30px;}
  .check-box-inner-section{display:block;}
  .check-col-each, .checkbox-fullwidth .form-check{width:100%;}
  .edit-vehicle-main .blue-btn, .checkbox-section .blue-btn{/*font-size:16px;*/ font-size:1em;}
  #odometer{width:68% !important;}
  #odometer + select{width:28% !important;}
  .inline-radio-div .form-check{width:29%;}
  .inline-radio-div .form-check input[type="radio"]{top:2px;}
  .inline-radio-div .form-check-label{/*padding-left:0;*/}
  .highlighted-vehicle-row{padding:4px 4px 4px 28px;background-color:#fff;border:1px dashed #ccc;margin:0 auto 10px;}
  .secrial-number strong{left:10px;}
  .secrial-number i{display:block;}
  .highlighted-vehicle-section .highlighted-vehicle-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;max-width:100%;position:relative;margin:0 auto;}
  .highlighted-car-description{word-wrap:break-word;padding-left:10px;/*font-size:14px;*/ font-size:0.875em;}
  .highlighted-car-description strong:nth-child(2), .highlighted-car-description strong{width:100%;text-align:left;}
  .highlighted-car-description strong:nth-child(3), .highlighted-car-description strong:nth-child(4){display:inline;width:auto;}
  .highlighted-car-description strong:last-child{/*font-size:17px;*/ font-size:1.0625em; text-align:right;}
  .highlighted-img{width:151px;}
  .highlighted-car-description{width:calc(98% - 151px);}
  .highlighted-img img{width:100%;}
  #myTab li.nav-item:last-child{display:none;}
  .common-tabbing-class td:nth-child(3), .common-tabbing-class th:nth-child(3), .common-tabbing-class td:nth-child(4), .common-tabbing-class th:nth-child(4){display:none;}
  #myTab li.nav-item{width:20%;}
  #myTab li.nav-item a, #myTab li.nav-item:nth-child(3) a{padding:26px 2px;/*font-size:12px;*/ font-size:0.75em; text-align:center;text-transform:uppercase;}
  #myTab li.nav-item a.active strong {color: #3A5996;}
  #myTabContent .common-tabbing-class tbody tr td:nth-child(2) {text-align: center;}
  .pending-reviews{width:49px;height:23px;border-radius:7px;line-height:20px;top:auto;position:absolute;bottom:20px;left:0;right:0;margin:auto;}
  .tab-content .tab-pane{padding:20px 10px 5px;}

  .common-tabbing-class table{table-layout:fixed;}
  .sent-request-row td, .sent-request-table th{margin:0;padding:10px 1%;color:#232323;/*font-size:13px;*/ font-size:0.8125em;}
  .sent-request-table table th, .sent-request-table table td{border:1px solid #e1e1e1;}
  .sent-request-row td:nth-child(3){text-align:left;}
  .read-btn{background-color:transparent;padding:0;border:0;}
  .rating-stars i{/*font-size:10px;*/ font-size:0.625em;}
  .rating-stars img{max-width:19%;}
  .edit-vehicle-main h2 + p br{display:none;}
  #reviews-modal .modal-dialog{max-width:360px;}
  #reviews-modal .modal-content .rating-stars img{max-width:14px;margin:0 1px;}
  #reviews-modal .blue-btn{font-weight:400;/*font-size:13px;*/ font-size:0.8125em;}
  .common-tabbing-class th:last-child{text-align:center;}
  .tab-content .tab-pane{/*font-size:13px;*/ font-size:0.8125em;line-height:20px;}
  .paused-ads-section .vehicle-social{max-width:50px;margin:0 0 0 5px;text-align:left;}
  .vehicle-social a:last-child{margin-bottom:0;}
  .paused-ads-section .vehicle-table-img{max-width:163px;max-height:112px;width:auto;}
  .paused-ads-section .vehicle-social{max-width:62px;}
  .paused-ads-section .vehicle-social a{display:block;width:100%;height:54px;line-height:48px;}
  .reserved-option-section, .reserved-option-section .reserved-option-each{display:block;}
  .reserved-option-section .reserved-option-each{width:100%;padding:14px 15px;margin:0 auto 15px;}
  html body .reserved-option-each input[type="radio"] + label{background-position:0 4px;padding-left:25px;}
  html body .reserved-option-each input[type="radio"]:checked + label{background-position:0 -81px;}
  .reserved-option-section .reserved-option-each select{padding:8px 12px;}
  .reserved-option-section .reserved-option-each p{text-align:center;}
  .reserved-vehicle-section table tbody tr td:last-child{text-align:left;line-height:21px;}
  .enquiries-row table tr td:first-child, .enquiries-row table tr td:last-child div{font-weight:400;}
  .enquery-section-main .left-common-section select{max-width:100%;}
  .left-form-section .form-group .form-check-inline label {font-size: 1.1em;line-height: 22px; width:auto;}
  html body input[type="radio"] + label{padding-left:21px;line-height:normal;background-position:0px 4px;background-size:15px 101px;}
  html body input[type="radio"]:checked + label, html body input[type="radio"]:checked + label{background-position:0 -82px;}
  .vehicle-result-right {font-size: 1em;}
  html body .vehicle-result-right input[type="radio"] + label{/*font-size:15px;*/ font-size:1.1em;}

  .vehicle-table-section table {
    table-layout: auto;
    width: 100% !important;
}
  .finance-option-row{padding:10px;}
  .finance-option-row .form-check-inline .form-check-label {padding-left: 30px;/*font-size: 16px;*/ font-size:1.1em;}
  .finance-option-row .form-check-inline .form-check-label p {display: inline-block;/*font-size: 14px;*/ font-size:0.875em;}
  .finance-option-right {padding-left: 0;}
  .finance-option-right .full-width-div {width: 100%; text-align:left;}
  .finance-option-right .panel-body { /*font-size:13px;*/ font-size:0.8125em;}
  .finance-option-right select{/*font-size: 12px;*/ font-size:0.9em; padding: 7px 4px;}
  #second-finance-option select {width: calc(99% - 100px);}
  #fourth-finance-option, #third-finance-option {padding-left: 0;	}
  #third-finance-option select {width: 38%;}
  #third-finance-option .panel-body .registration-year-row, #third-finance-option .panel-body .apr-row {margin: 10px 0;}
  #third-finance-option .apr-row select {width: 50%;}
  .fourth-finance-row label {min-width: 44px;}
  #fourth-finance-option select, #fourth-finance-option div.item-display {width: 33%;}
  .fourth-finance-row select + label, .fourth-finance-row div.item-display + label {min-width: 2.5em;}

  .branding-option-row{padding:10px;}
  .branding-option-row .form-check-inline .form-check-label {padding-left: 30px;/*font-size: 16px;*/ font-size:1.1em;}
  .branding-option-row .form-check-inline .form-check-label p {display: inline-block;/*font-size: 14px;*/ font-size:0.875em;}
  .branding-option-right {padding-left: 0;}
  .branding-option-right .full-width-div {width: 100%; text-align:left;}
  .branding-option-right .panel-body { /*font-size:13px;*/ font-size:0.8125em;}
  .branding-option-right select{/*font-size: 12px;*/ font-size:0.9em; padding: 7px 4px;}
  #second-branding-option select, #third-branding-option select{width: calc(99% - 100px);}

  .team-member-row{padding: 4px 4px 4px 28px;background-color: #fff;border: 1px dashed #ccc;margin: 0 auto 10px;}
  .team-member-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;max-width:100%;position:relative;margin:0 auto;}
  .member-img {width: 95px;}
  .member-img img{width:100%;}
  .team-member-description {width: calc(100% - 100px);}

  .team-member-description .member-detail-div {width: calc(100% - 45px);}
  .pencil-trash-div {width: 42px;}
  .pencil-trash-div a {margin: 0 0 10px;}
  .team-member-description p {margin: 0 0 2px;}
  .team-member-description .member-detail-div div.show-in-responsive p:last-child {max-height: 24px;margin: 0;overflow: hidden;}
  .member-detail-div .name-div {font-size: 1.07em;color: #3A5996;}

  .customise-col {font-size: 1.3em;width: 100%;background: transparent;border: 0;	padding: 0;}
  #radio-bottom-row .customise-flat-rate .full-width-div {text-align: left;margin-bottom: 0;	display: inline-block;width: auto;}
  #radio-bottom-row .customise-flat-rate select {font-size: 0.78em;}
  .left-form-section .inline-radio-div .customise-col .full-width-div {font-size: 0.8em;}
  #radio-bottom-row .customise-col label {font-size: 0.8em;}

  .vehicle-table-section.reserve-table {border-top: 40px solid #3a5996;}
  .vehicle-table-section.reserve-table table {background-color: #f0f0f0;}


  .reserved-option-section .reserved-option-each p {margin: 10px 0 0;}
  .reserved-vehicle-section .reserve-table table tbody tr td {padding: 0;border-radius: 0;border:0;}
  .reserved-vehicle-section .reserve-table .table-content-right{width: 100%;padding: 5px 0;background-color: #fff;}
  .reserved-vehicle-section .reserve-table .vehicle-inner-main{padding:0;margin: 5px 0 5px;background-color: #fff;}
  .reserve-td.show-in-responsive {background-color: #f0f0f0;	border-top: 1px solid #DEDEDE;	border-bottom: 1px solid #DEDEDE;padding: 5px;}
  .reserve-table .img-social-section{padding: 5px 5px 0;background-color: #fff;margin: 0;}
  .reserve-car-details {padding-left: 4px;border-left: 1px solid #ccc;margin-left: 5px;display:-webkit-flex  !important;display:-ms-flexbox !important;display:flex !important;-webkit-flex-direction:column;-ms-flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-height: 114px;}
  .reserve-car-details p{margin:0;}

  .left-business-detail-section .form-group .label-field-div {width: 100%;}
  .left-business-detail-section .form-group label {width: 100%;}
  .left-business-detail-section .form-group .opening-hours-div label {width: 111px;}
  .opening-hours-left-row input[type="time"] {	width: 93px;}
  .left-business-detail-section .form-group .label-field-div .opening-hours-right-row label {width: 100px;}
  .empty-space {width: 94px;}
  .map-main-div {display: block;}
  .map-left, .map-right-position {width: 100%;}
  .map-right-position {padding-top: 10px;}
  .map-right-position a.blue-btn {margin-top: 20px;}
  .map-open-button button.blue-btn {width: 100%;font-size: 1.1em;}
  .left-business-detail-section .form-group .inline-radio-div .form-check label {line-height: 23px;}
  #mapModal iframe {max-height: 381px;}
  .left-business-detail-section .label-field-div .inline-radio-div label, .left-business-detail-section textarea {font-size: 1em;}


  .deleted-car-table .img-social-section {display: block;}
  .deleted-car-table .table-content-right{ display:block;}
  .deleted-car-table .img-social-section > *{ display:block;width:100%;}
  .deleted-car-table .vehicle-table-img {max-width: 100%;max-height: inherit;width: auto;	max-width: 168px;}
  .deleted-car-table table tbody tr td:first-child, .deleted-car-table table thead tr th:first-child{width:40%;}
  .deleted-car-table .must-responsive-show {display: table-cell !important;	width: 30%;}
  .deleted-car-table table tbody tr td:last-child, .deleted-car-table table thead tr th:last-child {   width:30%;}
  .deleted-car-table .must-responsive-show small {margin-top: 10px;display: block; }
  .deleted-car-table small{font-size:1em;display: block;}
  .must-responsive-show span {display: block;}
  	
  .vehicle-top-right-section .show-in-responsive {display: inline-block !important;}
  .deleted-car-modal-head, .deleted-car-table-section {display: block;}
  #related-car-modal .deleted-car-table-section table{width:100%;}
  .modal-carousel-section .owl-carousel .owl-nav button {top: 0;	bottom: 0;margin: auto;width: 34px;height: 40px;}
  .modal-carousel-section .owl-carousel .owl-nav button svg {width: 14px;}
  .deleted-car-head-right, #related-car-modal .deleted-car-modal-head h5 strong {display: none;}
  #related-car-modal .deleted-car-modal-head h5 {font-weight: 400;font-size: 1.3em;}
  .owl-thumb a img {max-height: inherit;min-height: auto;}
  #related-car-modal .owl-thumb{ display:none;}
  #related-car-modal {font-size: 1.05em;}
  #related-car-modal .deleted-car-table-section table tbody tr td:first-child, #related-car-modal .deleted-car-table-section table tr td:last-child {font-size: 0.96em;width: 50%;padding: 3px 0;}
  .safe-rate {display: block;font-weight: 700;}
  .safe-child {padding-left: 10px;}
  .stars-div.child-occupant-stars {margin-top: 22px;}
  #related-car-modal button.close, #car-updates-modal button.close{position: absolute;top: 15px;right: 10px;}
  #related-car-modal .modal-header h2, #car-updates-modal .modal-header h2 {display: block;width: 100%;text-align: center;}
  .modal-carousel-section .total-images {left: 10px;bottom: 8px;}

  .branding-border-box h3 {font-size: 1.3em;}
  .branding-box-each {font-size: 1em;min-height: 324px;}
  .branding-border-box h3 {padding: 4px 0;}
  .branding-border-box strong {padding: 6px 0;}
  .branding-border-box {height: 89%;}

  .price-history-created-div h6 {font-size: 1.1em;margin:0;color:#232323;}
  .price-history-table .price-history-created-div h6 small {font-size: 0.9em; margin:0;color:#000;}
  .price-history-created-div a {font-size: 0.98em;text-decoration: underline;margin: 30px 0; display:block;}
  .history-price-mobile:first-child {margin: 0 0 29px;}
  .history-price-mobile small{color:#232323;}


  .current-price-top{ text-align:center;margin:10px 0 20px;}
  .current-price-top p {margin: 0;font-weight: 600;line-height: normal;color:#232323;}
  .current-price-top p.green-text{color:#638e49;}
  .chnaged-price-bottom table tr{ border-bottom:1px solid #707070;}
  .chnaged-price-bottom table tr:last-child{border-bottom:0;}
  .chnaged-price-bottom table td{padding:10px 0 !important;border:0;}
  .chnaged-price-bottom table td:last-child{ text-align:right; font-weight:600 !important;}
  .chnaged-price-bottom table td:last-child p.green-text{font-weight:600 !important;}
  .chnaged-price-bottom table tbody tr:nth-child(2n) {background-color: transparent;}

  .chnaged-price-bottom table td p small{color:#000;}
  .chnaged-price-bottom table {width: 100%;}
  .chnaged-price-bottom table td p, .chnaged-price-bottom table td img{ display:inline-block; vertical-align:middle;}
  .chnaged-price-bottom p{margin:0;}
  .chnaged-price-bottom p + img{ margin-left:20px;}
  #card3 #third-finance-option .col-11.text-right{text-align:left !important;}
  #third-finance-option select { width: 257px;clear: both; display: block;overflow: hidden;}
  .vehicle-social label.flag{margin:0px; margin-bottom: 4px;}
.vehicle-social label.flag.star { margin-left: 0;}
.table-content-right > p, .table-content-right > h5{    max-height: 1.2em;}
}


@media (max-width:639px){
  .lost-password{margin:37px 0 100px;}
  .left-photos-section ul li{width:30%;}
}


@media (max-width:479px){
  h1{/*font-size:27px;*/ font-size:1.6875em;}
  .header-logo h1{/*font-size:21px;*/ font-size:1.3125em;}
  .header-logo h1 b{/*font-size:30px;*/ font-size:1.875em;}
  .header-logo h1 strong{/*font-size:18px;*/ font-size:0.9em;}
  .navbar-toggler{top:-34px;}
  .login-main form input[type="submit"]{min-width:100%;}
  .vehicle-top-right-section a{min-width:0;width:32.4%;padding:8px 5px;margin:0 0;/*font-size:13px;*/ font-size:0.8125em;}
  .vehicle-top-right-section a i{margin:3px 1px 0px;/*font-size:13px;*/ font-size:0.8125em;}
  /*.add-vehicle-modal-section .blue-btn{margin-left:24px;}*/
  .common-tabbing-class th:nth-child(2), .common-tabbing-class th:nth-child(3), .common-tabbing-class th:nth-child(4), .common-tabbing-class th:nth-child(5){background-size:10px}
  .common-tabbing-class th, .common-tabbing-class td{/*font-size:13px;*/ font-size:0.9em;}
  #myTab li.nav-item a, #myTab li.nav-item:nth-child(3) a{/*font-size:9px;*/ font-size:0.65em;}
  .pending-reviews{width:38px;bottom:15px;}
  .sent-request-row td, .sent-request-table th{/*font-size:12px;*/ font-size:0.9em;}
}

@media (max-width:420px){
  .img-social-section{display: block;}
  .vehicle-table-img{margin-bottom:10px;}
  div#main-button-wrapper div {
    float: left;
    width: 100%;
    margin: 2px 0px;}
    #fourth-finance-option #collapseFourPanel .fourth-finance-row label {display: block;}
    #fourth-finance-option select, #fourth-finance-option div.item-display {width: 250px;}

}
@media (max-width:360px){
  html body h1{/*font-size:27px;*/ font-size:1.6875em;}
  .vehicle-table-img{max-width:88px;max-height:62px;width:88px;position:relative;}
  .vehicle-social{max-width:102px; margin-top: 0;}
  .vehicle-social a{/*width:29px;*/ width:28%;height:29px;line-height:24px;/*font-size:13px;*/ font-size:0.8125em;}
  .vehicle-top-right-section a{padding:8px 3px;/*font-size:12px;*/ font-size:0.75em;}
  .vehicle-top-right-section a i, .vehicle-top-right-section a img{margin:0 0px;max-width:23px;max-height:20px;}
  .left-form-section .form-group label{/*font-size:13px;*/ /*font-size:0.8125em;*/}
  .highlighted-img{width:135px;}
  .highlighted-car-description{width:calc(99% - 135px);}
  .paused-ads-section .vehicle-social{margin:0 0 0 5px;}
  .paused-ads-section .vehicle-table-img{max-width:125px;max-height:93px;}
  .paused-ads-section .vehicle-social a{height:44px;line-height:39px;}

  .fourth-finance-row label {min-width: 39px;}
  .fourth-finance-row select + label, .fourth-finance-row div.item-display + label  {min-width: 2.35em;}
  .finance-option-right .panel-body {/*font-size:12px;*/ font-size:0.75em;}
  .finance-option-right select {/*font-size: 11px;*/ font-size:1em; padding: 6px 2px;background-size: 8px;background-position: 96% center;}
  .inline-radio-div .form-check {margin-right: 9px;}
  .left-form-section .form-group .form-check-inline label {font-size: 1em;line-height: 23px;}
  .finance-option-row .form-check-inline .form-check-label {/*font-size: 14px;*/ font-size:1em;}
  #third-finance-option select {width: 36%;}
  #third-finance-option .panel-body .registration-year-row > *, .apr-row > *, .fourth-finance-row > *{margin:0 1px;}

  .branding-option-row .form-check-inline .form-check-label {/*font-size: 14px;*/ font-size:1em;}
  .branding-option-right .panel-body {/*font-size:12px;*/ font-size:0.75em;}
  .branding-option-right select {/*font-size: 11px;*/ font-size:1em; padding: 6px 2px;background-size: 8px;background-position: 96% center;}

  .member-img {width: 80px;}
  .team-member-description {width: calc(100% - 84px);}

  .reserved-vehicle-section .vehicle-table-img {max-width: 116px;max-height: 87px;}
  .reserved-vehicle-section .vehicle-social {max-width: 59px;}
  .reserved-vehicle-section .vehicle-social a {height: 41px;line-height: 37px;}
  .reserve-car-details{min-height:90px;}

  .opening-hours-left-row input[type="time"] {width: 79px;}
  .map-open-button button.blue-btn {	font-size: 1em;padding: 6px 10px;}
  .to-div {min-width: 22px;}
  .empty-space {width: 71px;}

  .deleted-car-table .must-responsive-show h6 {font-size: 1.1em;}

  .branding-box-each {min-height: 274px;}
  .branding-border-box {height: 88%;}

  .price-history-table .price-history-created-div h6 {font-size: 1.01em;}
  .history-price-mobile:first-child {margin: 0 0 15px;}
  .price-history-created-div a {margin: 10px 0;}
  .custom-radio, .custom-checkbox{height:29px;}
}
/************** Responsive close *********************/
#searchable-table_filter {
  display: none;
}

table.dataTable thead .sorting_asc {background-image: url("/images/sort-up.svg");background-position:center right 0.5em;}
table.dataTable thead .sorting {background-image: url("/images/sort.svg");background-position:center right 0.5em;}
table.dataTable thead .sorting_desc {background-image: url("/images/sort-down.svg");background-position:center right 0.5em;}

.dataTables_empty{
  padding: 5em 5em !important;
  text-align: center !important;
}

div.finance-panel {
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  height: 16rem;
}

div.finance-panel-disabled  {
  color: #6D6D6D !important;
}

div#balance_remaining_under_display {
  font-weight: normal !important;
  margin: 0 0 1em 0;
}


.va-remove-button, .ba-remove-button {
  background-color: #3A5996;
  color: #fff;
  padding: 0.5em;
  margin-left: 1em;
  width:42px;height:42px;
  text-align:center;line-height:31px;display:inline-block;vertical-align:middle;
}

.va-add-button, .ba-add-button {
  color: #fff;
  padding: 0.5em;
  margin-left: 1em;
  width:42px;height:42px;
  text-align:center;line-height:31px;display:inline-block;vertical-align:middle;
}

.va-add-button-disabled, .ba-add-button-disabled {
  background-color: #B7B7B7;
}
.va-add-button-enabled, .ba-add-button-enabled {
  background-color: #3A5996;
}

 div.input-sub-row div {
   margin-bottom: 1rem;
 }
.input-item {
  width: 170px;
}

div.empty-person {
  display: none;
}

div.times1, div.closed1,
div.times2, div.closed2,
div.times3, div.closed3,
div.times4, div.closed4,
div.times5, div.closed5,
div.times6, div.closed6,
div.times7, div.closed7 {
  display: inline-flex;
  align-items: center;
}
div.closed1,
div.closed2,
div.closed3,
div.closed4,
div.closed5,
div.closed6,
div.closed7 {
  flex-grow: 1;
  justify-content: center;
}
input.alternative-text::placeholder {
  color: #cecece;
}
.invalid {
  border: 4px solid #d00;
}


.canvas {
  width: 640px;
  height: 480px;
  display: none;
}
#canvas-overlay {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 480px;
  z-index: 1;
  display: none;
  margin-left: 15px;
}
#branding-left {
  position: relative;
  float: left;
  -ms-flex:0 0 640px;
  flex:0 0 640px;
}
#branding-right {
  height: 480px;
}
.branding-thumb-wrapper {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  cursor: pointer;
}
.canvas-thumb {
  border: 2px solid #fff;
}
.canvas-thumb-frame {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.canvas-selected {
  border: 2px solid #0f0;
}
#branding-right label {
  margin-left: 0.5em;
  width: 10em;
}
#template_id {
  width: calc(100% - 10.5em);
  min-width: 9em;
}
#saving {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: -20px 0 0 -100px;
  border: 2px solid #777;
  text-align: center;
  background: #fff;
  display: none;
  z-index: 51;
}
#branding-controls {
  margin-top: 12px;
}
#branding-controls a.btn {
  margin-right: 13px;
}
.brnd-sep {
  height:1em;
}

.a2a_kit {
  display: inline;
}

.a2a_svg, .a2a_count { border-radius: 0 !important; }
.a2a_dd .a2a_svg {
  width: 100%!important; height: 100%!important;
}

#miniDropdownMenuLink img {
  max-width: none;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#confirm-ad-transfer input[type="radio"] {
  position: relative !important;
  left: auto;
  z-index: 1;
  clip: auto;
  height: auto;
  width: auto;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0 0 0 0.5em;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-container {
  align-items: center;
  display: flex;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #3a5996;
}

input:focus + .slider {
  box-shadow: 0 0 1px #3a5996;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.spanner{
  position:absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display:block;
  text-align:center;
  height: 300px;
  color: #FFF;
  transform: translateY(-50%);
  z-index: 201;
  visibility: hidden;
}
.spanner p {
  font-weight: bold;
  font-size: 14pt;
}

.overlay2{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  visibility: hidden;
  z-index: 200;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.show{
  visibility: visible;
}

.spanner, .overlay2{
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.spanner.show, .overlay2.show {
  opacity: 1
}

/* Tooltip container */
.tooltip {
  position: relative;
  opacity: 1;
  /*z-index: 0;*/
  width: 33px;
  height: 33px;
  position: absolute;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #646262;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip */
  position: absolute;
  z-index: 10000000;
  margin-top:5px;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
