@media (min-width:1250px){.container{width:1250px}}
a, button {
    transition: all 0.4s ease-in-out 0s;
    text-decoration: none !important;
}
a:focus {
    outline: none;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-weight: normal;
}
ul{
    padding: 0; margin: 0;
}
input:focus, textarea:focus, select:focus{ box-shadow: none; outline: none;}

body{font-family: Roboto; -moz-osx-font-smoothing:grayscale; text-rendering:optimizelegibility; font-weight: 400; background: #fff;}

.listing-page-index footer{ position: static;}

header{ background: #141414;}
header .nav.navbar-nav{}
header .nav.navbar-nav >li{ list-style-type: none; margin-left: 5px;}/*10*/
header .nav.navbar-nav >li >a{ color: #fff; position: relative; padding: 24px 15px;background-color: transparent}
header .nav.navbar-nav >li >a:hover,  header .nav.navbar-nav >li.dropdown.open >a
{ background:rgba(220,220,220,0.2);  } /*background: #3d3d3d;*/



/*.nav .open > a, .nav .open > a:focus, .nav .open*/
.notification{ height: 18px; width: 18px; background: #ed552b; border-radius: 50%; display: inline-block; line-height: 18px; font-size: 14px; color: #fff; text-align: center; position: absolute; top: 14px; right: 3px;}
.profile-link b{ margin-right: 5px;}
.profile-link i{ font-size: 18px !important;}
.aim_top_logo{
    width: 290px;
    padding-left:10px;
}
.logo{ padding-top: 11px; }
.logo h1{ display: inline-block; vertical-align: middle; /*margin-right: 70px; width: 250px;margin-right: 50px;*/margin-right: 40px;}
.logo h1 img{ width: 100%;height: 54px}
.header-search{ display: inline-block; vertical-align: middle; background: #fff;}
.header-search span{ width: 30px; /*border-left: 1px solid #333333;*/ color: #999999; display: inline-block; text-align: center; height: 30px; line-height: 30px;}
.header-search input{ width: 310px; height: 40px; border: 0; background: none; color: #333;}


.main-header{ padding: 40px 0;}
.top-btns-bar{ background: #eef1f1; padding: 15px;}
.top-btns-bar a{}
.cta-btn{ display: inline-block; height: 46px; background: #000; border-radius: 8px; line-height: 46px; font-size: 16px; color: #fff; font-weight: 600; width: 215px; text-align: center; margin-bottom:30px;}
.btn-gray{ background: #444444;}
.btn-gray:hover{ background: #f40002; color: #fff;}
.btn-orange{ background: #f40002;}
.btn-orange:hover{ background: #444444; color: #fff;}

.new-car-sec{}
.new-car-pic{ margin-bottom: 30px;}
.new-car-pic h3{ border-radius: 6px 6px 0 0; font-size: 18px;}
.heading{ background: #4285f6; padding: 15px 0; font-size: 16px; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase;}
.new-car-pic span{ display: block; border-radius: 0 0 6px 6px; overflow: hidden;}
.new-car-pic span span{ width: 100%;}

.lock-car .sw-btns{ text-align: center; margin-bottom: 30px;}
.lock-car .sw-btns h6{ width: auto; margin-right: 10px;}

.form-field{ margin-bottom: 15px;}
.form-field label{ width: 120px; display: inline-block; vertical-align: middle; text-align: left; margin-right: 20px; margin-bottom: 0; text-transform: uppercase; font-size: 14px; line-height: 16px; position: relative;}
.form-field input, .form-field textarea, .form-field select{ display: inline-block; vertical-align: middle; height: 40px; border: 1px solid #999; border-radius: 4px; padding: 0 15px; width: 205px;}
.form-field textarea{ padding: 10px 15px; height: 60px; resize: none;}
.form-field select{ text-transform: uppercase;}

/*
.form-field label.req::before{
    content: "\f09c";
    font-family: FontAwesome;
    position: absolute;
    right: -19px;
    top: 0;
    color: #bdc3c7;
}
*/

.vichel-form .form-field label{ position: relative;}
.req{ position: absolute; cursor: pointer; right: 0; top: 2px;}
.req::before{
    content: "\f09c";
    font-family: FontAwesome;
    position: absolute;
    right: -19px;
    top: 0;
    color: #bdc3c7;
}
.req.ic::before{
    content: "\f023";
    font-family: FontAwesome;
    position: absolute;
    right: -17px;
    top: 0;
    color: #4285f6;
}

.Sticker-tab .comment-inst{ text-align: center;}

.price-win-table{ }
.price-win-table table{margin-bottom: 0 !important;}
.price-win-table h2{ font-size: 30px; text-align: center; margin: 10px 0 15px; font-weight: 700;}
.price-win-table td{ border: 0 !important;}

.price-win-table tr:nth-child(even) {
    background-color: #efefef !important;
}
.price-win-table td:first-child{ font-weight: 600;}

.price-tb-w p{ margin-bottom: 0 !important}

.qr-code{}
.qr-code span{display: inline-block; vertical-align: middle;}
.qr-text{ display: inline-block; vertical-align: middle; text-align: center; width: 60%;}
.qr-text h6{ font-size: 24px; font-weight: 700; margin-bottom: 15px;}
.qr-text p {
    font-size: 18px !important;
    margin-bottom: 0 !important;
    line-height: 22px !important;
}



















.switch-btns{}
.switch-btns ul li{ float: left; width: 20%; list-style-type: none;}
.sw-btns{ text-align: right;}
.sw-btns h6{ display: inline-block; vertical-align: middle; font-size: 15px;
    font-weight: 700; text-transform:capitalize; letter-spacing: -1px; /*width: 75px;*/
    text-align: right;
    color: #2c3e50; line-height: 14px; margin-right: 4px;}
.sw-btns .sw-cont{ display: inline-block; vertical-align: middle; width: 67px;}
.sw-btns .sw-cont h2{ color: #2c3e50; font-weight: 700; font-size: 30px;}



/*switch-btns*/

.onoffswitch {
    position: relative;
    width: 100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none !important;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;
    margin-bottom: 0;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "\f00c";
    padding-right: 30%;
    background-color: #2c3e50;
    color: #4285f6;
    font-family: FontAwesome;
    font-size: 16px;
}
.onoffswitch-inner:after {
    content: "\f00d";
    padding-right: 12px;
    background-color: #bdc3c7;
    color: #fff;
    text-align: right;
    font-family: FontAwesome;
    font-size: 16px;
}
.onoffswitch-switch {
    display: block;
    width: 30px;
    background: #7f8c8d;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 37px;
    border-radius: 6px 0 0 6px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;

}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #4285f6;
    border-radius: 0 6px 6px 0;
}



/**********switch-2*********/

.lock-car .onoffswitch-inner:before {
    content: "\f023";
    padding-right: 22%;
}
.lock-car .onoffswitch-inner:after {
    content: "\f09c";
    padding-right: 12px;
}





/*switch-btns*/



.selling-comment{ margin-top: 40px;}
.sell-price ul li{ list-style-type: none; font-weight: 600;}
.price-list li{ margin-bottom: 10px; clear: both; content: ''; display: table; width: 100%;}
.price-list li span{ width: 80%; float: left;}
.price-list li span h3{ font-size: 20px; color: #333; text-transform: uppercase;  font-weight: 600;}
.price-list li span h5{ font-size: 16px; color: #333;}
.price-list li a{ width: 20%; float: right;}
.price-detail-list{}
.price-detail-list li{ font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px;}

.cta-btn-sm{ display: inline-block; height: 36px; background:rgb(17, 113, 187); border-radius: 8px; line-height: 36px; font-size: 14px; color: #fff; font-weight: 600; text-align: center; padding: 0 15px;}
.cta-btn-sm:hover{ background: #444444; color: #fff;}

.comment-box{ border: 1px solid #333; border-radius: 30px; padding: 30px 20px; }/*margin-top: 40px;*/
.comment-inner{  overflow-y: auto;  height: 190px;}
.comment-box h4{ font-size: 20px; color: #333; text-transform: uppercase; text-align: center; font-weight: 600;}
.comment-box h6{ font-size: 14px; color: #333; text-transform: uppercase; margin: 15px 0 10px; font-weight: 600;}
.comment-box p{ font-size: 14px; color: #333; line-height: 20px}



.vichel-form {
    margin-bottom: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding-bottom: 20px;
}
.vichel-form .heading{ margin-bottom: 20px; text-transform: uppercase; padding: 12px 0;}
.vichel-form .form-field label{ padding-left: 5px;}


.main-tabs-sec{ margin-top: 40px;}
.main-tabs-sec .nav-tabs{ border-bottom: 0; margin-bottom: 15px;}
.main-tabs-sec .nav-tabs>li>a,
.main-tabs-sec .nav-tabs>li.active>a,
.main-tabs-sec .nav-tabs>li.active>a:focus,
.main-tabs-sec .nav-tabs>li.active>a:hover { border: 0;}

.main-tabs-sec .nav-tabs>li{ margin-right: 28px;}
.main-tabs-sec .nav-tabs>li:last-child{ margin-right: 0;}
.main-tabs-sec .nav-tabs>li>a{
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid transparent !important;
    color: #333;
    padding: 10px 0;
}
.main-tabs-sec .nav-tabs>li>a:hover{
    background: none;
    color: #4285f6;
}
.main-tabs-sec .nav-tabs>li.active>a{
    border-color: #4285f6 !important;
    color: #4285f6;
}

.vihcle-btn{ text-align: center;}

footer{ background: #000; padding: 30px 0; margin-top: 150px; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; z-index: 1000; bottom: -120px;}
.ft-links{}
.ft-links ul li{ list-style-type: none;}
.ft-links ul li a{ color: #fff; text-transform: uppercase;}
.ft-links ul li a:hover{ color: #4285f6;}
.ft-logo{ text-align: right;}

/*page two css*/

.not-form .form-field {
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: 80%;
}
.not-form .form-field label{ width: 60px;}
.not-form .form-field textarea, .not-form .form-field input {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
}
.not-form .cta-btn-sm {
    border: 0;
    vertical-align: top;
    margin-top: 14px;
    float: right;
    padding: 0 19px;
    text-transform:capitalize;
}

form.not-form.loc-form.clearfix .cta-btn-sm{
    margin-top: 0;
}

.page-two-switch-btn .sw-btns{ text-align: left !important;}
.page-two-switch-btn .sw-btns h6{ text-align: left !important; width: auto !important;}

.page-two-switch-btn .onoffswitch-inner:before{
    padding-left: 9px;
}

.selling-comment-2{ margin-top: 0 !important;}

.switch-btns.page-two-switch-btn ul li{ width: 33%;}
.page-two-switch-btn .sw-btns h6{ display: block; margin-bottom: 5px;}


/*histoy tab*/

.history-tab{
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding: 30px 10px 50px;
}

.history-tab .sw-btns h6 {
    width: 108px;
    line-height: 15px;
}
.hist-btn{ margin-top: 20px !important;}


.history-tab .sw-btns {
    margin-bottom: 20px;
}
.hist-inp-row.pull-right {
    margin-top: -51px;
}


/*equpment tab*/

.featured-car {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.featured-car h3 {
    text-transform: uppercase;
}


.featured-car ul li {
    list-style-type: none;
    margin-bottom: 10px;
}

.featured-car ul li a{
    font-size: 14px;
    color: #000;
    font-weight: 600;
    color: #666;

}

.featured-car ul li a:hover{
    cursor: default;
}
.featured-car .sw-btns h6 {
    width: 74%;
}

.featured-car .sw-btns {
    margin-bottom: 16px;
}


.overflow {
    height: 458px;
    overflow-y: auto;
    padding-right: 30px;
    padding: 30px;
    width: 95%;
    margin: 10px auto 0;
}
.trim-saves ul {
    text-align: right;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-right: 30px;
}
.trim-saves ul li{
    list-style-type: none;
    display: inline-block;
}

.trim-saves ul li a{
    color: #fff;
}

.featured-car h4 {
    font-size: 18px;
    color: #f40002;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
}

.optional-fet{ padding: 20px;}
.optional-fet textarea{
    height: 118px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: none; width: 100%;
    padding: 20px;
}

.featured-car p {
    font-size: 14px;
    padding: 20px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
}

.feat-pad{
    padding: 0 20px;
}

.feat-pad ul {
    height: 280px;
    overflow: auto;
    padding-right: 20px;
}

/*pricing tab*/

.pricing-tab {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding: 30px;
    margin-bottom: 30px;
}

.history-inp.price-inp label {
    width: 160px;
}
.form-field.pre-check input {
    width: 27px;
}

.vichel-form.pre-set-special {
    width: 376px;
    margin: 50px auto 0;
    display: none;
}

.form-field.vichel-btn input{
    width: 80px;
    border: 0;
}


.price-block{
    margin-bottom: 30px;
}


.pricing-tab table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 40px;
}

.pricing-tab td, .pricing-tab th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.pricing-tab tr:nth-child(even) {
    background-color: #dddddd;
}


.pricing-tab thead {
    background: #333;
    color: #fff;
    text-transform: uppercase;
}

.pricing-tab tr:hover{
    background: #f40002;
}


.rebate-inputs{ margin-bottom: 30px;}

.rebate-inputs label{
    width: 102px;
}

.vihcle-btn.rebates-btn a {
    margin: 0 9px;
}

.vichel-form.total-cost-form label {
    width: 205px;
}
.vichel-form .cta-btn-sm{ border: 0;}

.form-field.total-p{
    margin-top: 30px;
}
.form-field.total-p h2 {
    display: inline-block;
    font-size: 21px;
    font-weight: 600;
    vertical-align: middle;
}


.pricing-tab p {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}



.pricing-tab.pr_form tr:hover {
    background: inherit;
}

.pricing-tab.pr_form input {
    width: 100%;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 40px;
}

.pricing-tab.pr_form button{
    background: none;
    border: 0;
    font-size: 20px;
}

.pricing-tab.pr_form {
    box-shadow: none;
    padding-bottom: 0;
}

.form-field.total-p {
    margin-top: 30px;
    text-align: right;
    padding: 0 30px;
}

.add-exp-btn{
    padding: 0 30px;
    text-align: center;
}





/*photo tabs*/

.cta-white{ display: inline-block; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #4285f6; height: 36px; line-height: 35px; padding: 0 15px;}
.cta-white:hover{ background: #4285f6; border-color: #4285f6; color: #fff;}
.top-btn-photo{ margin-bottom: 20px;}
.top-btn-photo li {
    display: inline-block;
    margin-right: 7px;
    list-style-type: none;
}
.upload-info{ margin-bottom: 20px; text-align:  center;}
.upload-info p{ margin-bottom: 10px !important;}
.pricing-tab.photo-tab p{ margin-bottom: 0; font-size: 14px;}
.delete-img-inp{ margin: 20px 0;}
.delete-img-inp li{ display: inline-block; vertical-align: middle; margin-right: 7px; list-style-type: none;}
.delete-img-inp li label{ font-weight: 600; margin-bottom: 0;}
.radio-img{ margin-bottom: 15px;}
.radio-img li{ display: inline-block; vertical-align: middle; margin-right: 7px; list-style-type: none;}
.radio-img li label{ font-weight: 600; margin-bottom: 0;}

.car-list{}
.car-list ul li{ display: inline-block; list-style-type: none; text-align: center; border: 1px solid #ddd; padding: 10px;}
.car-list li >span{ border: 1px solid #000; padding-bottom: 10px; display: block; margin-bottom: 10px;}
.icons-car{}
.icons-car a{ display: inline-block; font-size: 22px; color: #333; margin: 0 2px; line-height: 0; vertical-align: middle;}
.car-list h6{ font-size: 12px; color: #4285f6;}
.car-list h6 span{ margin: 0 2px;}


#fileupload{
    display: none;
}
/*
#fileupload-label{
    background: #5a5a5a;
    color: #fff;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 30px;
}

#fileupload-label:hover{
    background: #4285f6;
    color: #fff;
}
*/

.rest-img{ margin-top: 10px;}
.lock-img{ margin-bottom: 20px;}
.lock-img .sw-btns{ width: 300px; text-align: left;}
.lock-img .sw-btns h6 {
    width: 140px;
    text-align: left;
}

.lock-img .onoffswitch-inner{ text-align: right;}


.rotate-slider{ width: 600px; margin: auto;}

.rotate-slider .carousel-indicators {
    width: 100%;
    position: static;
    margin: 10px 0 0;
}


.rotate-slider .carousel-indicators li, .carousel-indicators li.active {
    width: 24%;
    height: auto;
    margin: 1px;
    float: left;
    border: 0;
    margin-right: 6px;
}

.rotate-slider .carousel-indicators li:last-child {
    margin-right: 0;
}

.rotate-slider .carousel-indicators li, .carousel-indicators li.active {
    text-indent: 0;
}


.sl-heading, .sl-ft {
    background: #f40002;
    padding: 8px 0;
    text-align: center;
}

.sl-heading p{
    color: #fff;
}

.sl-ft a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fff;
    padding: 4px 15px;
    color: #fff;
    border-radius: 2px;
    margin: 0 5px;
}
.sl-ft a:hover{
    background: #333;
    border-color: #333;
    color: #fff;
}

.aim-deg-slider {
    text-align: center;
    margin-bottom: 30px;
}



/*comment-page*/


.comment-outer{}
.comment-outer .comment-box{ margin-top: 0;}
.re-btn-sec{ text-align: center; margin-top: 20px;}
.re-btn-sec a{ background: #4285f6; color: #fff; text-transform: uppercase;}
.re-btn-sec a:hover{background: #f40002; color: #fff; }
.re-btn-sec h6{ text-transform: uppercase; font-size: 14px; font-weight: 600; margin-top: 6px;}
.re-btn-sec h6 span{ margin-left: 10px;}

.comment-inst{ }
.comment-inst p{ margin-bottom: 15px;}
.comment-inst p a{ color: #4285f6; font-weight: 600;}
.comment-inst p a:hover{ text-decoration: underline !important;}

.comment-tabs{}
.comment-tabs .row{ margin-bottom: 10px;}
.comment-tabs .row .cta-btn-sm{ text-transform: uppercase; border-radius: 4px;}
.blue-dd{}
.blue-dd button{ width: 100%; background: #4285f6; color: #fff; text-transform: uppercase; font-size: 12px;}
.blue-dd button:hover, .blue-dd button:focus{ background: #4285f6; color: #fff; cursor: auto;}

.data-field{}
.data-field p{ font-size: 16px; margin-top: 5px;}
.min-chr{ position: relative;}
.min-chr input{ width: 100%; border: 1px solid #ddd; border-radius: 2px; height: 40px; padding: 0 15px;}
.min-chr span{ position: absolute; right: 6px; top: 2px; font-size: 12px; color: #ddd;}

.textarea-chr{ position: relative;}
.textarea-chr textarea{ width: 100%; border: 1px solid #ddd; border-radius: 2px; height: 50px; padding: 10px 15px; resize: vertical;}
.textarea-chr span{ position: absolute; left: 50%; transform: translateX(-50%); background: #fff; font-size: 12px; color: #bdbdbd; bottom: -4px; padding: 2px 5px;}

.gray-btn{ background: #7f7f7f;}



/* Tooltip container */
.dropdown {
    position: relative;
}

/* Tooltip text */
.dropdown .tooltiptext {
    visibility: hidden;
    width: 200px;
    /*background-color: black;*/
    background-color: #f40001;
    color: #fff;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: 50%; transform: translateX(-50%);
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    z-index: 999;
}

.dropdown:hover .tooltiptext {
    visibility: visible;
}


.arrow_box {
    position: relative;
    background: #000;
}
.arrow_box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #000;
    border-width: 5px;
    margin-left: -5px;
}



/*changes add*/


.website-form{

}
.website-form .form-field{
    width: 85%;
}
.website-form label{ margin-top: 9px; text-transform: uppercase; display: inline-block; width: 60px; vertical-align: middle; margin-right: 20px;}
.website-form input[type=text]{
    height: 40px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 15px;
    display: inline-block;
    /*width: 100%;*/
    width: 80%;
    vertical-align: middle;
}


.form-field.pre-check .sw-cont {
    width: 67px;
    display: inline-block;
}


/*30-07-2017*/

.bt-lg{
    width: 100% !important;
    font-size: 14px;
}


.warrenty-tab .comment-inst{ text-align: center;}
.wrty-area{}
.wrty-area textarea{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 100px;
    padding: 10px 15px;
    resize: vertical;
}
.wrty-area button{
    border: 0;
    margin-top: 15px;
}

.vdo-txta{ margin-bottom: 30px;}
.vdo-txta label{ font-weight: 400; font-size: 12px; margin-bottom: 10px;}

.sticker-address{ text-align: center;}
.sticker-address img{ width: 280px; margin-bottom: 20px;}
.sticker-address p{ margin-bottom: 0;}

.pricing-tab{}
.car-his img{ width: 100%;}
.his-tb p{ margin-bottom: 0;}
.his-tb form{ margin-bottom: 0;}
.his-tb form input {
    font-size: 30px;
    width: 20px;
    height: 20px;
    top: -26px;
    position: relative;
}

.price-tb-w{ text-align: center; }
.price-tb-w h2{ font-size: 40px; font-weight: 600; margin-bottom: 10px; color: #f40002}
.price-tb-w h6{ font-size: 16px;}


/**/

.search-bar{ margin: 30px 0 15px;}
.search-bar form{ width: 250px;}
.search-bar input{
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 15px;
    width: 100%;
}

.activity-tables table{ margin-bottom: 0;}
.activity-tables{ max-height: 300px; overflow-y: auto;}
.activity-tables table a{ color: #333; font-size: 20px;}


.my-modal-new .modal-header {
    background: #4285f6;
    color: #fff;
}
.my-modal-new .modal-header h4{
    text-transform: uppercase; font-weight: 500; text-align: center;
}
.my-modal-new ul{
    padding-left: 15px;
}
.my-modal-new ul li{ list-style-type: none; margin-bottom: 10px;}
.my-modal-new ul li span:nth-child(1){ float: left; width: 60%}
.my-modal-new ul li span:nth-child(2){ font-weight: 600; float: right; width: 30%; position: relative;}
.my-modal-new ul li span:nth-child(2)::before{
    content: ':';
    position: absolute; left: -15px;
}
.my-modal-new ul li::after{
    content: '';
    clear: both;
    display: table;
    width: 100%;
}
.my-modal-new .modal-header .close{ color: #fff; opacity: 1;}

.main-para{ text-align: center;}
.main-para p{ font-size: 16px !important; line-height: 24px;}


.pricing-tab p {
    font-size: 16px !important;
    line-height: 24px;
    text-align: center;
}



/*************/



/* -----------------
Accordian styles
------------------ */

.accordian {
    margin: 0;
}

.accordian label {
    cursor: pointer;
    color: #555;
    font-weight: bold;
    margin: 0;
}

.accordian input {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
}

.accordian--content {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: all 1s ease;
    padding-left: 15px;
}

.accordian input:checked ~ .accordian--content {
    height: auto;
    opacity: 1;
}

.accordian--inner {
    margin: 15px 0;
}

/**/


.side-bar ul li {
    list-style-type: none;
    border-bottom:0px;
    /*margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;*/
}

.side-bar ul li label{
    cursor: pointer;
    /*width: 90%;*/
    vertical-align: top;
    margin-bottom: 0px;
}

.inner-check input, .inner-check label{
    margin: 0;
}

.inner-check {
    margin: 10px 0 0;
}

.ford-head ul>li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
}
.ford-head ul>li>a{
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.ford-head ul>li>a:hover, .ford-head ul>li>a:focus{ color: #f40001;}

.ford-head{ padding: 20px 0;}
.ford-head ul.dropdown-menu, .car-detials-table table .dropdown-menu{
    right: 0 !important;
    left: auto;
}
.ford-head ul.dropdown-menu li{ display: block; margin-left: 0;}
.ford-head ul.dropdown-menu li a{ font-size: 14px; font-weight: 400;}

.ford-head ul.pull-right{ margin-top: 5px;}

.ford-head h2{
    color: #f40001;
    font-weight: 600;
    text-transform: capitalize;
}


.car-detials-table table {
    border-collapse: collapse;
    width: 100%;
}

.car-detials-table th{
    background: #4285f6;
    color: #fff;
    padding: 10px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
}
.car-detials-table td {
    border: 1px solid #f7f7f7;
    text-align: left;
    padding: 8px;
}

.car-detials-table tr:nth-child(even) {
    background-color: #f1f1f1;
}

.vc-th{ width: 15%;}
.cen-th{ width: 4%;}

.act-td{ color: #4eb450;}
.cen-td{ text-align: center !important;}
.cen-td >.dropdown{ text-align: center;}

body,html{ height: 100%; width: 100%;}
.main-back-page {
    position: relative;
    min-height: 100%;
}

.side-bar {
    position: absolute;
    border-right: 0px solid #ddd;
    bottom: 0;
    top: 0;
    left: 0;
    width:18%;
    /*width: 300px;
    padding: 20px;*/
    background-color: #f7f7f7;
    z-index: 100;
    overflow-y: auto;
    transition: all 0.4s ease-in-out 0s;
}

.side-toggle{ width: 26px; position: relative; left: 0; top: 15px; display: none;}
.side-toggle span{ height: 2px; width: 100%; margin: 5px 0; display: block; background: #000;}

.side-bar.open-nav {
    left: 0;
    transition: all 0.4s ease-in-out 0s;
}
.main-wrapper.mov-left{
    transform: translateX(300px);
    transition: all 0.4s ease-in-out 0s;
}

.main-wrapper{ padding-left: 18%; transition: all 0.4s ease-in-out 0s;padding-right: 10px;padding-bottom: 20px;background-color: #f0f4f6;}/*padding-left: 300px;*/

.car-detials-table{
    overflow: auto;
    max-height: 800px;
}


.main-back-page .container-fluid{ height: 100%;}
.main-back-page .container-fluid .col-sm-2{ height: 100%;}

.dashboard-page footer{ margin-top: 0;}

.after-comment{ padding: 30px}
.after-comment p{ text-align: center; font-size: 16px; color: #000; line-height: 24px; font-weight: 600;}
.after-comment p{ text-align: center; font-size: 16px; color: #000; line-height: 24px; font-weight: 600;}

.rerite-comment{ margin-top: 40px;}
.comt-area{}
.comt-area textarea{ border: 1px solid #ddd; height: 200px; padding: 30px; overflow: auto; width: 100%; resize: none; border-radius: 4px;}
.clear-btnss{ margin-top: 20px;}

.clear-bt {
    width: auto !important;
    padding: 0 30px;
}


.editable-quote li{ margin-bottom: 0 !important;}
.editable-quote input{ width: 100%; border-radius: 4px; border: 1px solid transparent; font-size: 14px; color: #000; font-weight: 600; padding: 8px 10px; text-transform: capitalize;}
.editable-quote input:focus{ border-color: #ddd;}

/*input{ text-transform: capitalize;}*/

/*******dasboard-inner*******/


.vichel-form.das-inner-shadow{
    padding: 30px;
}


.inp{ position: absolute; cursor: pointer; right: 0; top: 2px;}
.inp::before{
    content: "\f044";
    font-family: FontAwesome;
    position: absolute;
    right: -19px;
    top: 0;
    color: #4285f6;
    font-size: 14px;
}
.inp.ic::before{
    content: "\f044";
    font-family: FontAwesome;
    position: absolute;
    right: -19px;
    top: 0;
    color: #bdc3c7;
}

.form-infom{ width: 240px;}
.form-field.vaild{ position: relative;}
.form-field.vaild .check{ position: absolute; font-size: 20px; right: 0; top: 50%; transform: translateY(-50%)}
.form-field.vaild .check i{ color: #f40002;}
.form-field.vaild .check.why-q i{ color: #4b85c5;}

.ques-info{
    width: 180px;
    position: absolute; right: -190px;
    border: 1px solid #ddd; background: #fff;
    padding: 4px 10px;
    top: 0;
    border-radius: 6px;
    display: none;
}
.ques-info ul li{ list-style-type: none; display: block;}
.ques-info ul li a{ display: block; padding: 6px 10px; border-bottom: 1px solid #ddd; position: relative; color: #333;}
.ques-info ul li a::after{
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.ques-info ul li:last-child a{ border-bottom: 0;}
.closed{ position: absolute; right: -5px; top: -5px; background: #333; height: 15px; width: 15px; border-radius: 50%; line-height: 15px; text-align: center;  color: #fff; cursor: pointer; font-size: 10px;}

.ques-info.show{ display: block;}
.why-q{ cursor: pointer;}

/*tab-2*/

.vehicle-trans {
    text-align: center;
}

.vehicle-trans h4 {
    font-weight: 600;
    color: #f40002;
    margin-bottom: 10px;
    min-height: 30px;
    font-size: 20px;
}

.kilo {
    min-height: 50px;
    position: relative;
}

.kilo span {
    font-size: 18px;
}
span.bg-k {
    background: #000;
    color: #fff;
    padding: 0 5px;
    margin-right: 2px;
    letter-spacing: 6px;
}

span.sl-price {
    font-size: 24px;
    font-weight: 700;
    color: #4285f6;
}

.hover-box{ position: absolute; width: 250px; border-radius: 4px; border: 1px solid #ddd; padding: 15px; background: #fff; z-index: 1; right: 0; top: 30px;
    opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out 0s;}
.hover-box p{ color: #333; line-height: 18px; font-size: 14px; text-align: left;}

.sl-price:hover .hover-box{ opacity: 1; visibility: visible; transition: all 0.4s ease-in-out 0s;}

.tabs-address{ text-align: center;}
.tabs-address p {
    font-size: 16px;
    font-weight: 400;
}
.tabs-address h2{
    font-weight: 700;
}


#chartContainer{
    height: 400px; width: 80%; margin: 30px auto;
}


/*26-08-2017*/

.comp-table{ border: 1px solid #ddd; border-radius: 6px;}
.comapirable-veh{ text-align: center; position: relative; background: #fff; padding: 20px;}
.comapirable-veh a{ border: 1px solid #ddd; display: inline-block; height: 40px; border-radius: 4px; line-height: 40px; color: #333; padding: 0 15px; margin-bottom: 30px;}
.comapirable-veh table{ width: 100%; text-align: left;}

.comapirable-veh table th {
    padding: 10px;
    color: #f40002;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}
.comapirable-veh table td{
    padding: 10px 15px;
}

.popup-veh{ width: 300px; background: #fff; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out 0s;}
.popup-veh h3{ margin-bottom: 0 !important;}
.popup-veh table{ margin: 0; padding: 10px;}

.popup-veh table tr td:nth-child(1){
    font-weight: 700;
}


.comp-table a {
    color: #000;
    border: 0;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: auto;
}
.comp-table a:hover .popup-veh{ opacity: 1; visibility: visible;}

.popup-veh.show{opacity: 1; visibility: visible; transition: all 0.4s ease-in-out 0s;}

/**/

.black-book{ text-align: center; padding: 0 0 30px;}
.black-book a{ display: inline-block;}

ul.bb li {
    display: block;
    list-style-type: none;
    margin-bottom: 13px;
}

ul.bb li .sw-btns h6{ width: 200px; text-align: left;}
ul.bb {
    width: 320px;
    margin: auto;
}

.clean-box{ padding: 30px}
.x-clean{ text-align: center;}
.x-clean h2{ font-size: 20px !important; font-weight: 600; color: #f40002; margin-bottom: 12px !important;}
.x-clean h4{ font-size: 16px; color: #000;}

/**/

.summary-details{ width: 700px; margin: auto;}
.summary-details .row{ margin-bottom: 20px;}
.summary-details h2{ font-size: 18px; font-weight: 600;}
.summary-details p{}
.summary-details table{}
.summary-details table td{ padding: 5px 10px 5px 0;}
.summary-details table td:nth-child(1){ font-weight: 700;}


.email-f {
    margin: 30px 0;
}
.email-f input{
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 15px;
    width: 100%;
}


.email-f input.btn-orange {
    border: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}



/**/

.dash-accordian{}
.dash-accordian .panel-default{ border: 0;}
.dash-accordian .panel-default>.panel-heading {
    color: #fff;
    background-color: #4285f6;
    border-color: #4285f6;
    padding: 0;
    border-radius: 4px;
}

.dash-accordian .panel-default>.panel-heading a{ display: block; text-align: center; font-size: 18px; font-weight: 600; padding: 12px 15px;}

.veh-info-tab{}
.veh-info-tab{}
.veh-info-tab .form-field{ position: relative; display: inline-block;}
.veh-info-tab .edit{ position: absolute; right: -20px; top: 12px;}

.vehicle-detail{ margin-bottom: 30px;}
.vehicle-detail h2{ font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 30px; margin-top: 20px;}

.total-re{ font-size: 18px; color: #000; font-weight: 600; text-align: center;}

.vh-reg{ margin-top: 40px;}
.vh-reg h5 {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.vehicle-detail .row.history-tab {
    box-shadow: none;
    padding: 20px 0;
}

span.wp-aro {
    width: 21px;
    display: inline-block;
    float: right;
}
span.wp-aro img{
    width: 100%;
}


.dash-accordian .panel-default>.panel-heading a span.wp-aro{ transform: rotate(-180deg)}
.dash-accordian .panel-default>.panel-heading a.collapsed span.wp-aro{ transform: rotate(0)}


.mod-no{ font-size: 24px; font-weight: 700;}


/**/

.sel-btns{ margin-bottom: 20px !important;}

/**/

.jd-head {
    font-size: 18px;
    font-weight: 600;
}

.price-rate li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    list-style-type: none;
}

.price-rate{
    text-align: right;
}

.price-rate b{ /*font-size: 18px; margin-bottom: 6px; display: block;*/}

.price-rate b {
    font-size: 20px;
    margin-bottom: 6px;
    display: block;
    color: #f40002;
}

.x-cl .clean-box{
    padding: 0;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}

.x-cl{ text-align: right;}
.x-cl a{ vertical-align: middle;}

.price-block-acco {
    padding: 20px 0;
}
.price-block-acco .row{ margin-bottom: 20px;}


.cta-white.rec-btn{ font-size: 14px; color: #4285f6; background: #fff;}
.cta-white.rec-btn:hover{ background: #4285f6; border-color: #4285f6; color: #fff;}

span.sl-price{ position: relative}
span.sl-price .hover-box{ left: 100%; right: auto;}



/******/

.previous-appr-table td{ vertical-align: top;}

.pv-list-detail{}
.pv-list-detail h5{ font-size: 16px; font-weight: 700; color: #4285f6; margin-bottom: 5px;}
.pv-list-detail ul li{ list-style-type: none; display: block; margin: 2px 0; font-size: 14px;}

.pv-label{ width: 115px; display: inline-block; vertical-align: middle; font-weight: 600;}
.pv-text{width: 150px; display: inline-block; vertical-align: middle;}
.pv-green{ color: forestgreen; font-weight: 600;}
.pv-complete{ color: #ed552b; font-weight: 600;}

.comment-ico {
    color: #f40001;
}

.inr-search .form-field{ margin-bottom: 0;}
.inr-search .form-field input{ width: 100%}

.g-settin-block li .form-field label{ width: 170px;}

.g-settin-block{ margin-bottom: 60px;}
.g-settin-block h3{ font-size: 18px; font-weight: 700; margin-bottom: 20px; color: #56555a;}
.g-settin-block ul li{ list-style-type: none; margin-bottom: 12px;}
.g-settin-block .sw-btns{ text-align: left;}
.g-settin-block .sw-btns h6{ width: auto; margin-left: 10px;}
.g-settin-block .onoffswitch-inner:before{ text-align: center; padding-right: 25%;}

.form-field-radio{ margin-bottom: 15px;}
.gen-setting-options{ text-align: center;}
.gen-setting-options a {
    display: inline-block;
    height: 36px;
    color: #fff;
    border-radius: 4px;
    line-height: 36px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}
.auther-per{ font-size: 16px; font-weight: 400; display: none; margin-top: 10px;}
.auther-per.show{ display: block;}

.g-settin-block ul li .hover-box.show{ opacity: 1; visibility: visible;}

.g-settin-block ul li .hover-box {
    position: relative;
    width: 300px;
    z-index: 1;
    right: auto;
    top: 30px;
    left: 200px;
    top: 0;
}
.in-header{ padding: 30px 0 !important;}

/**/

.msg-pop{ position: relative;}

.msg-pop .ques-info{ box-shadow: 0 0 15px rgba(0,0,0,0.3); left: 20px; right: auto; padding: 15px; width: 200px}

/**/


.car-detials-table.row.user-access-table {
    height: 1200px !important;
    max-height: inherit;
}
.user-access-table td{ position: relative; }
.edit-n-setting-pop .ques-info {
    position: absolute;
    right: 0;
    top: 35px;
    left: auto;
    bottom: auto;
    width: 400px;
    padding: 20px;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3)
}
.edit-n-setting-pop .ques-info .vh-reg{ margin: 0;}
.edit-n-setting-pop .ques-info .g-settin-block{ margin: 0;}

input.file-btn::after {
    content: 'Select Your Photo';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4285f6;
    color: #fff;
    padding: 9px 0;
    text-align: center;
}
input.file-btn {
    position: relative;
}

.edit-n-setting-pop input.cta-btn-sm {
    border: 0;
    width: 100px;
}

.cl-ico{ color: red;}



/*result page*/

.asc-dec-tables {
    margin-top: 40px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
}
.asc-dec-tables:first-child{ margin-top: 0px;}
.asc-dec-tables:last-child{ margin-bottom: 40px;}
.asc-dec-tables h3{ margin-bottom: 30px;}
.asc-dec-tables table td{ text-align: center;}
.asc-dec-tables th{ background: #555; font-weight: normal !important; text-align: center;}
.asc-dec-tables input, .asc-dec-tables select{ border: 1px solid #ddd; border-radius: 4px; height: 36px; padding: 0 10px;}
.asc-dec-tables select{ padding-right: 0;}
.actions{}
.actions ul li{ display: inline-block; vertical-align: middle; margin: 0 2px;}
.actions ul li a{ color: #333; font-size: 16px}

.table-filters{ margin-bottom: 20px; text-align: center;}
.table-filters ul{ display: inline-block;}
.table-filters li{ display: inline-block; vertical-align: middle; list-style-type: none; margin: 0 5px;}
.table-filters li:first-child{ margin-left: 0;}
.table-filters li label{ display: inline-block; vertical-align: middle; font-weight: normal;}
.table-filters li input, .table-filters li select{ border: 1px solid #ddd; display: inline-block; vertical-align: middle; width: 150px; height: 36px; padding: 0 10px; background: #fff;}
.table-filters li select{width: 100px; height: 36px; padding-right: 0;}
.table-filters li input.cta-white{ background: #fff;}
.table-filters li input.cta-white:hover{ background: #4285f6; color: #fff;}

.result-tables{ max-height: inherit!important;}


table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
    background: #fff;
}


/*dashbord-main page*/


.impo-data{ margin-bottom: 40px;}
.impo-data h3{ font-size: 18px; font-weight: 600;  margin-bottom: 15px;} /*color: #f40001;*/
.impo-data ul{}
.impo-data ul li{ list-style-type: none;}
.das-table-cont{ margin-bottom: 30px;}
.das-table-cont h3{ font-size: 18px; font-weight: 600; color: #f40001; margin-bottom: 15px;}
.contct-btn{ margin-top: 20px !important;}
#exp-table .actions-btn a{ width: 170px; text-align: center;}

.aim-team-me{}
.aim-team-me h3{ font-size: 18px; font-weight: 600; color: #f40001; margin-bottom: 25px;}
.team-per{}
.team-per span{ display: inline-block; vertical-align: top; margin-right: 15px;}
.team-per span img{ border: 1px solid #ddd;max-width: 100px;}
.per-deta{display: inline-block; vertical-align: top;}
.per-deta h6{ font-size: 14px; font-weight: 600;}
.per-deta ul li{ font-size: 14px; list-style-type: none;}
.per-deta ul li a{ color: #4285f6;}

.inven-data{}
.inven-data >h4{ text-align: center; font-weight: 700; margin-bottom: 30px; color: #333; background: #ddd;}
.no-of-inven{}
.no-of-inven h3 {
    font-size: 18px;
    font-weight: 600;
}
.no-of-inven span{ margin-left: 15px;  font-weight: normal}

.progress-sec {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    margin-bottom: 30px;
}
.progress-view h4{ margin-bottom: 10px; text-align: left; font-size: 18px; color: #000; font-weight: 600}
.progress-view .row{ margin-bottom: 15px;}
.progress-view .row .col-xs-8{ margin-top: 4px;}
.progress-view .row:last-child{ margin-bottom: 0;}

.circle-pro{ text-align: center;}
.circle-pro h6{ font-size: 16px; margin-top: 10px; margin-bottom: 15px;height: 30px;}

.pie-title-center {
    display: inline-block;
    position: relative;
    text-align: center;
}

.pie-value {
    display: block;
    position: absolute;
    font-size: 14px;
    height: 40px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    line-height: 40px;
}

.aval-cars{}
.aval-cars span{ display: block;}
.aval-cars span img{ width: 100%}
.car-dt{ margin-top: 8px;}
.car-dt h5{ font-size: 16px; font-weight: 600; margin-bottom: 4px;}
.car-dt h6{ font-size: 14px; margin-bottom: 8px;}
.car-dt h3{ font-size: 20px; color: #f40002}


.vh-reg .form-field{ position: relative;}
.vh-reg .form-field .ed-dt {
    position: absolute;
    right: 19px;
    top: 11px;
    color: #4285f6;
}



/**********************/

.mv-blocks{ margin-bottom: 30px;}
.more-de{ margin-top: 15px;}
.vin-enter{}
.vin-enter h3{ font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.vin-enter input, .vin-enter select{
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 15px;
    width: 205px;
}

.vin-enter input.cta-white{ width: auto; background: #fff;}
.vin-enter input.cta-white:hover{ width: auto; background: #4285f6; color: #fff;}
.basic-d{ padding: 0 30px;}
.basic-d ul li{ list-style-type: none;}
.basic-d ul li b{ width: 100px; display: inline-block; vertical-align: middle;}
.basic-d ul li span{ display: inline-block; vertical-align: middle;}

#radio-d{ border-bottom: 1px solid #ddd; margin-bottom: 30px;}
#radio-d input{ width: 20px; height: 20px;}
#radio-d label{ width: auto; margin-top: 4px;}
.p1{ margin-bottom: 10px; font-weight: 600; font-size: 16px;}

#texta textarea{ max-width: 500px; width: 500px;}
#radio-e .form-field {
    display: inline-block;
}
#radio-e .form-field label, #radio-e .form-field input {
    display: inline-block;
    width: auto;
}
.basic-e{ padding: 30px;}
#ft-btn{ text-align: center; margin-top: 30px;}
#ft-btn .btn-orange{ width: 150px; border: 0; color: #fff; font-weight: 600;}


/**************/

.big-inp{ margin-top: 15px;}
.big-inp input{ max-width: 500px; width: 100%;}
.big-txt textarea{ max-width: 700px; width: 100%; height: 80px; resize: vertical;}
.basic-e.cc-setting .g-settin-block:last-child{ margin-bottom: 20px;}
.sav-btn{ margin-bottom: 30px;}
.hd-used-com{ margin-top: 15px; display: none;}
.hd-used-com p{ font-size: 14px; margin-bottom: 6px; font-weight: 600;}
.hd-used-com.show{ display: block;}


/*per modal adjustment*/

.mod-edit-box{ margin-top: 30px; display: none;}
.mod-edit-box .vichel-form{ padding-top: 30px;}
.mod-edit-box .big-txt textarea{ border-color: #ddd;}

/**/


.over-v .g-settin-block{ margin-bottom: 15px;}
.rule-applyed{}
.rule-applyed ul li{ font-size: 16px; color: #333; list-style-type: none; font-weight: 600; margin-bottom: 6px;}
.rule-applyed ul li a{ font-size: 22px; color: #f40001; margin-left: 10px;}
.mar-g{ margin-top: 40px;}
.overview-modal .modal-dialog {
    max-width: 1200px !important;
    margin: 30px auto;
    width: 100% !important;
}
.overview-modal .modal-header{ background: #4285f6; color: #fff;}
.overview-modal .modal-header .close{ opacity: 1; color: #fff; font-size: 24px;}



/*ACCESS new page*/

.vh-reg.add-c{ margin: 25px 0 10px !important; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.vh-reg.add-c input.cta-btn-sm{ background: #666;}
.sav-btn.acss-btn{ position: absolute; top: 50%;}

/**/

.per{ width: 90px !important    ;}
.per-c .form-field{ display: inline-block; vertical-align: middle;}

/*model rule*/

#model-rule-radio .sw-btns{ margin-bottom: 10px;}
.ind-inp{ width: 90px !important; height: 40px !important;}

span.or {
    position: absolute;
    left: -13px;
    top: 12px;
    color: #f40002;
}

.critria{ margin-top: 40px;}
.critria h5{ font-size: 24px; font-weight: 700; margin-bottom: 30px;}
.critria{}
.critria-listing{}
.critria-listing ul>li{ display: block; vertical-align: middle; list-style-type: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.critria-listing ul>li:last-child{ border-bottom: 0;}
.critria-listing ul>li label{ margin-left: 5px;}
.heading-crit{}
.heading-crit h3{ display: inline-block; vertical-align: top; margin-right: 20px; font-size: 16px; font-weight: 600; color: #4285f6; position: relative; top: 2px;}
.heading-crit ul{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.heading-crit ul li{ display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 0; border: 0;}
.crit-checks{}
.crit-checks label{ color: #666; font-weight: normal;}
.crit-checks ul li{ display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 0; border: 0;}


/*financeing page*/
.finance-pg{ padding: 20px;}
.finance-pg .row{ margin-bottom: 15px;}
.finance-pg label{ vertical-align: middle; margin: 0;}
/*.finance-pg label input{ width: 70px; margin-left: 15px;}*/
.finance-pg ul li{ display: inline-block; list-style-type: none; margin-right: 15px;}
.inpp-chk{ height: auto !important; margin-top: 0 !important; position: relative; top: 2px; margin-right: 5px !important;}

span.status-sign {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #f40001;
    border-radius: 50%;
    position: relative;
    top: 2px;
}


.tab-li{ padding-left: 40px;}


/*AIM 360*/

.drag-divs {
    position: relative;
    width: 300px;
    text-align: center;
    display: inline-block; vertical-align: middle; height: 600px !important;
    margin: 0 15px;
    overflow: auto;
}

.drag-divs > div {
    background: #fff;
    position: absolute;
    width: 100%;
    padding: 20px 0;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.drag-divs > div:hover{
    cursor: move;
}

.drag-divs > .ss-placeholder-child {
    background: transparent;
    border: 1px dashed blue;
}

.drag-divs > div h3{ font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.drag-divs > div h5{ font-size: 16px;}

.static-footer{ position: relative; bottom: 0;}

.lft-drag-div > div{}
.rht-drag-div > div{ color: #4285f6;}

.lft-drag-div{ display: inline-block; vertical-align: top;}
.lft-drag-div h4, .rht-drag-div h4{ font-weight: 600; margin-bottom: 10px;}
.rht-drag-div{ display: inline-block; vertical-align: top;}

.aim-degree-drag{ text-align: center;}


/*29-11-2017*/

.d-img{ text-align: left;}
.d-img span{ font-size: 11px; display: block; color: #333; margin-top: 2px;}
.req.req-2{ position: relative; top: -11px; /*left: -5px;*/}


.req.req-2::before{
    content: "\f09c";
    font-family: FontAwesome;
    position: absolute;
    right: auto;
    top: 0;
    color: #bdc3c7;
    font-size: 16px;
}
.req.req-2.ic::before{
    content: "\f023";
    font-family: FontAwesome;
    position: absolute;
    right: auto;
    top: 0;
    color: #007bc7;
}


/*01-12-2017*/

a.add-more {
    height: 40px;
    width: 60px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    color: #4285f6;
    margin-left: 5px;
}

.add-more:hover{ background: #4285f6; border-color: #4285f6; color: #fff;}

/*06-12-2017*/
.view-act{ text-align: center;}
.view-act p{ margin-bottom: 15px;}

.act-dd a{ color: #4eb450 !important;}
.dis-dd a{ color: #e0be04 !important;}
.sold-dd a{ color: #f40001 !important;}
.act-td{ width: 100px !important;}
.act-td .btn{ background: none; box-shadow: none !important; padding: 0 !important}
.sold-td .btn{ color: #f40001 !important;}
.disabled-td .btn{ color: #e0be04 !important;}

.new-old-sel{ text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.new-old-sel .row{ display: inline-block; width: 350px; margin: auto; border: 0 !important; margin-bottom: 0 !important;}
#manual-moter{ text-align: center;}
#manual-moter .form-field label{ display: block; text-align: center; width: 100%; margin-bottom: 10px;}
#manual-moter .form-field a.add-more{ display: block; text-align: center; margin: auto; margin-top: 10px;}
#manual-moter-2{ text-align: center;}

#manual-moter .form-field input, #manual-moter .form-field select{ display: block; margin: auto;}

/*21-12-2017*/


.decode-btn a{ margin-bottom:20px;}
.carproof-logo{ text-align:center; margin:30px 0;}
.carproof-logo span{ display:inline-block; vertical-align:middle; font-size:14px; color:#000; font-weight:600; margin-right:5px;}
.carproof-logo a{ display:inline-block; vertical-align:middle;}
.carproof-logo a img{ width:100px;}


.summary-details .col-sm-8{ position:relative;}
.btn-view{ position: absolute; right:-100px; top:0}

.ques-info textarea{ width:100%; height:110px; border:0; resize:none;}

.u-pic{ text-align:center; width:54%; display:inline-block;}

.min-worr{}
.min-worr p{ margin-bottom:15px;}
.min-worr textarea{ max-width: 500px; width:100%;}
.google-drive-link{ display: block; text-align:center;}
.google-drive-link a{ display:inline-block; width:100px;}
.google-drive-link img{ width:100%;}

.dd-check{ padding-left:15px; margin-top:10px;}
.dd-check .form-field{ margin-bottom:8px;}
.dd-check input{ display:inline-block; width:15px !important; vertical-align:top !important; height:auto !important; margin:0 !important; position:relative; top:2px;}
.dd-check label{ display:inline-block; width:80% !important; vertical-align:top !important; text-align:left !important; font-weight:normal !important; font-size:14px !important; text-transform:none !important; margin-right:0 !important;}
.dd-r{ right:0; left:auto;}

.tutorial-list{ padding:0 15px;}
.tutorial-list h4{ font-size:18px; font-weight:600; text-align:left; margin-bottom:12px;}
.tutorial-list h4 i{ margin-right:12px}
.tutorial-list ul li{ text-align:left; list-style-type:none; margin-bottom:7px;}
.tutorial-list ul li a{ color: #EB2226;}
.tutorial-list ul li a:hover{ text-decoration: underline !important; color:#000;}
.video-tutorial-list{ padding:0 15px;}

/*
header .nav.navbar-nav >li.dropdown:hover .dropdown-menu {
    display: inline-block;
}
header .nav.navbar-nav >li.dropdown:hover {
    background: #3d3d3d;
}*/




/*************/

.color-green{ color: green;}
.color-red{ color: #f40002;}
.digi-dta{ margin-bottom: 15px;}
.digi-dta ul{ margin-bottom: 20px;}
.digi-dta li{ margin-bottom: 4px; font-size: 16px;}
.ico-heading{ font-size: 18px; font-weight: 600;}
.ico-heading i{ color: #f40002; margin-right: 10px;}
#digi-issue-show{ margin-top: 60px;}
.digi-issue{ text-align: center; margin-bottom: 15px;}
.digi-issue span{ display: block; font-size: 18px; font-weight: 600; margin: 10px 0 20px;}

.mar-b0{ margin-bottom: 0;}
.held-table{ max-width: 500px;}
.not-in-aim{ font-weight: 700;}


.digi-window-display .form-field label{ width: 160px !important;}

.legends{ margin-bottom: 50px;}
.legends span{ float: left; width: 20%; text-align: center;}
.one-ico i{ display: inline-block; height: 18px; width: 18px; border-radius: 50%; text-align: center; line-height: 18px; color: #fff; background: #ddd; font-style: normal;}

.status-degi{}
.status-degi span{ display: inline-block; vertical-align: middle; margin: 0 3px;}

.re-data{ padding: 10px;}
.re-data span{ font-size: 16px; margin-bottom: 10px; display: block;}
.re-data h5{ font-size: 14px; font-weight: 600;}
.re-data .form-field label{ display: block; width: 100% !important; text-align: left !important; margin-bottom: 10px;}
.re-data .form-field select{display: block; width: 260px;}

.form-info{ border: 1px solid #ddd; padding: 10px; margin-bottom: 15px; background: #f1f1f1; border-radius: 6px;}
.line-one{ padding: 0 !important;}
.line-one li{ display: inline-block; list-style-type: none; font-size: 16px; margin-right: 20px;}
.line-one li:nth-child(2){ font-size: 24px;}
.line-one li:last-child{ margin-right: 0;}
.line-two{ padding: 0 !important; margin: 4px 0 0;}
.line-two li{ display: inline-block; list-style-type: none; margin-right: 20px;}
.line-two li:last-child{ margin-right: 0px;}

.quote-form{}
.quote-form input{ width: 100% !important}
.quote-form label{ display: block; margin: 0 0 8px 0 !important; text-align: left !important; width: 100% !important;}
.quote-form select{ width: 100% !important}
.quote-form textarea{ width: 100% !important}

#quote-form-btn input{ width: 100% !important; border: 0;}

a.d-img{ width: 80px; display: block;}

.assign-tb{ border: 1px solid #ddd; margin-bottom: 30px;}
.select-win .sw-btns{ text-align: center; margin-bottom: 30px;}
.assign-tb .re-data{ padding: 30px;}
.pdf-img{ display: block; margin-bottom: 30px;}
.pdf-img img{ max-width: 100%;}
.asigned{ margin-bottom: 30px; font-size: 16px; font-weight: 600;}

.digi-block h4{ margin-bottom: 30px; font-size: 18px; font-weight: 600;}


#hide-2,#hide-1{ display: none;}

span.dg-c {
    display: block;
    text-align: center;
}

.sw-btns .sw-cont {
    display: inline-block;
    vertical-align: middle;
    width: 67px;
}

.g-historical-block{}
.g-historical-block .sw-btns{ text-align: left;}
.g-historical-block .sw-btns h6{ width: auto; margin-left: 10px;}
.g-historical-block .onoffswitch-inner:before{ text-align: center; padding-right: 25%;}

.dropdown-menu{
    margin: 0 0 0;
}



.admin-page-tables {
    margin-top: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
}
/*
.admin-page-tables:first-child{ margin-top: 0px;}
.admin-page-tables:last-child{ margin-bottom: 40px;}*/
.admin-page-tables h3{ margin-bottom: 15px;}
.admin-page-tables table td{ text-align: center;}
.admin-page-tables th{ background: #555; font-weight: normal !important; text-align: center;}
.admin-page-tables input, .admin-page-tables textarea, .admin-page-tables select{ border: 1px solid #ddd; border-radius: 4px; height: 36px; padding: 0 10px;}

.admin-page-tables select{ padding-right: 0;}
.admin-page-tables label{font-weight: 500}
.admin-page-tables legend{margin-bottom: 10px}

.admin-page-tables input[type=checkbox]{
    height: auto;
}
.admin-page-tables textarea{
    height: auto;
}

.dash_inventory_health{
    font-size: 16px;
}

#page_dealer_dashboard .asc-dec-tables{
    background-color: white;
    margin-top: 15px;
    padding: 15px 20px;
}

#page_dealer_dashboard .dashboard_section_title{
    font-size: 28px;
    font-family: robotoBold;
    margin-top:35px
}

#page_dealer_dashboard .dashboard_section_sub_title{
    font-size: 20px;
    height: 45px;
    font-family: RobotoBold;
}

#page_dealer_dashboard .no-of-inven h3{
    font-size: 16px;
}

#page_dealer_dashboard .impo-data{
    margin-bottom: 10px;
    margin-top: 10px;
}

#page_dealer_dashboard .circle-pro h6{
    margin-top: 0px;
}