@font-face {
    font-family: 'Gotham Narrow';
    src: url('/css/fonts/GothamNarrow-Light.woff2') format('woff2'),
        url('/css/fonts/GothamNarrow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Narrow';
    src: url('/css/fonts/GothamNarrow-LightItalic.woff2') format('woff2'),
        url('/css/fonts/GothamNarrow-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham Narrow Book';
    src: url('/css/fonts/GothamNarrow-Book.woff2') format('woff2'),
        url('/css/fonts/GothamNarrow-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Narrow Book';
    src: url('/css/fonts/GothamNarrow-BookItalic.woff2') format('woff2'),
        url('/css/fonts/GothamNarrow-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham Narrow';
    src: url('/css/fonts/GothamNarrow-Medium.woff2') format('woff2'),
        url('/css/fonts/GothamNarrow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Narrow';
    src: url('/css/fonts/GothamNarrow-BlackItalic.woff2') format('woff2'),
        url('/css/fonts/GothamNarrow-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/css/fonts/GothamNarrow-Black.woff2') format('woff2'),
        url('/css/fonts/GothamNarrow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
body{font-family: 'Gotham Narrow'; font-weight:normal;}
h1, h2, h3, h4, h5, h6{ font-family: 'Gotham Narrow'; font-weight: 500;}
.h4, h4 {font-size: 17px;}
p {	/*font-family: 'Gotham Narrow Book'; */ font-weight: normal;font-size: 17px;line-height: 22px;color: #878687;}
img{max-width:100%;}
b, strong {font-weight: 600;}

.mt-0{ margin-top: 0 !important; }

.panel-title{min-width:100%;}
.modal_btn{margin-left:-5px;}
.spinner{float:left;padding-top:6px;margin-left:-10px;display:none;}
.form-margin{display:none;margin-top:20px;}
.profile-link{padding-left:10px;}
.already{border:1px solid #e6e2e2;height:100%;margin-top:40px;background:#fff;overflow:auto;}
.already p.success{color:#68C171;border:1px solid #68C171;background:#F0F9F1;}
.already p.failed{color:#ec1e1e;border:1px solid #ec1e1e;background:rgb(255, 225, 225);}
.car_year, .car_model{padding-top:0;}
.car-listings ul li{width:25%;}
.select_car{border:1px solid #e6e2e2;height:100%;margin-top:40px;background:#fff;padding-bottom:20px;/*overflow:auto;*/}
.wizard > .content > .body .confirm--zip{margin-bottom:20px;padding-left:15px;}
.selected-car-container{margin-bottom:20px;margin-top:20px;}
.popular--services h4{cursor:pointer !important;}
.sub-services-container{}
.sub-services-container ul{overflow:hidden;margin-top:15px;padding-left:10px;padding-right:10px;margin-bottom:15px;}
.sub-services-container ul li{margin-right:10px;/*height:65px;*/
margin-bottom:15px;}
.sub-services-container ul li label{font-size:12px !important;}
.sub-services-container ul li input[type="checkbox"]{visibility:hidden !important;display:none !important;}
.sub-services-container .front--rear p{margin:0px;font-size:18px;letter-spacing:.5px;padding-left:10px;text-align:left;margin-top:10px;border-bottom:1px solid #e0e0e0;padding-bottom:10px;}
.sub-services-container .front--rear p span{float:right;margin-right:15px;font-size:12px;margin-top:5px;color:#7d7c7c;}
.indent-20{padding-left:20px !important;}
.indent-40{padding-left:40px !important;}
.my-bookings .tab-content>.tab-pane{padding:30px 0;}
.loader{display:block;position:absolute;z-index:2000;top:50%;left:0;right:0;margin:0 auto;width:20px;height:20px;transform:translateY(-50%);border:solid 2px transparent;border-top-color:#4d4052;border-left-color:#4d4052;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite;}
.price-input{width:200px;}
.car_details{padding:0px;background:#fff;border:1px solid #e8e8e8;margin-top:20px;}
.car_details .car--img{text-align:center;}
.car_details .car--img p{margin-top:7px;}
.car_details .car--img img{/*width:45%;*/}

.car_details .car--img p a{font-size:20px;border:1px solid #cac8c8;padding:6px 10px;color:#828181;}
.car--details{padding-top:20px;}
.car--details p{color:#828181;font-size:15px;margin-bottom:0px;}
.car_details .car--img p a:hover{text-decoration:none;}
.car--details h2{margin-top:0px;color:#443939;font-size:25px;}
.recommended{padding-top:58px;}
.recommended p{line-height:25px;}
.recommended--listing{border-right:1px solid #cac7c7;padding-top:58px;}

.recommended--listing p{line-height:25px;color:#443939;font-weight:600;}
.delete{text-align:center;}
.delete a{font-size:45px;color:#fd4339;vertical-align:middle;top:66px;position:absolute;left:35%;width:0;right:0;}
.delete a:focus{outline:none;}

/* * User panel form css */
form#user_profile_form, form#user_change_password_form,form#edit_profile_form,form#change_password_form{text-align:center;background:#ffffff;margin:0 auto;padding:40px;box-shadow:0 0 1px;margin-bottom:25px;padding-left:0px;}
div#user_address_div{margin:0 auto;box-shadow:0 0 1px;margin-bottom:25px;padding-left:0px;}
.profile-content{padding-left:75px;text-justify:left;}
form#edit_profile_form,form#change_password_form{margin-top:28px;}
#car_brand_image{max-width:400px;max-height:400px;}
.margin-car-image{margin-bottom:15px;}
form#form_booking table{margin:0px auto;margin-bottom:12px;}
form#form_booking table td{width:225px;}

.wizard .actions{display:none;}
.wizard > .content > .body .listings ul > li, .wizard > .content > .body ul.selected-car > li{display:list-item;width:31.5%;margin:5px 4px;-webkit-box-shadow:0px 1px 1px 0px rgb(208, 208, 208);-moz-box-shadow:0px 1px 1px 0px rgb(208, 208, 208);box-shadow:0px 1px 1px 0px rgb(208, 208, 208);cursor:pointer;}

.wizard > .content > .body ul{/* list-style-type:disc !important;*/
padding-left:32px;padding-right:10px;cursor:pointer;overflow:initial;}
.select_car ul li label{display:block !important;margin:0 !important;font-size:14px !important;position:relative !important;padding:6px 10px !important;left:0px !important;text-align:left;font-weight:100;cursor:pointer;}
.cars-listing h5, .years-listing h5, .models-listing h5, .trims-listing h5{text-align:left;margin-left:11px;font-size:16px;margin-top:20px;margin-bottom:20px;}
.wizard > .content > .body ul.selected-car{display:block;overflow:hidden;margin-left:8%;}

.wizard > .content > .body ul.selected-car > li{width:40%;}
.wizard > .content > .body p.note{display:block;text-align:left;margin-left:20px;margin-top:25px;}
.wizard > .content > .body p.note > a{color:red;}
.sub-services-option-container ul li.sub-services-option{width:23%;-webkit-box-shadow:-1px 1px 1px 0px rgba(0,0,0,0.50);-moz-box-shadow:-1px 1px 1px 0px rgba(0,0,0,0.50);box-shadow:-1px 1px 1px 0px rgba(0,0,0,0.50);}
.sub-services-option-container ul li.sub-services-option label{display:block !important;margin:0 !important;font-size:11px !important;position:relative !important;padding:10px !important;left:0px !important;text-align:left;font-weight:100;cursor:pointer;}
.wizard > .steps > ul > li{width:34%;}
button.review-and-book{margin-top:20px;color:#fff;background-color:#fd4339;border-color:#fd4339;border-radius:0;}
button.add-more-services{margin-top:20px;color:#fff;background-color:#337ab7;border-color:#337ab7;border-radius:0;}
.review-and-book-container{}
.review-and-book-container input[type="radio"]{display:inline-block !important;border:1px solid #ccc !important;}
.review-and-book-container label{position:relative !important;display:inline-block !important;font-size:14px !important;text-align:left !important;float:left !important;font-weight:100 !important;}
.sub-services-container .sub-service-row{/*margin-top:40px;*/
margin-top:0;}
.round{background:#EFF60D;height:15px;width:15px;border-radius:50%;position:relative;display:inline-block;margin:0 5px;}
.round-default{background:#E7EBEB;;height:15px;width:15px;border-radius:50%;position:relative;display:inline-block;margin:0 5px;}
.health-content{padding-left:50px;}
.car-health-contents{padding-top:10px;padding-left:20px;}
button.add-new-car{color:#fff;background-color:#fd4339;border-color:#fd4339;border-radius:0;}
body::-webkit-scrollbar{width:10px;}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;}
.header-banner.mod-warning{top:0;z-index:99;background:#158bf1;width:100%;padding:8px 15px;position:relative;}
p.u-bottom{font-size:15px;text-align:center;margin-bottom:0;color:#ffffff;}
p.u-bottom a{color:#ffffff;text-decoration:none;padding-left:17px;}
p.u-bottom a:hover{text-shadow:0 0 2px;text-decoration:none;}
p.u-bottom a:focus{text-shadow:0 0 2px;text-decoration:none;outline:none;}

.site{position:relative;}
.top-header-email{}
.review-and-book-container ul.grand-parent ul.parent{margin-left:25px;}
.review-and-book-container ul.grand-parent ul.parent ul.child{margin-left:25px;}
.review-and-book-container ul.grand-parent li{line-height:2;cursor:default;}
.selected-services-row{padding-bottom:15px;border-bottom:1px solid #cccccc91;}
.select-action-row{padding-top:20px;}
.review-and-book-container ul.grand-parent > li > i{color:#fd4339;font-size:20px;}
.review-and-book-container ul.grand-parent > li{font-size:16px;cursor:default;}
.review-and-book-container ul.grand-parent ul.parent > li > i{color:#4d4052;font-size:18px;}
.review-and-book-container ul.grand-parent ul.parent > li{font-size:16px;cursor:default;}
.car_service{width:30px;}
.car_details a:focus{outline:none;}
.car_health{margin-left:15px;}
.col-md-12.col-sm-12.select_car.services-container{padding:0px;}
.wizard > .content > .body .tab-container ul{list-style:none !important;padding-left:0px;padding-right:0px;cursor:pointer;border-right:1px solid #e2e0e0;}
.wizard > .content > .body ul.selected-car > li{width:40%;}

.sub-services-option-container ul li.sub-services-option{width:29.8%;margin:6px 5px;-webkit-box-shadow:-1px 1px 1px 0px rgba(0,0,0,0.50);-moz-box-shadow:-1px 1px 1px 0px rgba(0,0,0,0.50);box-shadow:-1px 1px 1px 0px rgba(0,0,0,0.50);}


.modal-header .close{font-size:33px;margin-top:-7px;}
.log_email input, .log_pwd input{text-transform:inherit;}
.health-status{margin-top:12px;}
.address-content{margin:15px 35px 0px 0px;}
.address-table{margin:20px;}
.view_usercar_health img{padding:15px 0;}
.delete_user_car i{font-size:22px;color:#fd4339;}
.popover{width:350px !important;}
.services-container .tab-content{background:#fff;height:auto;overflow-y:hidden; padding: 0;}
.services-container .tab-content.side-tabs-left{margin-left:0;}
.review-and-book-container ul.child li{line-height:2.5;list-style-type:none !important;}
.round-1{background:#e81111;}
.round-2{background:#ced40a;}
.round-3{background-color:rgba(55, 160, 0, 0.42);}
.round-4{background-color:rgba(55, 160, 0, 0.62);}
.round-5{background-color:#37a000;}
select.location{height:56px;width:100%;font-size:16px;padding-left:15px;border:1px solid #d6cdcd;letter-spacing:1.2px;font-family:itc-book;margin:6px 0px;background-position:5% 45% !important;border-radius:0;}
td.capitalize{text-transform:capitalize;}
.own-service-container #own_service_description{border-radius:0;}
.own-service-container span.required-msg, .login-email-error-msg, .login-password-error-msg,.error-msg{width:100%;text-align:left;float:left;color:#fd4339;margin-top:10px;}
.zip_zip input{text-transform:inherit;}
.text-completed{color:#37a000 !important;}
.text-pending{color:#FFB61E !important;}
.text-quoted{color:#62d0f1 !important;}
.text-progressing{color:#8E23E0 !important;}
.text-deleted{color:#E5343D !important;text-decoration:line-through;}
.text-cancelled{color:#E5343D !important;text-decoration:line-through;}
.text-confirmed{color:#3b3e47 !important;}
select[name="location"]{height:56px;width:67.5%;font-size:16px;padding-left:15px;border:1px solid #d6cdcd;letter-spacing:1.2px;font-family:itc-book;margin:6px 0px;text-transform:inherit;background-position:5% 45% !important;border-radius:0;}
.input-fields-border{border:1px solid rgb(253, 67, 57) !important;border-radius:0 !important;}
#already-user-container input,#already-user-container select,#already-user-container textarea,#new-user-container input,#new-user-container select,#new-user-container textarea{border:1px solid #000;border-radius:0;}
.service-types-container .service-type-nav > li{width:50%;}
.service-types-container .service-type-nav > li > a{font-size:16px;background-color:rgba(204, 204, 204, 0.45);padding-bottom:15px;padding-top:15px;color:#000;font-size:16px;}
.service-types-container .service-type-nav > li.active > a, .service-types-container .service-type-nav > li.active > a:hover, .service-types-container .service-type-nav > li.active > a:focus{border:none !important;background:#FFF;border-radius:0px;font-size:16px;color:#000;padding-bottom:15px;padding-top:15px;padding-right:0;margin-right:0;}
.service-types-container .service-category-nav{width:30%;}
.service-types-container .panel-body{padding:0;overflow:hidden;}
.service-types-container .service-category-nav li a{padding-left:25px;}
.popular--services{padding:5px 10px;border-bottom:1px solid #dcd7d7;}
.diagnostics .popular--services{padding:5px 25px;border-bottom:1px solid #dcd7d7;}
.oneTwo_img h2 img{margin-right:17px;position:relative;top:-4px;}

.services-container h1{margin-left:15px;}
.wizard > .content > .body label{color:#4C3F52;font-weight:600;}
.dashboard-div{box-shadow:0 0 1px;}
.div-color{background-color:rgba(55, 160, 0, .15);}
.dashboard-div-content{padding:0 25px;}
.get-quote-lg{border-radius:30px;min-width:200px;font-size:18px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;background-color:#f5393c;border:#f5393c;padding:10px;}
.btn-info{color:#fff;background-color:#4D4052;border-color:#4D4052;}
.btn-info.active, .btn-info:active, .btn-info:hover, .open>.btn-info.dropdown-toggle{color:#fff;background-color:rgba(77, 64, 82, 0.80);border-color:rgba(77, 64, 82, 0.80);}
.cbp_tmtimeline > li .cbp_tmtime span:first-child{color:#4D4052;font-size:32px;}
.cbp_tmtimeline > li .cbp_tmlabel{margin:0 0 15px 25%;}
.cbp_tmtimeline > li i{top:inherit;}
.front--rear.sub-services-option-container ul{text-align:left;}
.front--rear.sub-services-option-container ul li.sub-services-option{width:auto;height:auto;display:inline-block;}
.datetimepicker{font-size:25px;}
.div-margin{margin-top:30px;}
.sub-services-container .front--rear small.next-sub-service-desc p{font-size:14px;}



.service-types-container .service-type-nav > li > a{background:rgba(204, 204, 204, 0.33);}
.service-types-container .service-type-nav > li{border-right:1px solid #d8d5d5 !important;}
.sub-services-container .front--rear.sub-services-option-container p{border:0px;}
.wizard > .content > .body .select-action-row label{text-indent:-19px;margin-left:19px;}
.recommended-service-link-container{margin-top:30px;margin-bottom:30px;}
.recommended-service-link-container a{background-color:#fd4339;padding:15px;border-radius:25px;color:#FFF;text-decoration:none;}
.get-a-quote-link{background-color:#fd4339;padding:15px;border-radius:25px;color:#FFF;text-decoration:none;}
.get-a-quote-link:hover{color:#FFF;text-decoration:none;}
.recommend_service_id .checkbox input[type="checkbox"]{opacity:1;}
.recommend_service_id .multiselect-container > li > a > label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 10px;padding-top:3px;}
.on--off .your--service p, .on--off .your--service ul li{font-size:15px;color:#000;border:0;width:99%;text-align:left;background:#FFF;margin-top:0;padding:5px 15px;margin-bottom:0;margin-left:0;border-top:0;}
.on--off .your--service{margin-top:50px;display:block;padding-top:10px;border-top:1px solid #EEE;}
.diagnostics-sub-service-option-img{filter:grayscale(85%);}
.diagnostics-sub-service-option-img.active{filter:grayscale(0%);}
/* 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;}
/* 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:rgb(178, 0, 0) 1.5em 0 0 0, rgb(178, 0, 0) 1.1em 1.1em 0 0, rgb(178, 0, 0) 0 1.5em 0 0, rgb(178, 0, 0) -1.1em 1.1em 0 0, rgb(0, 0, 0, 0.5) -1.5em 0 0 0, rgb(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgb(178, 0, 0) 0 -1.5em 0 0, rgb(178, 0, 0) 1.1em -1.1em 0 0;box-shadow:rgb(178, 0, 0) 1.5em 0 0 0, rgb(178, 0, 0) 1.1em 1.1em 0 0, rgb(178, 0, 0) 0 1.5em 0 0, rgb(178, 0, 0) -1.1em 1.1em 0 0, rgb(178, 0, 0) -1.5em 0 0 0, rgb(178, 0, 0) -1.1em -1.1em 0 0, rgb(178, 0, 0) 0 -1.5em 0 0, rgb(178, 0, 0) 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);}
}
.icheckbox_line-blue, .iradio_line-blue{position:relative;display:block;margin:0;padding:5px 15px 5px 38px;font-size:13px;line-height:17px;color:#fff;background:#1f1b20;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;}
.icheckbox_line-blue.checked, .iradio_line-blue.checked{background:#37a000;}
.icheckbox_line-blue.hover, .icheckbox_line-blue.checked.hover, .iradio_line-blue.hover{background:#37a000;}
.verify-account{text-align:center;float:none;margin:0 auto;margin-top:60px;}
.resend-code{text-align:center;margin:0 auto;margin-top:30px;}
.resend-code a{color:#000;text-decoration:underline;}
.redircted h3{font-size:22px;line-height:30px;color:#4d4052;font-family:AvenirNextLTPro Demi;}
.verify-account input, .verify-account button{border-radius:0;}
.verify-account #verify{background-color:#fd4339;border:1px solid #fd4339;}
#response-message{margin-top:15px;padding:5px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{outline:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{margin-top:0px;width:15px;height:15px;}
span.ui-slider-handle.ui-corner-all.ui-state-default{border-radius:24px;background:rgb(77, 64, 82);}
.ui-slider-horizontal .ui-slider-range{background:#37a000;}
div#slider-range{background:#bbbbbb;color:#333;border:1px solid #4d4052;}
div#slider-range{height:8px;}
.modal-font{font-family:initial;}
.get-a-quote-link:hover{color:#fff;background-color:#2579a9;border-color:#1f648b;}
#verify-user-container{margin-top:30px;}
#verify-user-container .resend-code{text-align:left;margin:0;margin-top:30px;}
.mobile_country_code{width:100%;}
.mobile_country_code .img{margin:0;padding:0;background:none; text-align: right; border-radius: 0; width: 34px;border-color: #d6cdcd; }
.mobile_country_code .img span{border:none;border-left:1px solid #d6cdcd;border-bottom:1px solid #d6cdcd;border-top:1px solid #d6cdcd;padding-top:12px;padding-bottom:15px;padding-left:12px;padding-right:12px;}
.mobile_country_code .code{margin:0;padding:0;width:75px;background:none;border-left: none;border-right: none;border-color: #d6cdcd;}
.mobile_country_code select{padding:0;height:43px;border: none;}
.mobile_country_code select:focus{ outline: none !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; border-color:#d6cdcd !important; }
.mobile_country_code input{padding-left:10px;}
#new-user-container .mobile_country_code select{height:34px;}
.icheckbox_line-blue.disabled, .iradio_line-blue.disabled{background:#aba4ae;}
.time .icheck_line-icon{display:none;}
.time .icheckbox_line-blue, .time .iradio_line-blue{padding:5px 0 5px 0;font-size:20px;line-height:20px;}
.footer img{width:65%;margin-top:85px;}
.col-md-6.col-sm-12.col-xs-12.sign--overlay{text-align:left;}
.col-md-6.col-sm-12.col-xs-12.sign--overlay h4{margin-top:45px;margin-bottom:45px;}
.col-md-6.col-sm-12.col-xs-12.sign--overlay h3{border:none;}
.cedi{position:relative;}
.cedi label{position:absolute;right:15em;top:14px;}
#example-form .sign--overlay h4 a.facebook{font-size:15px;color:#fff !important;background-color:#3B5B98 !important;padding:17px 44px;background-position:6% !important;transition:all .3s ease-in-out;}
#example-form .sign--overlay h4 a.google{font-size:15px;color:#fff !important;background-color:#fd4339 !important;padding:17px 55px;background-position:9% !important;transition:all .3s ease-in-out;}
#example-form .social-login{margin-top:15px;}
.mobile_country_code input.form-control{margin-top:0;}
.pac-container{z-index:2000 !important;}
.referral-social{display:inline;float:right;}
.referral-social i.fa{font-size:15px;padding:12px 14px;border-radius:50%;color:white;}
.referral-social a, .social a:hover{text-decoration:none;}
.referral-social i.fa.fa-facebook{background:#3b589a;padding:12px 16px !important;}
.referral-social i.fa.fa-twitter{background:#55acef;}
.referral-social i.fa.fa-linkedin{background:#0177b5;}
.referral-social i.fa.fa-instagram{background:#fb3958;}
.social{margin-top:20px;}
.social i.fa.fa-instagram{background:#fb3958;font-size:23px !important;padding:11px 13px !important;border-radius:50% !important;color:white !important;}
a:focus .fa-instagram, a:hover .fa-instagram{box-shadow:0 0 23px rgba(251, 57, 88, 0.70) !important;text-decoration:none;outline:none !important;}
.user-booking-table .dropdown-menu{position:absolute;top:100% !important;left:initial !important;right:0 !important;}
#schedule-booking-modal .booking-address{/*margin-top:50px;*/
}
.text-scheduled{color:#1489e2;}
/* Rating Styles Start*/
.rating{border:none;margin:0px;margin-bottom:18px;float:left;}
.rating > input{display:none;}
.rating.star > label{color:#d8d8d8;margin:1px 20px 0px 0px;background-color:#ffffff;border-radius:0;height:48px;float:right;width:44px;border:1px solid #ffffff;}
fieldset.rating.star > label:before{margin-top:0;padding:0px;font-size:47px;font-family:FontAwesome;display:inline-block;content:"\2605";position:relative;top:-9px;}
.rating > label:before{margin-top:2px;padding:5px 12px;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:"";}
.rating > .half:before{content:"\f089";position:absolute;}
.rating.star > label{background-color:transparent !important;}
.rating > label{color:#fff;margin:1px 11px 0px 0px;background-color:#d8d8d8;border-radius:15px;height:16px;float:right;width:16px;border:1px solid #c1c0c0;}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label{background-color:#ffc100 !important;cursor:pointer;}
/* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label{background-color:#ffc100 !important;cursor:pointer;}
.rating.star:not(:checked) > label:hover, /* hover current star */
.rating.star:not(:checked) > label:hover ~ label{color:#ffc100 !important;background-color:transparent !important;cursor:pointer;}
/* hover previous stars in list */
.rating.star > input:checked + label:hover, /* hover current star when changing rating.star */
.rating.star > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.star > input:checked ~ label:hover ~ label{color:#ffc100 !important;cursor:pointer;background-color:transparent !important;}
.star_rating{width:500px;margin:0 auto;border:1px solid #cccaca;padding:3px 30px 72px 35px;margin-top:2%;}
.star_rating h2{font-size:27px;}
.star_rating p{font-size:17px;color:#b1b0b0;clear:both;margin-bottom:3px;}
.star_rating h4{font-size:17px;color:#b1b0b0;clear:both;margin-bottom:3px;border-top:1px solid gainsboro;padding-top:16px;text-align:center;}
.rating.star{margin-left:16%;}
.modal_btn.btn-center{text-align:center;width:100%;}


/* Rating Style Ends*/
.dropdown-menu{min-width:110px;}
.fc-event.event-cancelled{background-color:#ea6363 !important;text-decoration:line-through !important;border:red;}
.event-cancelled td.fc-list-item-marker.fc-widget-content span{background-color:#ea6363 !important;}
#myCarousel a.request-a-quote:hover{text-decoration:none;}

nav.navbar.navbar-inverse{height:100px;}

.car_delete_heading{font-size:18px;color:#ff2014;}
.car_delete_text{font-size:14px;color:#464040;padding:12px 35px;}
.chkbox{color:#666;padding:0px;}
.mechanic-profile-img{border-radius:50%;-webkit-box-shadow:3px 4px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:3px 4px 5px 0px rgba(0,0,0,0.75);box-shadow:3px 4px 5px 0px rgba(0,0,0,0.75);}

.search_booking{width:100%;}
.search_booking .col-sm-1.col-md-1{padding:0;}
.search_booking .col-sm-1.col-md-1 label{margin-left:10px;margin-top:4px;position:absolute;right:0px;}
.search_booking .btn{padding:6px 19px;position:relative;left:-23px;}
.my_col_10{width:10%;}
.my_col_15{width:15%;}
.my_col_20{width:25%;}
.my_col_data .row{display:flex;text-align:left;padding:4px 0;border-bottom:1px solid #dedede;vertical-align:middle;margin:0;}
.my_col_data_heading .row{display:flex;text-align:left;padding:10px 0;border-bottom:1px solid #dedede;border-top:1px solid #dedede;vertical-align:middle;font-weight:600;margin:0;}
.my_col_data .row label{display:none;}
.my_col_data .row label.sec{display:inline-block;}

.pagination{display:inline-block;padding-left:0;margin:5px 0;border-radius:4px;}
.mobile-actions .btn-custom{padding:5px 15px !important;}
.legal-pages h1{text-align:center;margin-bottom:25px;margin-top:25px;color:#fd4339;font-family:AvenirNextLTPro Regular;line-height:30px;}
.legal-pages .well.page_content h2{line-height:30px;text-align:left;color:#fd4339;font-family:AvenirNextLTPro Regular;margin-top:20px;}
.legal-pages .well.page_content h3{line-height:25px;text-align:left;color:#fd4339;font-family:AvenirNextLTPro Regular;margin-top:20px;font-size:18px;}
.legal-pages .well.page_content{background-color:#FFF;border:0;line-height:25px;text-align:left;font-family:AvenirNextLTPro Regular;font-size:17px;}
.legal-pages .well.page_content a{line-height:25px;text-align:left;font-family:AvenirNextLTPro Regular;font-size:17px;color:#fd4339;}
.legal-pages .well.page_content a:hover{text-decoration:underline;}
.legal-pages .well.page_content p{line-height:25px;font-family:AvenirNextLTPro Regular;font-size:17px;text-align:left;}
.legal-pages .well.page_content ul, .legal-pages .well.page_content ol{line-height:25px;font-family:AvenirNextLTPro Regular;font-size:17px;text-align:left;}
.legal-pages .well.page_content ul li{line-height:25px;font-family:AvenirNextLTPro Regular;font-size:17px;text-align:left;list-style-type:disc;}

.tab-content .tab-pane .panel-body{border:none;}
#searchclear{position:absolute;right:20px;top:0;bottom:0;height:14px;margin:auto;font-size:14px;cursor:pointer;color:#ccc;z-index:100;width:16px;background:white;}
.search_booking .btn{padding:6px 0;position:relative;right:0;border-radius:4px !important;left:auto;width:100%;}
.search_booking .btn-group{width:100%;}

.legal-pages .page_content h5{color:#fd4339;margin-top:25px;margin-bottom:15px;font-weight:600;}
.legal-pages .web-view-content h2{line-height:22px !important;font-size:20px !important;text-align:left !important;}
.legal-pages .well{padding:5px !important;}
.legal-pages .web-view-content ol, .legal-pages .web-view-content ul{margin-left:-15px !important;}
.carousel-inner .item.slider--img--big-bg:before{content:" ";position:absolute;top:0;left:0;background:rgba(4, 4, 4, 0.55);z-index:10;width:100%;height:100%;}
.your-selected-service{text-align:left !important;}
.your-selected-service h2{padding:0 15px !important;padding-top:10px !important;font-size:18px !important;}
.your-selected-service ul{list-style-type:disc !important;}
.your-selected-service ul li{list-style-type:disc !important;padding:5px !important;margin:0 !important;}
.your-selected-service ol{list-style-type:disc !important;}
.your-selected-service ol li{list-style-type:disc !important;padding:5px !important;margin:0 !important;}
.selected-services-review{text-align:left !important;}
.selected-services-review h2{padding:0 !important;padding-top:10px !important;font-size:16px !important;}
.selected-services-review ul{padding-left:15px !important;list-style-type:disc !important;}
.selected-services-review ul li{list-style-type:disc !important;padding:5px !important;margin:0 !important;}
.selected-services-review ol{list-style-type:disc !important;}
.selected-services-review ol li{list-style-type:disc !important;padding:5px !important;margin:0 !important;}
#selected-car-info, #selected-car-info li, #show-car-listing, #show-car-listing li,#show-year-listing, #show-year-listing li,#show-model-listing, #show-model-listing li,#show-trim-listing, #show-trim-listing li,#select-your-car, #select-your-car li{list-style-type:none !important;overflow:hidden !important;}
#booking-details strong{font-size:18px;}
#booking-details h2{font-size:16px;}
#booking-details p, #booking-details ul li{font-size:14px;}
a.button-info{color:#FFF;}
ul.sub-service-options-lists{overflow:hidden !important;display:block !important;}
small.next-sub-service-desc h2{font-size:16px !important;text-align:left;margin-left:12px;}
small.next-sub-service-desc h3{font-size:16px !important;text-align:left;margin-left:10px;border:0;font-weight:700;margin-top:30px;}
.become-a-mechanic .reset-password-form{width:100% !important;}
.become-a-mechanic .caption-text p, .become-a-mechanic .caption-text ul li,.become-a-mechanic .caption-text h1{text-align:left !important;margin-bottom:20px;font-weight:600;}
.become-a-mechanic .caption-text h1{font-size:35px}
.become-a-mechanic-div .slider--caption .carousel-caption{top:22% !important;}
.become-a-mechanic-div .registration h1{font-size:25px;line-height:30px;text-shadow:none;color:#4D4052;text-align:center;font-family:AvenirNextLTPro Bold;margin-top:25px;}

   /* jssor slider loading skin spin css */
   .jssorl-009-spin img {
   animation-name: jssorl-009-spin;
   animation-duration: 1.6s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   }
   @keyframes jssorl-009-spin {
   from {
   transform: rotate(0deg);
   }
   to {
   transform: rotate(360deg);
   }
   }
   /*jssor slider bullet skin 132 css*/
   .jssorb132 {
   position: absolute;
   }
   .jssorb132 .i {
   position: absolute;
   cursor: pointer;
   }
   .jssorb132 .i .b {
   fill: #fff;
   fill-opacity: 0.8;
   stroke: #000;
   stroke-width: 1600;
   stroke-miterlimit: 10;
   stroke-opacity: 0.7;
   }
   .jssorb132 .i:hover .b {
   fill: #000;
   fill-opacity: .7;
   stroke: #fff;
   stroke-width: 2000;
   stroke-opacity: 0.8;
   }
   .jssorb132 .iav .b {
   fill: #000;
   stroke: #fff;
   stroke-width: 2400;
   fill-opacity: 0.8;
   stroke-opacity: 1;
   }
   .jssorb132 .i.idn {
   opacity: 0.3;
   }
   .jssora051 {
   display: block;
   position: absolute;
   cursor: pointer;
   }
   .jssora051 .a {
   fill: none;
   stroke: #fff;
   stroke-width: 360;
   stroke-miterlimit: 10;
   }
   .jssora051:hover {
   opacity: .8;
   }
   .jssora051.jssora051dn {
   opacity: .5;
   }
   .jssora051.jssora051ds {
   opacity: .3;
   pointer-events: none;
   }
/*=================================================================*/
/* promotor-block */
/*=================================================================*/
.faq-container .faq{margin-top:50px;}
.faq-container .faq .accordion-group > .panel-heading{color:#333;background-color:#FFF;border:0;padding-left:0;}
.faq-container .faq .panel-group .accordion-group{border:0;border-radius:0px;border-bottom:1px solid rgba(0, 0, 0, 0.09);padding-top:8px;padding-bottom:8px;}
.faq-container .faq .fa{color:#f4433a;margin-right:5px;display:block;float:left;position:absolute;left:0;}
.faq-container .faq a, .faq-container .faq a:hover{text-decoration:none;display:inline-block;width:100%;}
.faq-container .faq .panel-group .panel-heading + .panel-collapse > .panel-body, .faq-container .faq .panel-group .panel-heading + .panel-collapse > .list-group{border-top:0;font-size:15px;line-height:24px;}
.faq-container .faq .panel-title{font-size:16px;font-weight:600;text-align:left;position:relative;padding:0 0 0 20px;}

.mechanic-ratings{color:#e63c24;}
.star-ratings-sprite{/*background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png) repeat-x;*/
background:url(../../web/img/star-rating-sprite.png) repeat-x;font-size:0;height:21px;line-height:0;overflow:hidden;text-indent:-999em;width:110px;/*margin:0 auto;*/
}
.star-ratings-sprite-rating{/*background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png) repeat-x;*/
background:url(../../web/img/star-rating-sprite.png) repeat-x;background-position:0 100%;float:left;height:21px;display:block;}
.review-block-rate{font-size:13px;margin-bottom:11px;margin-top:11px;}
.view-service-description-div{margin-top:15px;}

.signin::before{z-index:9;}
.user-booking-table .my_col_10,.user-booking-table .my_col_data .row label.sec{font-size:13px;}
.pending-bookings-card{background:#FFB61E;color:#FFF;border-radius:4px;}
.quoted-bookings-card{background:#62d0f1;color:#FFF;border-radius:4px;}
.inprocess-bookings-card{background:#8E23E0;color:#FFF;border-radius:4px;}
.scheduled-bookings-card{background:#1489e2;color:#FFF;border-radius:4px;}
.completed-bookings-card{background:#37a000;color:#FFF;border-radius:4px;}
.service-page .carousel-caption h3{font-size:40px;margin-bottom:35px;line-height:1.2;}
.unclefitter-services .unclefitter-service a.btn{margin:0;padding:7px 0;text-align:left;white-space:normal;color:#4d4052;}
.unclefitter-services .unclefitter-service a.btn:hover{text-decoration:underline;color:#f4433a;}

.on--off{/*border:1px solid #3f9a49 !important;*/
border:none !important;}
.front--rear.sub-services-option-container:before{color:#3f9a49;}
.front--rear.sub-services-option-container:after{background-color:#3f9a49;}

nav.tabs select{display:none;}

.arrow1{text-align:center;margin:0 0px;}
.arrow2{text-align:center;margin:0 25% 0 0;}
.footer .contact a{color:#333333;}
.mechanic-registration-form .log_email input, .mechanic-registration-form .log_pwd input{color:#000 !important;}
img.store-badge{width:35%;margin-top:0;}

.review-and-book-container .selected-services ul.grand-parent{padding-left:15px !important;}
.review-and-book-container ul.grand-parent ul.parent{margin-left:0 !important;}
.review-and-book-container ul.grand-parent ul.parent > li{font-size:12px !important;cursor:default !important;}
.review-services-list{border-right:1px solid #cccccc91;}
.review-services-actions{text-align:left;padding:15px;}
.booking-service-details-row{border-bottom:1px solid #CCC;}
.booking-service-details h4{font-size:22px;}
.booking-service-details h2, .booking-service-details h1, .booking-service-details h3{font-size:16px;font-weight:700;}
.booking-service-details p, .booking-service-details ul li{font-size:13px;font-weight:400;}
.sub-service-details, .service-description{margin-left:20px;}
.price-breakdown-row{margin-top:20px;}
.price-breakdown-column{margin-bottom:10px;display:block;overflow:hidden;}
.sub-total-price, .total-price{border-top:1px solid #cccccc9e;padding-top:10px;}
.unclefitter-service .steps h3{}
.unclefitter-service .steps ul{display:block;list-style-type:disc !important;margin-left:0;padding-left:0;}
.unclefitter-service .steps p, .unclefitter-service .steps ul li{margin-left:0;}
.unclefitter-service .steps ul li{font-size:17px;line-height:22.1px;color:#4d4052;font-family:AvenirNextLTPro Regular;list-style-type:disc !important;}
/*.col-md-12.col-sm-12.select_car.services-container{min-height:500px !important;height:500px !important;overflow-y:scroll;}
*/
.col-md-12.col-sm-12.select_car.services-container .tab-pane.fade.in.active .tab-container{min-height:500px !important;height:500px !important;overflow-y:scroll;}

.nav-tabs.nav-tabs-left li a:hover, .nav-tabs.nav-tabs-right li a:hover{background-color:#344152;font-size:14px;color:#FFF;}
#selected-car-info{padding:0;margin:0;}
#select-your-car{margin:0;padding:15px;}
.booking-service-details .service-description-booking-detail-link{margin-top:0;display:block;text-align:right;color:#721e12;padding:4px;font-weight:700;}
.booking-service-details .service-description-booking-detail{display:none;margin-top:10px;}
.booking-service-details .service-description-booking-detail.show-desc{display:block;}
button.add_custom_services{margin-top:20px;color:#fff;background-color:#337ab7;border-color:#337ab7;border-radius:0;}
.wizard > .content > .body ul.selected_services_parent_ul{margin-left:0px !important;}
.wizard > .content > .body ul.selected_services_ul{padding-right:0px !important;}
.wizard > .content > .body > .selected_services_parent_ul .selected_services_ul li ul.parent li{border:0 !important;}
.already p{width:65%;}
.wizard h3{font-size:15px;}
#addUserForm label.error{color:red;}
ul.services-lists, ul.sub-services-lists{list-style-type:none;margin:0;padding:0;/*border-top:1px solid #ccc;*/
/*padding-top:20px;*/
}
ul.services-lists li a, .sub-services-lists li a{display:block;color:#e63c24;width:100%;background:#dc6857;color:#FFF;text-decoration:none;margin-bottom:10px;vertical-align:middle;padding:7px;}
ul.services-lists li a.active{background:#e63c24;}
.select-services-section{height:330px;}
#sub-services-section .sub-services-section, #services-section{margin-bottom:10px;margin-top:0;height:280px;overflow-y:auto;}
ul.sub-services-lists span.sub-service-options{display:block;margin-left:20px;}
ul.sub-services-lists span.sub-service-title{font-weight:700;}
#sub-services-section h2, #sub-services-section h3, #sub-services-section h1, #sub-services-section h4{font-size:16px;font-weight:700;}
#sub-services-section ul{padding:0;margin-left:18px;}
#sub-services-section p, #sub-services-section ul li{font-size:13px;}
#selected-services-section h5{margin-left:20px;}
#selected-services-section h6{margin-left:40px;}
#selected-services-section{margin-top:20px;}
.selected-services-section{margin-top:25px;}
.sub-service-mandotary{color:red;}
.sub-service-mandotary-message{display:none;}
.sub-service-mandotary-message.active{color:red;display:block;}
#services-section h3{font-size:16px;font-weight:700;}
#requestAQuoteAdmin label.error, #custom_service_description_message{color:red;font-size:12px;}
#service-required-message{color:red;font-size:14px;}
.hide-section{display:none;}

.become-a-mechanic-div .slider--caption ul{list-style-type:none;margin-left:0;padding-left:0;}
.become-a-mechanic-div .slider--caption ul li{font-size:18px;color:white;font-family:AvenirNextLTPro Regular;}
.become-a-mechanic-div .slider--caption .carousel-caption{position:relative;}
img.logo-alt{width:120px;}

/**My code start***/


.user-panel .image img {width: auto;max-width: 142px; padding:0;}
.sidebar-menu {padding-top: 35px;}
.sidebar-menu > li > a > .fa {display: none;}
.sidebar-menu > li.header {display: none;}
.sidebar-menu > li > a {padding: 12px 5px 12px 30px;font-size: 17px; font-weight:400;}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {background:transparent; font-weight:500; color:#fff;text-decoration: none;}

.sidebar-menu > li.active > a::before {visibility:hidden;}
.main-sidebar{ background-color:#2a262b;}

#app .user-car-page .panel {background-color: transparent; padding:0;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03); border:1px solid #f2f2f2;}
#app .user-car-page .panel-heading{background-color: #fff;padding: 20px 2% 0; margin:0;}
#app .user-car-page .panel-body {background-color: #fff;padding: 0 3% 60px;}

#app .content{padding:3%;}
#app .panel-bd > .panel-heading .btn{font-size:18px;line-height:22px;font-weight:500;padding:0;border-radius:0;background-color:transparent;color:#e63c24;border:0;display:inline-block;vertical-align:middle;box-shadow: none;}
.panel-bd .panel-heading::before{visibility:hidden;}
#app .panel{padding:24px 2%;}
.panel-bd > .panel-heading{padding:0;border:0;font-size:23px;color:#1f1b20;font-weight:600;}
.panel-heading-right {text-align: right;}
.panel-heading .panel-title h4{font-size:23px;color:#1f1b20;}
.panel-heading .panel-title h4 span{ color:#e63c24;}
.panel-body {padding: 0 15px;}


/**top bar code start **/
.navbar-custom-menu {display: none;}
.top-bar{ background-color:#fff;padding: 20px 3%;}
.main-header .sidebar-toggle {padding: 21px 14px 19px;border-right: 0;}
.main-header .sidebar-toggle span {display: block;width: 33px;height: 3px;background-color: #a5a4a6;margin: 4px 0;}

.top-bar > ul {	display: block;	width: 100%;text-align: right;padding-left: 55px; margin:0 auto;}
.top-bar > ul > li, .top-bar > ul > li h6 {display: inline-block;vertical-align: middle;margin: 0 0 0px 60px; font-size:17px; line-height:22px; color:#878687; font-weight:500;}
.top-bar > ul > li a{color:#878687;}
.top-bar > ul > li h6{ margin-left:0;}
.top-bar > ul > li i.fa{display: inline-block;vertical-align: middle; font-size:18px;color:#878687; font-weight:500;}
.top-bar > ul > li i.fa.fa-chevron-right, .top-bar > ul > li i.fa.fa-chevron-down {font-size: 10px;}
.dropdown-menu {border-radius: 0;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);border: 0; padding:0; margin:0;top:46px;left:-20px;}
.dropdown-menu > li > a{ font-size:14px; line-height:26px; color:#797979;font-weight:500; padding:5px 15px;text-transform: uppercase;	}

.top-bar > ul > li.dropdown-user h6, .top-bar > ul > li.dropdown-user i {color: #e63c24;}
.top-bar > ul > li i.fa.fa-user-circle-o {font-size: 26px;}
/**top bar code close **/

/**Dashboard Css start Here **/

.dashboard-each-row {display: flex; -webkit-display: -webkit-flex;width: 100%;height: 100%;justify-content: center;align-content: center;flex-direction: row;margin:0 auto 40px;}

.welcome-back-div, .recommended-div, .dashboard-left-section, .dashboard-up-sec, .dashboard-down-sec {background-color: #fff;padding: 20px;border: 1px solid #f2f2f2;box-shadow: 2px 0 4px rgba(0, 0, 0, 0.03); min-height:204px;}
.welcome-back-div, .dashboard-left-section {width: 36.2%;}
.welcome-back-div, .recommended-div, .dashboard-left-section {display: flex;flex-direction: row;justify-content: center;align-content: center;align-items: center;}

.recommended-div {margin: 0 2.4%;width: 19.8%;text-align: center;flex-direction: column;}
.dashboard-left-section {margin-right: 2.7%;/*padding-bottom: 245px;*/text-align: center; position:relative;}
.dashboard-left-section p{margin:22px 0 28px}
.dashboard-left-section img.helpful-tips {display: block;margin: 43px auto 0;/*position: absolute;*/left: 0;right: 0;bottom: 0;}
.dashboard-right-section {width: 58.2%;}


.dashboard-each-row h2 {font-size: 25px;color: #1f1b20; line-height:normal;margin: 0 auto 15px;}
.dashboard-each-row h2 a{color: #1f1b20; text-decoration:none;}
.dashboard-each-row h2 span, .dashboard-each-row h1, .dashboard-each-row h1 a{color:#e63c24; margin:0 auto; text-decoration:none;}
.dashboard-each-row h6 {font-size: 18px;color: #1f1b20; line-height:22px;}

.dashboard-left-section .welcome-back-div {display: block;}

.user-img {width: 99px;	margin-right: 3%;}
.user-img img {max-width: 99px;max-height: 99px;border-radius: 100%;}
.welcome-back-text {width: 76%;}
.welcome-back-text h2 {margin: 0 0 10px;}
.welcome-back-text p {margin: 0;}

.dashboard-up-sec{ margin:0 auto 40px;}
.car-three-cols {display: flex;flex-direction: row;	justify-content: center;text-align: left;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;margin:0 auto 28px;}
.dashboard-each-row table {	background-color: transparent;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;width: 100%;margin:0 auto 28px; text-align:left;}
.dashboard-each-row table th, .dashboard-each-row table td {border-right: 1px solid #e8e8e8;padding: 12px;font-size: 17px;font-weight: 500;width:33.3333%; vertical-align:top;}
.dashboard-each-row table td {font-size:16px; font-family: 'Gotham Narrow'; font-weight:500;}
.dashboard-each-row .mobile-visible {display: none;}
.dashboard-each-row table th {text-transform: uppercase;color: #000;font-weight: 500;line-height: normal;margin: 0;}
.dashboard-each-row table tr td:last-child, .dashboard-each-row table tr th:last-child{ border-right:0;}

.dashboard-car-btn {text-align: center;margin: 0;display: block;}
.dashboard-car-btn a {display: inline-block;}

.dashboard-down-sec {min-height: 170px;}
.dashboard-down-sec h2 {border-bottom: 1px solid #e8e8e8;margin: 0 auto 28px;padding: 0 0 12px;}
.dashboard-down-sec h4{ text-transform:uppercase; color:#000;}
#app .dashboard-down-sec .red-btn {	margin: 0;}

/**Dashboard Csc start Here **/



/**My Car code start**/
.car_details > .row .container { display:table; width:100%; height:100%;}
.car_details > .row .container > div {display: table-cell;vertical-align: middle;width: 45%; /*width:24.4%;*/float: none;text-align: center;border-right: 1px solid #e8e8e8;height: 100%; position:relative; padding-top:10px; padding-bottom:10px;}
.car_details > .row .container > div:last-child {border-right: 0;}
.car_details > .row .container > div.img_car {width: 16.5%;}
.car_details > .row .container > div.img_car img {max-width: 160px;display: block;margin: 0 auto;width: auto;height: auto;}
.car_details > .row .container > div.car_details_style  {width: 21.6%;}
.car_details > .row .container > div.vertical-center {width: 18.6%;}
.car_details > .row .container > div.car_details_style {text-align: left;padding: 10px 2%;}
.car_details > .row .container > div.pull-right.text-right {width: 10%;}
.car_details .delete_user_car i {font-size: 22px;;color: #878687;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;height: 22px;}
.car_details .delete_user_car i:hover{color: #fd4339}
.car_details .row > div h3 {font-size: 17px;line-height: 22px;text-transform: uppercase;color: #000; margin:0 0 11px;}
.car_details .row > div p, .car_details .row > div h5 {font-size: 16px;line-height: 23px;color: #878687;font-weight: 500; margin:0 0 11px;font-family: 'Gotham Narrow';}
.car_details .row > div p{ margin:7px auto 0; display:block;}
.user-car-page .car_details .car_details_style p {margin: 5px auto;}
.user-car-page .car_details .img_car p {color: #2a262b;}


.sidebar-mini #app a.get-a-quote-link.red-btn {font-size: 17px;padding: 13px 39px 13px 39px;margin: 0 auto;}
.car-details-three-circles a {display: inline-block;width: 32.5%;padding: 0 7px; vertical-align:top}
.car-details-img {width: 52px;height: 52px;color: #878687;border: 2px solid #878687;display: inline-block;vertical-align: middle;border-radius: 100%;line-height: 46px;margin: 0 4%;}
.view_usercar_service img, .view_usercar_health img, .user_car_extra_details img {padding: 0; width:auto;}
.car-details-three-circles a p{ margin:0;}
.car_details .row > div a:hover, .car_details .row > div a:hover p {color: red;text-decoration:none;}
.sidebar-mini #app a.get-a-quote-link.red-btn:hover{color:#fff; background-color:#2a262b;}

.modal-dialog {margin:50px auto; padding:20px;}
#app .panel.modal-para {padding: 0 0 19px; text-align:center;}
.modal-backdrop.in {opacity: .7;filter: alpha(opacity=70);}
.modal-content {box-shadow: 0 5px 15px rgba(0,0,0,.5);padding: 32px 19px 15px;}
.modal-title {font-size: 22px;line-height: normal;font-weight: 500;color: #1f1b20;}
.red, body .appointment-top-each span.red{color:#e63c24;}
.modal-header {background-color: transparent;padding: 0;text-align: center;border: 0;}
.modal-header p {font-size: 15px;line-height: normal;color: #6f6f6f;font-weight: 400; margin:8px 0 15px}
#form_add_user_car .control-label {display: none;}
.modal-body .form-group {margin-bottom: 29px;}
.modal-body .form-control {width: 100%;	height: auto;padding: 11px 15px;background-color: transparent;background-image: none;border: 1px solid #a8a8a8;	border-radius: 2px;
	box-shadow: none;-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.modal-body .form-control, output {display: block;font-size: 17px;line-height: normal;color: #6f6f6f; margin:0 auto;}
.modal-header .close, .close:focus, .close:hover {font-size: 33px;margin-top: -7px;position: absolute;right: 0;top: -25px;color: #fff;opacity: 1;}
.modal-footer {padding: 0;text-align: center;border-top: 0;}
.sidebar-mini #app .red-btn, .sidebar-mini #app .grey-btn, .modal .red-btn, .modal .grey-btn, .sidebar-mini #app .green-btn, #app .panel-bd > .panel-heading .btn.grey-btn{
    font-size: 16px;line-height: normal;padding: 14px 35px;background-color: #e63c24;margin: 0 auto 14px;display:inline-block; width:auto;border: 0;border-radius: 30px; color:#fff !important;
    font-family: 'Gotham Narrow'; font-weight:500; text-decoration:none;}
.sidebar-mini #app  #appointments .btn-info.btn{
    margin: 0 100px 0 0;
}
.sidebar-mini #app .grey-btn, .sidebar-mini #app .red-btn:hover, .modal .grey-btn, .modal .red-btn:hover, #app .panel-bd > .panel-heading .btn.grey-btn {color: #fff !important;background-color: #2a262b;}
.sidebar-mini #app .grey-btn:hover, .modal .grey-btn:hover, #app .panel-bd > .panel-heading .btn.grey-btn:hover {background-color: #e63c24;}
.sidebar-mini #app .grey-btn.load-booking-detail{
    color: #e63c24 !important;
    background-color: transparent;
    text-decoration: underline;
    padding: 0;
}
.sidebar-mini #app .grey-btn.load-booking-detail:hover{
    color: #2a262b !important;
    background:transparent;
}
.sidebar-mini #app .green-btn{ background-color:#20895e;}
.sidebar-mini #app .green-btn:hover{ opacity:0.8;}
.full-width-text {width: 100% !important;} 

/**My Car code close**/

/**User-payment code start**/
#app .user-payment-page .panel, #app .refer-a-friend-page .panel {padding: 18px 3%;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);}
#app .panel-heading {margin: 0 auto 20px;}
.user-payment-page .panel-body, #app .refer-a-friend-page .panel-body {padding: 30px 20px;border: 1px solid #f0f0f0;}
#app .refer-a-friend-page .panel-body {padding: 60px 5%;}
.table-responsive{ width:100%;}
#app .user-payment-page table {border-spacing: 19px;	border-collapse: unset;	border: 0;}
#app .user-payment-page table th{padding: 12px;}
.user-payment-page table th, .user-payment-page table td {border: 1px solid #e0e0e0 !important; font-weight:normal;font-family: 'Gotham Narrow Book';font-size: 17px;color: #1f1b20;line-height: 23px;}
#app .user-payment-page table td {border: 0 !important;padding: 0;}
#app .user-payment-page table td span.btn.record-btn {margin-top: 18px;}
#app .user-payment-page table td span.btn{ margin:20px 0 0; padding: 16px 15px;}

/**User-payment code close**/


/**Refer A friend code start**/
.refer-friend-left h5, .control-label {display:inline-block; vertical-align:middle;margin:0 3% 0 0; width: 22.4%;}
.refer-friend-left h5 strong, .refer-friend-left h5 {font-size: 18px;line-height: 23px;font-weight: 500;color: #2a262b;}
.refer-friend-left h5 strong{ display:block;}
.refer-link-input {display: inline-block;vertical-align: middle;width: 74%;}
.refer-a-friend-page input, .form-control, .refer-a-friend-page textarea {background-color: transparent;height: auto;border-radius: 0;font-family: 'Gotham Narrow Book';line-height: normal;font-size: 16px;	color: #949494;border: 1px solid #e1e0e0;box-shadow: none;padding: 18px 20px;}
.refer-a-friend-page textarea{min-height:auto; overflow:auto; max-height:57px; margin:0 auto;}
.refer-friend-left-each-row:first-child {padding-left: 0;}
.refer-friend-left-each-row {margin: 20px 0 8px;padding-left: 26%;}

.refer-btn-row {margin-top: 28px;} 
.refer-friend-left-each-row p, .refer-friend-left-each-row button {	display: inline-block;	width: auto; vertical-align:top}
.refer-friend-left-each-row p, .refer-friend-left-each-row button.btn-preview{ font-size:15px; line-height:23px;color:#a9a9a9;font-family: 'Gotham Narrow'; font-weight:500;}
.refer-friend-left-each-row p {margin-top: 14px;}
.refer-btn-div {float: right;}
.refer-friend-left-each-row button.btn-preview {background-color:transparent;color: #1f1b20;text-decoration: underline;padding: 0 !important;border: 0;margin: 12px 20px 0 0;}
.sidebar-mini #app .copy-to-clipboard.grey-btn {margin-right: 10px;}

.how-this-work {text-align: center;border: 1px solid #f0f0f0;padding:27px 39px;}
.how-this-work h5{ text-transform:uppercase; font-size:20px; line-height:23px; color:#2a262b;}
.how-this-work p{ font-size:16px; line-height:24px; color:#949494;}

.refer-friend-right .referral-social {display: block;float: none;width: 100%;margin: 36px 0 0;}
.refer-friend-right .referral-social a {float: none;display: inline-block;vertical-align: top;width: 48.2%;font-size: 17px;line-height: normal;font-weight: 500;text-align: center;height: auto;
	padding: 15px 10px;border-radius: 30px; color:#fff;}
	
.refer-friend-right .referral-social a:first-child {margin-right: 2.7%;}
.facebook-cls {background-color: #3b5998;}
.twitter-cls {background-color: #55acee;}
.refer-friend-right .referral-social i.fa {	display: inline-block;border-radius: 0;padding: 0 !important;background-color: transparent;}
.refer-a-friend-page .alert.alert-info {margin: 0;}
.alert.alert-info {font-weight: 500;font-size: 17px;}
.modal form#send_referral_form button {margin: 14px auto 0;}
#send_referral_modal .modal-body {	padding: 0;}
/**Refer A friend code close**/


/** My bookings code start **/
.panel-body.my-bookings {/*border: 1px solid #f0f0f0;*/padding:0;}
.nav-tabs {border-bottom: 0;margin: 0 auto 20px;}
.nav-tabs > li > a {font-size: 17px;line-height: 22px;color: #1f1b20;font-weight: 500;text-transform: uppercase;border-radius: 0;border: 1px solid transparent;	border-top: 0;
	padding: 15px 30px;background-color: #fff; margin:0; cursor:pointer;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav.nav-tabs > li > a:focus, .nav.nav-tabs > li > a:hover {color: #1f1b20 !important;background-color: #fafafa;border: 1px solid #f0f0f0;cursor: default;border-top: 0;}

.tab-content {padding: 0 45px;}
.booking-main-div {box-shadow: 2px 0 4px rgba(0, 0, 0, 0.03);background-color: #fff;border: 1px solid #f0f0f0;margin: 0 auto 40px;}

.booking-row-each, .appointment-top-row {display: flex;flex-direction: row;justify-content: center;align-content: center;	align-items: center;}
.mechanic-detail-left {width: 17%;text-align: center;padding:0 10px;}
.appointment-detail-right {width: 85%; border-left:1px solid #f0f0f0;display: flex;flex-direction: column;}

.appointment-top-each {width: 33.3333%;	border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;padding: 22px 4%; height:100%;}
.appointment-top-each:last-child{border-right: 0;}
.appointment-top-each span{font-size:17px; color:#1f1b20; line-height:22px;text-transform: uppercase;}
.booking-main-div h2{ font-size:18px; line-height:23px; color:#1f1b20;font-weight:500;}
.appointment-bottom-row .appointment-top-each {width: 100%;text-align: left;border-bottom:0; display: flex; justify-content: space-between; align-items: center;}

.mechanic-detail-left img {	max-width: 87px;display: block;	margin: 0 auto;	border-radius: 100%;}
.booking-main-div p {font-size: 16px;}
.booking-main-div h4 {color: #2a262b;font-size: 16px;}

.appointment-bottom-left, .appointment-bottom-right {display: inline-block;vertical-align: middle;}
.appointment-bottom-left {text-align: left;}
.appointment-bottom-right {width: 32.5%;text-align: center;}
/** My bookings code close **/


/**My Quotes code start **/
.panel-body.my-quotes {border: 1px solid #f0f0f0;padding: 0; position:relative;}
.user-quotes-page .nav.nav-tabs {margin: 0 auto 42px;}
.btn.quote-head-btn {position: absolute;right: 45px;top: 24px;}
.booking-main-div h1 {font-size: 30px;color: #1f1b20;}
.appointment-bottom-text-box > span {font-size: 20px;text-transform: none;display: block;margin: 0 auto 12px;}
.appointment-bottom-left a{ font-size:16px; color:#e63c24; text-decoration:underline; line-height:normal;}

.user-quotes-page .nav-tabs > li > a {font-size: 20px;line-height: 22px;color: #1f1b20;background-color: #fafafa;text-transform: capitalize;border: 1px solid #f0f0f0;border-top: 0;}
.user-quotes-page .nav-tabs > li.active > a, .user-quotes-page .nav-tabs > li.active > a:focus, .user-quotes-page .nav-tabs > li.active > a:hover, .user-quotes-page .nav.nav-tabs > li > a:focus,.user-quotes-page .nav.nav-tabs > li > a:hover {color:  #e63c24 !important;	background-color: #fff;border: 1px solid transparent;border-top: 0;}
#quotes .panel-body {
	padding: 0 50px;
}
/**My Quotes code close **/


.sidebar-mini .main-footer strong, .sidebar-mini .main-footer, .sidebar-mini .main-footer b {font-weight: 500;}

/** Schedule bookings code start **/
.schedule-booking-page .panel-body.my-bookings {border: 0;}
.schedule-booking-page .panel-body {padding: 0;}
#app .schedule-booking-page .panel{ padding:24px 0;}
#app .panel-body.my-bookings .panel.panel-bd {padding: 0 20px;;box-shadow:none;}
.schedule-booking-page .panel-heading{max-width: 1264px;margin: 0 auto; padding:0 15px;}
#calendar {max-width: 1234px;margin: 0 auto;}

#calendar .fc-prev-button, #calendar .fc-next-button {width: 46px;height: 46px;margin: 0 10px 0 0;border-radius: 4px;border: 0;background-color: #1f1b20;color: #fff;}
#calendar .fc-next-button, #calendar .fc-prev-button:hover{ background-color:#e63c24;}
#calendar .fc-next-button:hover{background-color: #1f1b20;}

#calendar .fc-today-button {font-size: 18px;color: #676767;line-height: normal;text-transform: capitalize;border: 2px solid #888888;background-color: transparent;height: auto;
	width: auto;display: inline-block;vertical-align: middle;padding: 10px 33px;margin-left: 50px; opacity:1; cursor:pointer;border-radius: 30px;}	
#calendar .fc-today-button:hover{background-color: #888888;color:#fff;}

.fc-toolbar.fc-header-toolbar h2{font-size: 18px;color: #000;line-height: normal;text-transform: capitalize;border: 2px solid #000;background-color: transparent;height: auto;
	width: auto;display: inline-block;vertical-align: middle;padding: 10px 33px;margin-left: 50px; opacity:1;border-radius: 30px; margin-top:0;}
.fc-toolbar.fc-header-toolbar h2:hover{background-color: #000;color:#fff;}

#calendar .fc-right .fc-state-default {font-size: 18px;line-height: normal;height: auto;text-transform: capitalize;
	padding: 10px 44px;	text-align: center;	color: #fff;background-color: #e63c24;	border: 2px solid #e63c24;border-radius: 30px;width: auto; position:relative;}
#calendar .fc-right .fc-state-active {background-color: #1f1b20;border: 2px solid #1f1b20; }
#calendar .fc-right button.fc-month-button {right: -39px;padding:10px 41px 10px 30px;}

.fc-scroller.fc-day-grid-container {height: auto !important; overflow:hidden !important;;}
#calendar table th {font-size: 18px;color: #1f1b20;font-weight: 400;line-height: 22px;padding: 15px 0;}
.fc-day-grid.fc-unselectable > .fc-row.fc-week.fc-widget-content {	height: 92px !important; min-height:inherit;}
.fc-nonbusiness {background: #f9f9f9;}
.fc-bgevent {background: #f9f9f9; opacity:1}
.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td, .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead, .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {border-color: #ededed;}

.fc td, .fc th{ position:relative; vertical-align:middle;}
.fc-day-top.fc-other-month {opacity: 1;}
.fc-row .fc-content-skeleton {height: 92px;}
.fc-row .fc-content-skeleton table, .fc-row .fc-content-skeleton table thead {height: 100%;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float: none;vertical-align: middle;text-align: center;display: block;height: auto;font-size: 20px;
	font-weight: 400;font-family: 'Gotham Narrow';opacity: 1;}
.fc-day-top.fc-past.fc-other-month span, .fc-day-top.fc-future.fc-other-month span {opacity: 1;color: #878687;}
.fc-day-top span.fc-day-number {color: #e63c24;}
.fc-event {border: 0;border-radius: 0;padding: 5px;margin: 0;font-size: 16px;line-height: 22px;word-wrap: break-word;word-break: break-all;overflow: visible;
    white-space: normal;font-weight: 400; z-index:9; position: absolute; bottom:0; left: 0; right: 0; top:-45px !important; background: transparent;}
.fc-day-grid-event .fc-content {white-space: normal;overflow: visible;padding: 0;display: block;text-align: center;}

.popover {border: 1px solid #f2f2f2;box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);padding: 24px 15px;border-radius: 2px;font-family: 'Gotham Narrow'; max-width:320px;}
.popover.top > .arrow {bottom: -22px;border-width: 22px;border-top-color: #fff;border-bottom-width: 0;	margin-left: -25px;}
.popover-title, .popover-content {font-size: 16px;line-height: 23px; color: #1f1b20; font-weight: 400;border: 0;display: block;text-align: center;padding: 0;	border-radius: 0;background-color: transparent;font-family: 'Gotham Narrow';}
.popover-title {margin: 0 auto 5px;}
.modal-font{font-family: 'Gotham Narrow';font-weight: 400;}
.popover-content{ color:#e63c24;}
.popover b{color:#1f1b20; font-weight:normal;}

.modal-body.schedule-availability::before, .modal-body.schedule-availability::after, .form-group.add_1::before, .form-group.add_1::after{ display:table;content:"";}
.modal-body.schedule-availability::after, .form-group.add_1::after{ clear:both;}
#schedule-booking-modal .modal-body.schedule-availability {padding: 0;}
#schedule-booking-modal .modal-body {position: relative;padding: 0;}
#schedule-booking-modal .modal-dialog {width: auto;margin: 30px auto;max-width: 717px;}
h3.modal-title{ font-size:25px; line-height:normal; color:#1f1b20;}
.modal-title span{color:#e63c24;}
.modal-content h4 {font-size: 17px;line-height: 22px;color: #8f8f8f;font-weight: 400;margin: 9px auto 15px;}
.booking-date {font-size: 30px;color: #777; line-height:normal; margin:0 auto;}
.i-check.col-md-2.time {/*padding: 0 10px; */margin:0 auto 20px;}
.time .icheckbox_line-blue, .time .iradio_line-blue {padding: 10px;font-size: 16px;line-height: normal;font-weight: 400;text-align: center;background-color: #1f1b20;}
.time .icheckbox_line-blue, .time .iradio_line-blue.checked{ background: #e63c24;}
#map {border: 4px solid #fff;padding: 8px;background-color: #fff;display: block;max-width: 100%;width: auto !important;margin: 10px auto;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);height: 239px !important;}

.icheckbox_line-blue.hover, .icheckbox_line-blue:hover, .icheckbox_line-blue.checked.hover, .icheckbox_line-blue.checked:hover, .iradio_line-blue.hover, .time .icheckbox_line-blue:hover, .time .iradio_line-blue:hover{background:#e63c24;}
#schedule-booking-modal .table.bordered-table {border-bottom: 1px solid #f6f6f6;}
#schedule-booking-modal table td {font-size: 18px;line-height: normal;color: #5a595a;padding-top: 7px;padding-bottom: 7px; font-weight:400;border-top: 1px solid #f6f6f6;}
.service-amount-table-div tr td:last-child { font-weight:600;}

.service-amount-table-div {padding: 0 30px;}
#schedule-booking-modal #searchInput {margin: 0px auto 20px;}
.service-amount-table-div tr td:first-child {text-align: left;}
.service-amount-table-div tr td:last-child {text-align: right;}
.modal .service-amount-table-div .iradio_line-blue {font-size: 16px;text-transform: uppercase;height: auto;line-height: normal;padding: 14px 35px;border-radius: 30px;}
.modal .service-amount-table-div .iradio_line-blue .icheck_line-icon {position: relative;display: inline-block;left: 0;	top: 0;	margin: 0 5px 0 0;}
#schedule-booking-modal .modal-footer {	clear: both;padding: 10px 0 0;}
#schedule-booking-modal .modal-body .form-group {margin-bottom: 26px;}
/** Schedule bookings code close **/

.popover-title span {
	color: #e63c24;
}
.highlight-day .fc-day-number {
	position: relative;
    top: -16px;
    color: #fff !important;
    font-size: 24px !important;
}
.highlight-day {
    background: #e63c24 !important;
    height: 92px;
}
.fc-day-grid-event .fc-time {
	font-weight: normal;
}
.service-types-container .service-type-nav > li > a{
    color: #fff !important;
    background: #4d4052;
 }
 .service-types-container .service-type-nav > li > a:hover{
     background :#e63c24;
     color: #fff !important;
 }
 #service-history {
	padding: 0 50px;
}

/**My code close***/


@media (max-width:1800px){
#app .content-wrapper a.get-a-quote-link.red-btn {padding: 13px 24px 13px 24px;}
.refer-friend-left-each-row {padding-left: 15%;}
.refer-link-input {	width: 85%;}
.refer-friend-left h5, .control-label {margin: 0 2% 0 0;width: 12%;}
.how-this-work {padding: 27px 29px;}
.refer-friend-left-each-row p, .refer-friend-left-each-row button.btn-preview {font-size: 14px;}
.car-each-col h4 {min-height: 40px;}
}

@media (max-width:1580px){
.car_details .row > div p, .car_details .row > div h5, #app .content-wrapper a.get-a-quote-link.red-btn { font-size:14px;}
#app .content-wrapper a.get-a-quote-link.red-btn {padding: 13px 18px;}
.car-details-three-circles a {padding: 0px 5px;}
.refer-friend-right .referral-social a:first-child {margin-right: 2.5%;}
.refer-friend-right .referral-social a {font-size: 14px;}
.mechanic-detail-left {width: 26%;}
.appointment-detail-right {width: 74%;}
.sidebar-mini #app #appointments .btn-info.btn {
	margin: 0;
}
}

@media (max-width:1380px){
.car-details-three-circles a {width: 32.4%;}
.car_details > .row .container > div.vertical-center {width: 20.6%;}
#app .content-wrapper a.get-a-quote-link.red-btn {padding: 13px 15px;}
.refer-friend-left-each-row p {	display: block;}
form#send_referral_form button {float: none;display: inline-block;vertical-align: top;}
.refer-btn-div {float: none;}
.how-this-work {padding: 20px 15px;}
.dashboard-left-section img.helpful-tips {max-width: 90%;}

.appointment-bottom-left {width: 59.9%;}
.appointment-bottom-right {width: auto;}
.fc-day-grid-event .fc-content{
    font-size: 14px;
    line-height: normal;
}
.fc-event
{
    top: -60px;
}
.fc-day-grid-event .fc-time{
    display: block;
}
}
@media (max-width:1300px){
.refer-link-input, .refer-friend-left h5 {width: 100%;display: block;margin: 6px auto;}	
.refer-friend-left-each-row {padding-left: 0;}
.refer-friend-right .referral-social a:first-child, .refer-friend-right .referral-social a {margin: 20px auto;display: block;width: 100%;}

.appointment-bottom-left {width: 55.9%;}
}
@media (min-width:1201px) and (max-width:1300px){
.car_details > .row .container > div.img_car img {max-width: 100px;}
.car_details > .row .container > div.vertical-center {width: 23.6%;	}

.appointment-bottom-left {width: 55.9%;}
}

@media (max-width:1200px){
.top-bar {padding: 16px 3%;}
.top-bar > ul > li, .top-bar > ul > li h6 {margin: 0 0 0px 20px;}
.dashboard-each-row{ margin:0 auto;	}
.dashboard-each-row, .dashboard-each-row, .welcome-back-div, .recommended-div, .dashboard-left-section, .dashboard-right-section, .welcome-back-text, .dashboard-each-row .dashboard-down-left, .dashboard-each-row .dashboard-down-right{ display:block; width:100%; min-height:10px; text-align:center;}	
.welcome-back-div, .recommended-div, .dashboard-left-section, .dashboard-right-section{ margin: 20px 0; }
.dashboard-up-sec {margin: 0 auto 20px;}

.user-img, .dashboard-each-row .dashboard-down-left {margin: 0 auto 10px;}

#calendar .fc-today-button {margin-left: 20px;}
.appointment-bottom-left {width: 100%; text-align:left; margin:0 auto 10px;}
#app .btn.quote-head-btn {position: relative;right: 0;top: 0;margin: 0 auto 40px;display: block;max-width: 208px;}
.booking-main-div h1{
    font-size: 24px;
}
}

@media (min-width:992px) and (max-width:1200px){
.car_details > .row .container > div.img_car img {max-width: 100px;}
.car_details > .row .container > div.vertical-center {width: 26.6%;	}
.car_details .row > div p, .car_details .row > div h5, #app .content-wrapper a.get-a-quote-link.red-btn {font-size: 12px;line-height: normal;}
.car-details-img {width: 46px;height: 46px;line-height: 36px;}	
.car-details-three-circles a {width: 31%;}
#appointments .panel-body {
	padding: 0;
}
.fc-day-grid-event .fc-content {
	font-size: 10px;
	line-height: normal;
}
.fc-day-grid-event .fc-time {
	display: block;
}
}

@media (max-width:1043px){
    #calendar .fc-today-button, .fc-toolbar.fc-header-toolbar h2{
        padding: 10px 23px;
        font-size: 16px;
    }
}

@media (max-width:960px){
    .appointment-bottom-left{
        text-align: center;
    }
    .appointment-bottom-row .appointment-top-each, .appointment-bottom-right{
        display: block;
    }
    .sidebar-mini #app .grey-btn.load-booking-detail{
        padding: 14px 35px;
        background-color: #1f1b20;
        display: inline-block;
        color: #fff !important;
        text-decoration: none;
    }
    .sidebar-mini #app .grey-btn.load-booking-detail:hover{
        background: #e63c24;
        color: #fff !important;
    }
    #quotes .appointment-detail-right{
        padding-bottom: 25px;
    }
    .sidebar-mini #app #appointments .btn-info.btn {
        margin: 0 auto !important;
        display: block;
        max-width: 200px;
    }
}

@media screen and (min-width:768px){#myCarousel a.request-a-quote{background:#fd4339;font-size:24px;padding:16px 66px;color:#fff;border-radius:25px;text-transform:uppercase;position:relative;transition:all .3s ease-in-out;top:30px;}
.carousel-inner .item.slider--img--big-bg{min-height:100vh;object-fit:cover;background-position:50% 50%;background-size:cover;height:100vh;}
.about--us h1{padding-top:30px;text-transform:capitalize;}

.legal-pages-slider .carousel-inner .item.slider--img--big-bg{min-height:50vh;object-fit:cover;background-position:50% 50%;background-size:cover;height:50vh;}
.become-a-mechanic-div .carousel-inner .item.slider--img--big-bg{min-height:100vh;object-fit:cover;background-position:50% 50%;background-size:cover;height:125vh;}

#myNavbar ul.sub-menu{display:none;}
#myNavbar .has-child:hover ul.sub-menu{display:block;position:absolute;background:#FFF;list-style-type:none;width:170px;padding-left:0;right:0;-webkit-box-shadow:-1px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:-1px 5px 5px 0px rgba(0,0,0,0.75);box-shadow:-1px 5px 5px 0px rgba(0,0,0,0.75);}
#myNavbar ul.sub-menu .sub-menu-item a{padding:8px 15px;display:block;text-decoration:none;color:#f4433a;background-color:#FFF;}
#myNavbar ul.sub-menu .sub-menu-item:hover a{background-color:#f4433a;color:#FFF;}
#myNavbar .has-child > a:after{content:" ";content:" ";width:10px;height:10px;display:inline-block;border-top:5px solid #FFF;border-bottom:5px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;bottom:0;top:22px;right:2px;}
#myNavbar .has-child:hover ul.sub-menu:before{content:' ';width:0px;height:0px;border-top:10px solid transparent;border-bottom:10px solid #ffffff;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:-20px;bottom:0;right:30px;}
.about-our-mechanic .carousel-inner .item.slider--img--big-bg:before{content:" ";position:absolute;top:0;left:0;background:rgba(4, 4, 4, 0.35);z-index:10;width:100%;height:100%;}
.about-our-mechanic .carousel-inner .item.slider--img--big-bg{min-height:80vh;object-fit:cover;background-position:50% 50%;background-size:cover;height:80vh;}
.meet-our-mechanics .meet-our-mechanic{/* -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.75);box-shadow:2px 2px 2px 0px rgba(0,0,0,0.75);*/
margin-right:10px;border:1px solid #CCC;padding:25px;}
.meet-our-mechanics .meet-our-mechanic .star-ratings-sprite{margin:0 auto !important;}
.meet-our-mechanics .meet-our-mechanic .speciality{margin-top:30px;border-top:1px solid #CCC;padding-top:15px;}

}

@media screen and (max-width:1110px){.my_col_data .row label{display:inline-block;}
.my_col_10, .my_col_15, .my_col_20{width:100%;clear:both;}
.my_col_data .row{display:block;text-align:left;width:300px;box-shadow:0 0 4px;margin:15px auto;padding:10px;min-width:244px;width:100%;}
.my_col_data .row .btn{padding:1px 4px;}
.my_col_data_heading .row{display:none;}
.my_col_data .row label.sec{text-align:right;float:right;display:inline-block;}
}

@media screen and (max-width:1024px){.service-page .carousel-caption h3{font-size:25px;line-height:1.2;}
}

@media screen and (max-width:1023px){
.car_details .car--img img{width:100%;}
.recommended{padding-top:10px;}
.recommended--listing{padding-top:10px;} 
}

@media screen and (min-width:768px) and (max-width:991px){
.top-bar > ul > li, .top-bar > ul > li h6 {margin: 0 0 0px 6px;font-size: 13px;}
}

@media screen and (max-width:1000px){.become-a-mechanic-div .carousel-inner .item div.slider--img--small{min-height:auto !important;height:auto !important;}
.become-a-mechanic-div > .carousel-inner > .item > .slider--img--small{height:auto;background-size:cover !important;}
.become-a-mechanic .caption-text p, .become-a-mechanic .caption-text ul li, .become-a-mechanic .caption-text h1{text-align:center !important;}
.become-a-mechanic .col-md-8.caption-text{margin-top:140px;}
.become-a-mechanic-div .registration{padding-top:1px;}
.become-a-mechanic-div .slider--caption ul li, .become-a-mechanic-div .slider--caption p{font-size:16px;padding:0;margin-bottom:0;}
.become-a-mechanic .caption-text h1{font-size:25px;}
}
@media screen and (min-width:740px) and (max-width:1000px){.become-a-mechanic-div .slider--caption .carousel-caption{top:5% !important;}
.become-a-mechanic-div .slider--caption ul li, .become-a-mechanic-div .slider--caption p{font-size:20px;line-height:35px;}
.become-a-mechanic-div .slider--caption h1{font-size:25px;margin-top:16px;}
}

@media (min-width:992px){.tab_tab{width:1170px;}
}

@media (max-width:991px){
p.u-bottom{font-size:12px;}
.next-step-button .text-left{text-align:center;}
.next-step-button .text-right{text-align:center;}
.review-and-book-container ul.grand-parent{padding:0 !important;}
.review-and-book-container ul.child li{font-size:13px;}
.review-and-book-container ul.grand-parent ul.parent > li{font-size:15px;cursor:default;}
.user__booking h4{text-align:center;}

.search__input .form-control{margin:11px auto;width:80% }
.search__input__button .btn-group{margin:0px auto;width:80%;display:block;}
#searchclear{right:13%;}

.main-header .sidebar-toggle {padding: 18px 14px 16px;}

.main-sidebar, .left-side {padding-top: 60px;}
#app .content {padding: 30px 20px;}
#app .user-car-page .panel-body {box-shadow: none;}
#app .user-car-page .panel-body {background-color: transparent;/*padding: 0 0 60px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);*/ padding:0; box-shadow:none;}
.car_details{ border:0; margin:0 auto 30px;}
.car_details:last-child {margin: 0 auto;}
.car_details > .row .container > div {display: block;width: 100% !important;text-align: center !important;padding-top: 20px;padding-bottom: 20px;border-bottom:1px solid #e8e8e8;border-right: 0;
height:auto;}
.car-details-three-circles a {width: 100%;margin: 7px auto;padding: 0; }
#app .user-car-page .panel-heading {padding: 20px 0;margin: 0 auto 30px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);}
#app .user-car-page .panel-heading .panel-heading-left, #app .user-car-page .panel-heading .panel-heading-right {text-align: center;display: block;float: none;	width: 100%;}
#app .user-car-page .panel-heading .panel-heading-left{ margin:0 auto 20px;}
#app .user-car-page .panel-heading .panel-heading-right .btn {padding: 14px 39px;border-radius: 30px;background-color: #2a262b;color: #fff;}
#app .user-car-page .panel-heading .panel-heading-right .btn i {border: 2px solid #fff;border-radius: 100%;width: 26px;	height: 26px;line-height: 23px;font-size: 11px;	vertical-align: top;}
#app .user-car-page .panel-heading .panel-heading-right .btn:hover{ background-color:#e63c24;}

#app .content-wrapper a.get-a-quote-link.red-btn {padding: 13px 39px 13px 39px;font-size: 16px;}
#app .refer-a-friend-page .panel-body {padding: 0 20px;}
.refer-a-friend-page .refer-friend-left, .refer-a-friend-page .refer-friend-right {display: block;float: none;width: 100%;}


.schedule-booking-page {text-align: center;}
.fc-toolbar.fc-header-toolbar > div {display: block;width: 100%;float: none;text-align: center;}
.my-bookings .fc-left > *, .my-bookings .fc-right > *, .my-bookings .fc-center > * {display: inline-block;vertical-align: middle;float: none;margin: 10px auto !important;}
.my-bookings .fc-right .fc-button-group {position: relative;right: 20px}
.fc-day-grid.fc-unselectable > .fc-row.fc-week.fc-widget-content, .fc-row .fc-content-skeleton {height: 72px !important;}

.schedule-availability .i-check {display: inline-block;	width: 32.5%;}
.i-check.col-md-6 {
	clear: both;
}
.payment-mode {
	clear: both;
	margin-top: 5px;
	float: left;
	width: 100%;
}
.payment-mode > div {
	padding: 0;
}
.fc-event{
    top: -47px;
}
.fc-day-grid-event .fc-time {
	display: inline-block;
}
.highlight-day .fc-day-number{
    font-size: 20px !important;
}
}

/*Tab to Dropdown CSS Start*/
@media (max-width:960px){
.booking-table-mobile {padding: 0 20px;}
.my-bookings .tab-content > .tab-pane {padding: 30px 0 0;}
#app .booking-table-mobile .panel {padding:30px 20px 40px;max-width: 94%;margin: 0 auto;}
.booking-table-mobile .tab-content {padding: 0;}
nav.tabs ul{display:none;}
nav.tabs select{display:inline-block;}
.panel-body.my-bookings {border: 0;padding: 0;}
.booking-main-div {border: 0;margin: 0 auto 40px; box-shadow:none;border-bottom: 1px solid #f0f0f0;padding-bottom: 15px;}
.booking-main-div:last-child {margin: 0 auto;border-bottom: 0;padding-bottom:0;}
.booking-row-each, .mechanic-detail-left, .appointment-detail-right {display: block;width: 100%;text-align: center;	padding: 0;}
.booking-row-each, .appointment-top-row, .appointment-top-each {display: block;width: 100%;}
.mechanic-detail-left {box-shadow:0 1px 8px rgba(0,0,0,.05);padding: 10px;margin:0 auto;border: 1px solid #f0f0f0;}
.appointment-detail-right{border:0;}
.appointment-top-each{
    padding: 10px;
}
.appointment-top-row .appointment-top-each {border-left: 0;border-right: 0;}
.appointment-bottom-row .appointment-top-each{box-shadow:0 1px 8px rgba(0,0,0,.05);padding: 20px;margin: 0 auto;border: 1px solid #f0f0f0;border-top: 0;}
.booking-table-mobile .appointment-bottom-row .appointment-top-each{padding: 20px 20px 5px;}

#app .user-quotes-page .panel {padding: 0;border: 0;border-radius: 0;}
.user-quotes-page .tab-content {padding: 0 20px 40px;}
.panel-body.my-quotes {border: 0;padding: 0;position: relative;}
.user-quotes-page .nav-tabs { text-align:center; display:table; width:100%;}
.user-quotes-page .nav-tabs > li {float: none;vertical-align: middle;display: table-cell;}
.user-quotes-page .nav-tabs > li > a {padding: 15px 0; font-size:18px;}
.user-quotes-page .nav-tabs > li.active > a, .user-quotes-page .nav-tabs > li.active > a:focus, .user-quotes-page .nav-tabs > li.active > a:hover, .user-quotes-page .nav.nav-tabs > li > a:focus,.user-quotes-page .nav.nav-tabs > li > a:hover, .user-quotes-page .nav-tabs > li > a{border-top:1px solid #f0f0f0;}
#app .appointment-bottom-right .btn {margin: 0 auto;}
.user-quotes-page .appointment-bottom-row .appointment-top-each {padding: 0;box-shadow: none;border: 0;}
.user-quotes-page #service-history .appointment-bottom-row .appointment-top-each{
    padding: 20px;
}
#service-history .appointment-top-each span{
    margin-right: 15px;
}
.appointment-bottom-row .appointment-top-each .appointment-bottom-text-box {box-shadow: 0 1px 8px rgba(0,0,0,.05);padding: 10px;margin: 0 auto 20px;border: 1px solid #f0f0f0;border-top: 0;}
.appointment-bottom-left a {font-size: 16px;line-height: normal;padding: 14px 22px;background-color:#2a262b;margin: 0 auto 5px;display: inline-block;width: auto;border: 0;border-radius: 30px;color: #fff !important;font-family: 'Gotham Narrow';font-weight: 500;text-decoration: none; text-transform:uppercase; min-width:197px;}
.appointment-bottom-left a:hover{background-color: #e63c24; color:#fff;}
.appointment-bottom-left{
    margin: 0 auto 0px;
}
}


@media screen and (min-width:769px){.promotor-block.block-show, .promotor-block.block-hide{display:none;}
}


@media screen and (max-width:768px){
#myCarousel a.request-a-quote{background:#fd4339;font-size:20px;padding:16px 66px;color:#fff;border-radius:25px;text-transform:uppercase;position:relative;transition:all .3s ease-in-out;top:30px;}
.carousel-inner .item div.slider--img--small{min-height:100vh !important;height:100vh !important;}
.about--us h1{text-transform:capitalize;}
.slider--caption .carousel-caption{top:35%;}
.booking-table-mobile{padding:0;}

.promotor-block.block-show{display:block;}
.promotor-block.block-hide{display:none;}
.promotor-block{display:block;position:relative;height:80px;width:100%;border-bottom:1px solid #007168;overflow:hidden;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.promotor-block .close-promotor{position:absolute;top:0;left:0;height:100%;width:36px;line-height:80px;text-align:center;font-size:2.5rem;color:#424e4e;}
.promotor-block .brand-info{position:absolute;top:0;left:36px;right:0;height:100%;}
.promotor-block .brand-image{display:inline-block;line-height:82px;}
.promotor-block .brand-image>img{vertical-align:middle;}
.promotor-block .app-descr{display:inline-block;line-height:20px;height:40px;vertical-align:middle;margin-left:10px;}
.promotor-block .brand-text{margin-right:5px;color:#2f3432;font-weight:700;}
.promotor-block .brand-download-info{color:#707676;}
.promotor-block .action-button{background-color:#f4433a;color:#fff;padding:6px 12px;margin:0;font-weight:700;position:absolute;top:25px;right:12px;border-radius:4px;}

.faq-container .faq .panel-title{font-size:14px;font-weight:600;text-align:left;line-height:16px;}
.get-help a{padding:16px 40px;}
#service-history .appointment-top-each span{
    margin-right: 0;
    display: block;
    margin-bottom: 10px;
}
.booking-main-div p span{
    display: inline-block !important;
}
}
@media screen and (min-width:768px) and (max-width:1023px){.get-a-quote-link{padding:9px 5px;font-size:13px;margin-left:-33px;}
}
@media screen and (min-width:767px) and (max-width:1023px){
.car_details .car--img p{margin-top:20px;}
.car_details .car--img p a{font-size:19px;}
.car--details p{font-size:11.5px;}
.delete a{left:55px;}
}

@media screen and (max-width:767px){.delete a{position:relative;top:6px;}
.wizard > .content > .body ul.selected-car{margin-left:0px;padding:0px;}
p.u-bottom a{padding-left:0px;}
.wizard > .content > .body ul.selected-car > li{width:46.5%;}
.steps h2{font-size:20px;text-indent:-71px;margin-left:70px;}
.col-md-3.col-sm-3.col-xs-12.vertical-center{margin:15px 0;}
.img_car{text-align:center;}
.car_details_style{margin:10px 0px 5px 0;}
.car_details_style p{margin:0;margin-top:10px;}
.car_details_style h3{margin:0;}
.car_details_style h5{margin:4px 0;}
.get-a-quote-link{padding:9px 5px;font-size:13px;}
.view_usercar_health img{padding:0px;}

.panel-title{min-width:100%;text-align:center;}

.become-a-mechanic-page ul.nav.navbar-nav.navbar-right{font-size:19px;padding-top:102px;text-align:center;margin:0 auto;position:static;}

#myNavbar ul.sub-menu{display:block;padding:0;}
#myNavbar ul.sub-menu .sub-menu-item a{color:#FFF;font-size:14px;}
.mechanic-community .about--our-mechanic p{font-size:17px;line-height:22.1px;color:#4d4052;margin-left:0;font-family:AvenirNextLTPro Regular;}

#app .user-payment-page .panel, #app .refer-a-friend-page .panel {padding: 28px 24px;}
.user-payment-page .table-responsive {width: 100%;border: 0;}
.user-payment-page .panel-body, #app .refer-a-friend-page .panel-body  {padding: 0;border: 0;}
#app .user-payment-page table, #app .user-payment-page table thead, #app .user-payment-page table tr, #app .user-payment-page table th, #app .user-payment-page table tbody, #app .user-payment-page table td, #app .user-payment-page table tfoot {display: block;width: 100%;border: 0;}
#app .user-payment-page table th {margin: 0 auto 29px;}
#app .user-payment-page table td span.btn.record-btn {margin-bottom: 19px;}

.main-sidebar, .left-side {padding-top: 0;	z-index: 9999;}
.top-bar {padding: 0;}
.main-header .sidebar-toggle {padding: 18px 14px 16px;}
.top-bar .hide-in-mobile {display: none;}
.top-bar > ul > li {margin: 0;padding: 16px 16px;border-left: 1px solid #dbd9dc;}
.top-bar > ul > li, .top-bar > ul > li h6 {margin: 0;}
.top-bar .dropdown-menu {left: -120px;}

.dashboard-each-row h2 {font-size: 22px;}
.dashboard-up-sec.clearfix {padding: 14px 0;}
.dashboard-up-sec table, .dashboard-up-sec table tbody, .dashboard-up-sec table tr, .dashboard-up-sec table th.mobile-visible, .dashboard-up-sec table td {
	display: block;	width: 100%;text-align: center;border-right: 0;}
.dashboard-up-sec table th {display: none;}
.dashboard-up-sec table tr{border-bottom: 1px solid #dbd9dc;}
.dashboard-each-row .dashboard-down-left, .dashboard-each-row .dashboard-down-right {padding: 0;}
.dashboard-down-sec h4 {text-transform: none;color: #878687;font-size: 14px;margin: 0 auto 30px;}
#app .dashboard-each-row .dashboard-down-right a {margin: 0 auto;}
.panel-heading-right {text-align: center;}
.car_details > .row .container > div.car_details_style {padding: 10px 15px;}

.main-footer {text-align: center;}
.sidebar-mini .main-footer strong, .sidebar-mini .main-footer, .sidebar-mini .main-footer b {font-weight: 400;font-size: 15px;line-height: normal;}
.sidebar-mini .main-footer strong {display: block;}

#calendar table th {font-size: 16px;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {font-size: 18px;}
.fc-day-grid.fc-unselectable > .fc-row.fc-week.fc-widget-content, .fc-row .fc-content-skeleton {height: 45px !important;}
.fc-event {padding: 1px 4px;font-size: 11px;line-height: normal;top: -24px;}
.popover {padding: 12px 10px;max-width: 260px;width: auto !important;}
.popover-title, .popover-content {font-size: 15px;line-height: normal;}

h3.modal-title {font-size: 22px;}
.booking-date {font-size: 20px;}
.modal-body.schedule-availability > div, #schedule-booking-modal .form-group.add_1 > div, .service-amount-table-div, .service-amount-table-div > div {padding: 0;}
.modal-content h4 {font-size: 14px;line-height: 19px;}
.time .icheckbox_line-blue, .time .iradio_line-blue {font-size: 13px;}
.schedule-availability .i-check {display: inline-block;	width: 31.5%;padding: 0 5px;float:none;}
.modal .service-amount-table-div .iradio_line-blue {padding: 14px 30px;margin: 10px auto 0;}
.schedule-availability .time .iradio_line-blue {/*max-width: 65px;*/ margin: 0 auto;}
.modal-body.schedule-availability > br {display: none;}
#schedule-booking-modal.modal .red-btn, #schedule-booking-modal.modal .grey-btn{ padding: 12px 23px; min-width: 130px;}
#schedule-booking-modal table td{ font-size:15px;}
#map {height: 146px !important;}
#schedule-booking-modal .modal-body{
    padding: 15px;
}
.servive-amount-table-div, .servive-amount-table-div > div, #schedule-booking-modal .modal-content h4 > div {
    padding: 0;
}
.icheckbox_line-blue, .iradio_line-blue{
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;
}
#schedule-booking-modal.modal .grey-btn {
	margin-left: 5px;
}
.time .icheckbox_line-blue, .time .iradio_line-blue{
    border-radius: 2px !important;
}
.servive-amount-table-div .icheckbox_line-blue .icheck_line-icon, .servive-amount-table-div .iradio_line-blue .icheck_line-icon{
    display: inline-block;
    margin-right: 8px;
    position: static;
}
.highlight-day .fc-day-number{
    font-size: 18px !important;
    top: -8px;
}
}

@media screen and (max-width:500px){
.wizard > .content > .body .listings ul > li, .wizard > .content > .body ul.selected-car > li{width:47.9%;margin:5px 6px 5px 0px;}
.service-types-container .service-type-nav > li > a{padding:8px 4px !important;font-size:14px !important;}
.star_rating{width:100%;padding:3px 8px 72px 6px;}
.rating.star{margin:0 auto;display:block;text-align:center;float:none;}
.rating.star > label{margin:1px;width:19%;}

.search__input .form-control{margin:11px auto;width:100% }
.search__input__button .btn-group{margin:0px auto;width:100%;display:block;}
#searchclear{right:20px;}
}

@media (max-width:425px){
    .fc-day-grid-event .fc-content{
        font-size: 9px;
    }
}

@media (max-width:424px){
.user-quotes-page .nav-tabs > li > a {padding: 10px 0;font-size: 14px;}	
.sidebar-mini #app .red-btn, .sidebar-mini #app .grey-btn, .modal .red-btn, .modal .grey-btn, .sidebar-mini #app .green-btn, #app .panel-bd > .panel-heading .btn.grey-btn{padding:14px 22px;}
}


@media screen and (max-width:410px){
.select_car ul li label{padding:4px !important;}
.sub-services-option-container ul li.sub-services-option label{font-size:10px !important;padding:10px 2px !important;}
.sidebar-mini #app .refer-friend-left-each-row .btn {font-size: 13px;padding: 14px 25px;}
#quotes .panel-body {
	padding: 0 15px;
}
#appointments .panel-body {
	padding: 0;
}
/* .fc-day-grid-event .fc-content {
	font-size: 9px;
} */
.highlight-day .fc-day-number{
    font-size: 13px !important;
    top: -6px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	font-size: 13px;
}
#calendar table th {
	font-size: 13px;
}
}

@media screen and (max-width:370px){p.u-bottom{font-size:10px;}
}

#myCarousel .carousel-inner .item img {
    margin: 0 auto !important;
}