.service_record_service_location span.frm_error_msg,.odo-reading span.frm_error_msg{margin-left:15px;padding-top:5px}
#nick,#nick-sm{font-family:"GenesisSansHeadOffice-Light";font-size:18px;display:block;margin-bottom:30px;text-transform:uppercase}
#add_service_record .date-of-service span.frm_error_msg{margin-left:8px;padding:5px;display:block;margin-top:-20px}
#lower-save{margin-bottom:70px}
#main-norm .head-panel a{font-family:"GenesisSansTextOffice-Medium";font-size:14px}
#main-norm .head-panel{margin-bottom:0}
#main-repair .head-panel a{font-family:"GenesisSansTextOffice-Medium";font-size:14px}
#add_service{margin-left:70px;width:800px;max-width:800px}
.service-details_top a{margin:30px 0 20px 0;border-bottom:0;text-transform:none}
#add_service .service-details_top h1{margin-top:0;margin-bottom:3px;font-family:"GenesisSansHeadOffice-Light";font-size:42px}
.service-details_top span{color:grey;font-family:"GenesisSansHeadOffice-Regular"}
.add-service-label-select{width:138px;margin-top:-13px !important;position:absolute;margin-left:10px !important;background-color:white;z-index:1;padding:0 5px 0 5px}
.add-service-label-select.ownerupdate{width:145px}
.date-of-service{margin-top:20px;width:280px;height:50px;border:1px solid #ccc}
.date-of-service>input{position:absolute;width:55px;height:40px;border:0;font-family:"GenesisSansTextOffice-Medium";font-size:14px;text-align:center}
.date-of-service input:first-child{margin-left:8px;margin-top:5px;float:left}
.date-of-service input:nth-of-type(1){margin-top:5px;margin-left:16px}
.date-of-service input:nth-of-type(2){margin-left:92px;margin-top:5px}
.date-of-service input:nth-last-child(2){margin-left:168px;margin-top:5px}
.field-divider-date1,.field-divider-date2{height:55px;width:1px;background-color:#ccc;position:relative;-ms-transform:rotate(45deg);-ms-transform-origin:20% 40%;-webkit-transform:rotate(45deg);-webkit-transform-origin:20% 40%;transform:rotate(30deg);transform-origin:20% 40%;z-index:5;display:inline-table}
.field-divider-date1{top:-7px;left:30%}
.field-divider-date2{top:-8px;left:55%}
.srvc-loc,.odo-reading{margin-top:20px;position:relative;margin-bottom:20px}
.input_legend.flt_lbl_black_srvc{color:black}
.service-details_entry p{margin-bottom:22px}
.service-details_entry .input_legend,.service-details_entry .flt_lbl_black{color:#000;background-color:#fff}
.service-details_entry p{font-size:11.5px;color:grey}
.service-details_entry p{font-size:13px;color:grey;margin-top:-10px !important;position:absolute}
#service_location{border-color:#ccc;background-color:#fff;width:280px;color:#000}
.login-password #service_location::-webkit-input-placeholder{color:$black !important}
.login-password #service_location:-moz-placeholder{color:$black}
.login-password #service_location::-moz-placeholder{color:$black}
#read-odometer{border-color:#ccc;background-color:#fff;width:280px;color:#000}
.login-username #read-odometer::-webkit-input-placeholder{color:$black !important}
.login-username #read-odometer:-moz-placeholder{color:$black}
.login-username #read-odometer::-moz-placeholder{color:$black}
.checked-list{margin-top:50px !important}
.srvc-panel{border-bottom:1px solid #ccc;margin-bottom:0 !important;font-family:"GenesisSansHeadOffice-Light";font-size:20px;padding-left:10px}
.checked-list a{border-bottom:none !important;font-family:"GenesisSansTextOffice-Medium";margin-left:10px;font-size:25px;display:inline-block}
.head-panel a{border-bottom:none !important;font-family:"GenesisSansTextOffice-Medium";margin-left:10px;font-size:14px}
.head-panel{border-bottom:1px solid #ccc;margin-bottom:20px}
#parts1{margin-top:27px;margin-bottom:10px;overflow:hidden}
.checkbox-custom{display:inline-block;width:25px;height:25px;background:transparent;border:solid 1px #ccc;margin-right:15px}
.checkbox-custom.checked{background:url(clientlib-site/images/checkbox-check.png) no-repeat;background-size:16px;background-position:4px 6px}
.check-options1{width:50%;margin-left:10px;margin-right:-10px;float:left}
.check-options1 label{font-family:"GenesisSansTextOffice-Regular"}
.check-options1 p{font-family:"GenesisSansTextOffice-Regular"}
.checkbox-opt{margin-bottom:15px;width:100%}
.checkbox-opt img{margin-left:7px}
.checkbox-opt p{width:100%;margin-left:40px}
.checkbox-opt:last-child{margin-bottom:0}
#parts2{margin-top:27px;overflow:hidden}
.checkbox-custom{display:inline-block;width:25px;height:25px;background:transparent;border:solid 1px #ccc;margin-right:15px}
.checkbox-custom.checked{background:url(clientlib-site/images/checkbox-check.png) no-repeat;background-size:16px;background-position:4px 6px}
.check-options2{margin-bottom:40px;width:50%;float:left}
.login-password #other-services{border-color:#ccc;background-color:#fff;width:280px;color:#000;width:100%}
.login-password #other-services::-webkit-input-placeholder{color:$black !important}
.login-password #other-services:-moz-placeholder{color:$black}
.login-password #other-services::-moz-placeholder{color:$black}
.other_service{margin-top:50px}
.other_service .input_legend,.other_service .flt_lbl_black{color:#000;background-color:#fff}
.login-password #optional-notes{border-color:#ccc;background-color:#fff;width:280px;color:#000;width:100%;height:250px;padding-top:15px;resize:none}
.login-password #optional-notes::-webkit-input-placeholder{color:$black !important}
.login-password #optional-notes:-moz-placeholder{color:$black}
.login-password #optional-notes::-moz-placeholder{color:$black}
.notes{margin-top:20px;margin-bottom:25px}
.notes .input_legend,.notes .flt_lbl_black{color:#000;background-color:#fff}
#textarea_feedback{font-family:"GenesisSansTextOffice-Regular";margin-top:-19px}
#add_service_record .attach_file_contactus{margin-bottom:45px;width:100%}
#add_service_record .attach_file_contactus .dropzone_sr{margin:0;border:1px dashed #ccc;background:#f3f3f3;display:block;line-height:90px;text-transform:uppercase}
.dropzone_sr:after{content:'';position:relative;top:-108px;left:-16px;right:15px;bottom:64px;background:white;z-index:-1;border:1px solid #ccc;display:block;height:120px;width:104%}
#add_service_record .attach_file_contactus img{margin-left:20px}
#add_service_record .attach_file_contactus span{font-family:"GenesisSansTextOffice-Regular";margin-top:25px}
#uploaded-files{height:100px;margin-bottom:41px}
#lower-save a{margin-left:25px}
#lower-save input{width:210px}
#parts2 .check-box label:before,#parts1 .check-box label:before{content:" ";display:inline-block;position:relative;top:5px;margin:0 12px -2.5px -35px;width:25px;height:25px;border-radius:0;border:1px solid #ccc;background-color:transparent}
#parts2 .check-box,#parts1 .check-box{width:90%}
@media(max-width:767px) and (min-width:100px){#add_service{margin-left:15px;width:290px}
.login-username{margin-bottom:8px;width:100%}
.service-details_top{margin-bottom:0;margin-top:5px}
.service-details_top a{color:grey;font-family:"GenesisSansTextOffice-Regular";margin-left:2px;border-bottom:none !important}
.service-details_top h1{margin-top:-4px;margin-bottom:0;width:320px}
.service-details_top span{margin-left:1px;color:grey;font-family:"GenesisSansHeadOffice-Regular"}
.service-details_entry{width:100%;margin-left:1px}
.date_of-service{width:100%;margin-bottom:0}
#service_location{width:100%;margin-bottom:0}
#read-odometer{width:100%;margin-bottom:0}
.checked-list{margin-top:75px !important}
.head-panel a{margin-left:0;font-size:14px}
.check-options1,.check-options2{width:100%;margin-left:0}
#attach_file_sr a{margin-left:5px;border-bottom:none !important}
#attach_file_sr span{font-family:"GenesisSansTextOffice-Regular"}
#uploaded-files{position:relative;height:100px;top:15px !important;margin-bottom:41px}
#uploaded-files span{font-family:"GenesisSansTextOffice-Medium"}
#lower-save input{width:290px}
#lower-save a{margin-top:25px;margin-left:120px;margin-bottom:40px}
.service-details_entry p{margin-top:0 !important;width:310px}
#nick,#nick-sm{font-size:14px}
}
@media(max-width:1024px) and (min-width:768px){#add_service{margin-left:15px;width:100%;padding:0 20px;margin:0}
.service-details_entry p{position:static}
}
@media(max-width:767px) and (min-width:100px){#parts1{margin-bottom:-17px}
#parts2{margin-bottom:-40px}
.other_service{margin-top:40px}
.other_service .login-password .input-txt,.input-pwd{margin-bottom:0}
#lower-save{margin-bottom:0}
.checked-list .srvc-panel{padding-left:0;padding-top:30px}
#optional-notes{margin-bottom:10px}
.notes .login-password.form-row{margin-bottom:10px}
}
@media screen and (max-device-width:1024px) and (min-device-width:768px){.date-of-service input:nth-last-child(2){margin-left:160px}
}
#nick-sm .vehi_nick{display:block}
@media(max-width:767px){.popover .popover-content{padding:15px}
}
#service_location,#read-odometer,#other-services,#optional-notes{background:transparent !important}
INPUT.frm-txt:focus ~ .place_holder{transition:top .2s ease,font-size .2s ease,color .2s ease}
#add_service .service-details_entry abbr.ph_caption{font-size:12px}
@media(max-width:767px){.dropzone_sr:after{width:112.5%}
}
.service-details_entry p.error-text{color:#fff;position:relative;margin-top:0 !important}
@media(max-width:767px){.service-details_entry p.error-text{width:auto}
}
@media(max-width:767px) and (min-width:420px){#add_service_record .attach_file_contactus span.file_delete img{margin-right:-10px}
.extra-progress-wrapper .show-error{margin-left:20px !important}
}
@media(min-width:100px) and (max-width:767px){#add_service_record .attach_file_contactus span.upload_action img{margin-left:-5px}
#add_service_record .attach_file_contactus .dropzone_sr{margin-bottom:25px}
}
@media(min-width:100px) and (max-width:420px){.extra-progress-wrapper .show-error{margin-left:17px !important}
}
.attachedUpload_file{height:50px}
.dealer-locator .modal-dialog{width:80% !important}
.model-body{position:relative}
#map-dealer-locator{min-height:500px;width:100%;margin-bottom:15px}
.margin-adjust{margin-left:0;margin-right:0}
.dealer-locator .modal-header{margin-right:20px;margin-left:20px;padding-left:0 !important;border:0}
.search-panel{width:300px;margin-left:15px;background:#fff;outline:0;position:absolute;top:10px;left:10px}
.search-panel .row{margin-left:0;margin-right:0;padding-left:15px;padding-right:15px}
.search-panel .row>div{padding-left:0;padding-right:0}
.search-panel .row-search{padding:0;border-bottom:1px solid #ccc}
.search-panel .row-devider{border-bottom:1px solid #ccc;padding-bottom:15px}
.search-panel .modal-close{display:none}
.search-panel input{width:100%;color:#000;padding-right:30px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
.search-panel input:focus{width:100%;color:#000;padding-right:30px;outline:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none;border:1px solid #ccc}
#search::-webkit-input-placeholder{color:#000 !important}
#search::-moz-placeholder{color:#000}
#search:-ms-input-placeholder{color:#000}
#search:-moz-placeholder{color:#000}
.search-panel .form-group{margin:0;padding:0}
.search-panel .form-group .glyphicon-search{position:absolute;top:17px;right:15px;font-size:18px;cursor:pointer}
.search-results{overflow-y:scroll;min-height:370px;height:372px}
.search-results ul li,.search-results ul{list-style-type:none}
.search-results ul.list-group{margin:0;border:0}
.search-results .list-group li:before{content:""}
.search-results .list-group-item{border:0;border-bottom:1px solid #ccc;border-radius:0;padding:20px 0;margin-bottom:0}
.search-results .dealer-title{text-transform:capitalize}
.search-results .review-text{text-decoration:underline}
.search-results .delear-address{margin:10px 0}
.search-results .gm-miles-text{color:#804033;text-align:center;display:block}
.search-result-image{background:url(../../../../content/dam/mygenesis/us/mygenesis/image/map_marker.svg) no-repeat center;display:block;height:48px;text-align:center;vertical-align:middle;color:#804033;font-size:14px;padding-top:8px;cursor:pointer}
.view_more_button:hover{color:#804033}
.view_more_button{display:block;text-align:center;cursor:pointer;margin:15px auto 15px auto;width:80px}
.view_more_button_image{background:url(clientlib-site/images/arrow.jpg) no-repeat center;display:block;height:10px}
.current_service_location_class,.current_service_location_class:hover{background-color:#f3f3f3 !important}
.current_service_location_class .search-result-image{background:url(../../../../content/dam/mygenesis/us/mygenesis/image/active_map_marker.svg) no-repeat center;display:block;height:48px;text-align:center;vertical-align:middle;color:#fff;font-size:18px;padding-top:5px}
.search-results .list-group li:hover{background-color:#f3f3f3}
.current-location a{font-size:13px}
.search-results .delear-address,.search-results .dealer-title,.dealer-details-iw .dealer-title,.dealer-details-iw .delear-address{text-transform:capitalize}
.search-results .dealer-title{font-size:16px;font-weight:bold}
.dealer-details .col-lg-3{width:15%;margin-right:20px}
.gm-style .gm-style-iw{font-size:12px !important;overflow:hidden !important;top:0 !important;left:20px !important;font-family:"GenesisSansText-Regular" !important}
.dealer-details-iw{width:270px !important;min-height:130px !important;max-height:167px !important}
.dealer-details-iw .gm-miles-text{color:#804033}
.dealer-details-iw .dealer-title{font-size:16px;font-weight:bold}
.dealer-details-iw .delear-address{margin:5px 0}
.error_message p{padding:10px;color:#c40712}
span.stars,span.stars span{display:inline-block;background:url("clientlib-site/images/ratings.png") 0 -19px repeat-x;width:95px;height:18px;margin-right:10px;vertical-align:top}
span.stars span{background-position:0 0}
.addressblk_addresstxt .get_direction{display:block;margin-top:10px}
.addressblk_addresstxt{text-transform:capitalize}
.pref-contact a{color:#666;border-bottom:0;pointer-events:none}
.mapservice_wrps .pref-contact a{border-bottom:0}
@media(max-width:450px) and (min-width:320px){#dealer_locator_txt{width:300px !important;position:absolute;line-height:32px;font-size:30px}
}
@media(max-width:768px){#dealer_locator_txt{width:400px;position:absolute;line-height:32px;font-size:30px}
}
@media(max-width:768px) and (min-width:320px){.pref-contact a{color:#666;border-bottom:0;pointer-events:visible}
.mapservice_wrps .pref-contact a{border-bottom:0}
.search-panel .modal-close{position:absolute;right:-10px;display:block}
.search-panel{margin-left:0;width:95%}
.dealer-locator .modal-header{height:90px}
.search-panel .scroller{display:none}
#modal-dealer-locator .margin-adjust{margin-left:-15px;margin-right:-15px}
.search-panel .row-search{padding:0;border-bottom:0;box-shadow:3px 3px 3px #ccc}
.search-panel input{margin-bottom:0 !important}
}
@media(max-width:767px){.dealer-locator .modal-dialog{width:100% !important}
}
.vh-alertstep .bx-wrapper li{width:360px !important}
@media(min-width :769px) and (max-width :1024px){.search-panel{width:300px}
.search-panel .scroller{display:none}
}
@media(max-width:1024px){.dealer-phone a{border-bottom:solid 1px #000 !important;line-height:10px}
}
.loct_serve label{margin-top:10px;margin-left:0;color:grey;margin-bottom:10px;font-size:12px}
.serve-loc span{font-family:"GenesisSansTextOffice-Medium";margin-bottom:-2px}
.serve-detail{margin-top:-6px}
.serve-detail p{margin-bottom:1px;font-family:"GenesisSansTextOffice-Regular"}
.low-pop-btn{margin-bottom:30px}
.low-pop-btn input{margin-top:28px;margin-right:27px;width:270px;height:51px;font-size:16px;font-family:"GenesisSansHeadOffice-Light" !important}
.low-pop-a{display:inline-block}
.low-pop-a a{margin-top:5px}
.low-pop-a a:hover{background:transparent;color:#804033}
.service-appoint p{margin-left:0;margin-top:-1px}
.sc_src .hyundai-modal-header{margin-top:14px;margin-left:26px}
@media(max-width:767px) and (min-width:100px){.low-pop-btn{text-align:center}
.low-pop-btn .low-pop-a{margin-top:25px}
}
#info_tooltip:hover ~ #tooltip_mileage{display:inline-block}
#tooltip_mileage{display:none;position:absolute;background-color:#333;box-shadow:2px 2px 7px #999;background:#fff;border:solid 1px #999;z-index:100;padding:15px;width:200px;left:50px;top:-50px;color:#000}
@media(max-width:767px){#tooltip_mileage{left:-110px;top:40px}
#service_hisory_records .col-xs-12.right_class{padding:0}
#service_hisory_records a.show-md{display:inline-block !important;float:left;padding:0;padding-top:5px}
}
#service_hisory_records .hidden-xs.addrecordVehiclehealth{margin-top:4px !important;padding-bottom:0}
@media(max-width:767px) and (orientation:landscape){#service_hisory_records a.show-md{margin-top:4px !important;padding-bottom:1px}
span.upper-icon img{height:20px}
}
@media(max-width:1024px) and (min-width:768px){.vehiclehealthservicehistory .service-history-wrps{padding:30px 15px 30px 15px}
.vehiclehealthservicehistory .service-history-wrps .h3head-title{margin-left:0 !important}
.vehiclehealthservicehistory .service-history-wrps .row{margin-right:0;margin-left:0}
}
@media(max-width:767px){.vehiclehealthservicehistory .service-history-wrps{padding:30px 15px 30px 15px}
.vehiclehealthservicehistory .service-history-wrps .h3head-title{margin-left:0 !important}
}
@media(min-width:768px){a.show-md{display:none;margin:15px 0}
}
.alertstep-block .alertstepblk-button .btn{padding:14px 32px}
div.loct_serve_font label{font-family:"GenesisSansTextOffice-Regular" !important}
.serve_loc_font{font-family:"GenesisSansTextOffice-Regular" !important;font-size:16px !important}
.serve_detail_font{font-family:"GenesisSansTextOffice-Regular" !important;font-size:16px !important}
.valetpickup_font{font-family:"GenesisSansHeadOffice-Light" !important}
.schedule_drop_font{font-size:14px !important;font-family:"GenesisSansTextOffice-Regular" !important}
@media(min-width:1200px){.alertstep-block.alertstep-warning-recall .alertstepblk-button .btn{padding:14px 15px}
}
@media(max-width:1199px) and (min-width:768px){.alertstep-block.alertstep-warning-recall .alertstepblk-button .btn{padding:14px 5px}
.alertstep-block.alertstep-danger-recall .alertstepblk-button .btn{padding:14px 25px}
}
@media(max-width:480px){.alertstep-block.alertstep-warning-recall .alertstepblk-button .btn{padding:14px 5px !important}
}
@media(max-width:768px){.upper-icon a{margin:0 16px 0 0}
.service-history-wrps .h3head-title{font-size:26px !important}
.service-history-wrps #service_hisory_blank .h3head-title{margin-left:0 !important}
}
.service-history-wrps #service_hisory_blank .h3head-title{margin-left:0 !important}
.upper-icon a span{border-bottom:1px solid}
.input_error+label.floating_label,.input_error+span+.place_holder{color:#c40712 !important}
.vehicle-health-v5-wrps .schedule_service_btn .schedule_service_btn:hover{background:#3c3c3c;border:1px solid #3c3c3c}
.vehicle-health-v5-wrps .schedule_service_btn .schedule_service_btn{border:1px solid #000}
#service_hisory_records .upper-icon{padding-bottom:10px}
.position-fixed{position:fixed}
.bx-wrapper .bx-viewport{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;left:0}
.mainDiv{position:absolute;width:1153px;height:120px;top:20px}
@media(min-width:768px) and (max-width:1024px){.mainDiv{width:96%}
}
@media(min-width:768px) and (max-width:1024px) and (orientation :landscape){.mainDiv{width:955px}
}
.timeline_gen25_wrapper .mainDiv{top:110px}
.recom-mntc{padding-left:0;padding-right:0}
#driver_habit,.view_full_timeline,.addressEdit.addressblk_btnedit,.addressblk_addresstxt .get_direction a,#retailer-web,#service_hisory_records>a{border-bottom:solid 1px #000 !important}
.view_full_timeline:hover,.view_full_timeline:focus,#mvhr_feature:hover,#mvhr_feature:focus,#driver_habit:hover,#driver_habit:focus,.addressEdit.addressblk_btnedit:hover,.addressEdit.addressblk_btnedit:focus,.addressblk_addresstxt .get_direction a:hover,.addressblk_addresstxt .get_direction a:focus,#retailer-web:hover,#retailer-web:focus,#service_hisory_records>a:hover,#service_hisory_records>a:focus .pref-contact a:hover,.pref-contact a:focus{border-bottom:solid 1px #804033 !important}
#myCanvas{z-index:2;position:absolute;left:15px;top:20px}
.firstBack{background-color:#dbdbdb;width:100%;height:30px;margin-top:45px}
.mileS{position:absolute;background-color:#888;width:4px;height:60px;margin-top:-30px}
.milesBack{position:absolute;background-color:#888;width:100%;height:5px;margin-top:-16px}
.submileS{position:absolute;background-color:#888;width:2px;height:30px;margin-top:-30px}
.mileVals{position:absolute;margin-top:30px;font-family:sans-serif;font-size:16px;color:#888}
#MLS1{left:0}
#MLS2{left:20%}
#MLS3{left:40%}
#MLS4{left:60%}
#MLS5{left:80%}
#MLS6{left:100%}
#sMLS1{left:10%}
#sMLS2{left:30%}
#sMLS3{left:50%}
#sMLS4{left:70%}
#sMLS5{left:90%}
#MLV2{left:17%}
#MLV3{left:37%}
#MLV4{left:57%}
#MLV5{left:77%}
#MLV6{right:-6px}
.complimentary-desc .active.inactive{color:#c40712}
.complimentary-desc .service-align{float:right;margin-right:35px}
@media(max-width:760px){.mainDiv,#myCanvas{top:80px}
.view_full_timeline{margin-top:10px;font-size:13px !important;margin-left:-15px}
.recom-mntc{font-size:18px}
.recommended-timeline-desc a{margin-left:0;margin-top:8px}
.recommended-timeline-desc p{padding-left:15px}
}
.timeline_gen25_wrapper.timeline_ppm_wrapper{padding:74px 0}
.timeline_gen25_wrapper #myCanvas{top:106.5px}
.timeline_gen25_wrapper .canvas_section .firstBack{background-color:#dbdbdb;width:calc(100% + 3px) !important;height:25px;margin-top:45px}
.timeline_gen25_wrapper .canvas_section .mainDiv2 .firstBack{background-color:#dbdbdb;width:calc(100%) !important;height:25px;margin-top:45px}
.timeline_gen25_wrapper .canvas_section .milesBack{height:13px;margin-top:-19px;width:80%;background-color:transparent}
.timeline_gen25_wrapper .canvas_section .mileS{width:3px;height:48px;margin-top:-25px}
.timeline_gen25_wrapper .canvas_section .submileS{width:2px;height:29px;margin-top:-25px}
.timeline_gen25_wrapper .canvas_section .mileVals{margin-top:24px;font-size:12px}
.timeline_gen25_wrapper .recommended-notimeline-desc#notimeline{margin-bottom:20px;visibility:hidden}
.timeline_gen25_wrapper .recom-mntc.title-font-size{font-size:25px}
.timeline_gen25_wrapper .view_full_timeline.timeline-align-bottom{margin:0;float:unset;margin-top:25px;border-bottom:0 !important;text-decoration:underline !important;display:inline-block !important;margin-right:43px}
.timeline_gen25_wrapper .disabled .mainDiv{top:100px}
.timeline_gen25_wrapper #timtlineMainblock .recommended-timeline-desc.margin-top0{margin-top:0 !important;float:left;margin-left:4px}
.timeline_gen25_wrapper .canvas_section{display:block;float:left;width:101.1%;margin-top:0;margin-bottom:20px;margin-left:auto}
.timeline_gen25_wrapper .recommended-timeline-desc.title-bold{margin-top:100px;font-size:20px;font-family:"GenesisSansTextOffice-Regular";float:right !important;margin-left:0;margin-bottom:25px;color:#000}
.second-title.days_timeline #recMain{font-size:18px;text-align:left;padding-left:0}
.timeline_gen25_wrapper .recommended-timeline-desc.title-bold p.top_padding15{margin:0 0 15px;text-align:left;color:#666;font-size:18px}
.timeline_gen25_wrapper .recommended-timeline-desc #vehMaintInterval,.timeline_gen25_wrapper .no_action_miles{font-family:"GenesisSansTextOffice-Regular";color:#000}
.timeline_gen25_wrapper #MLV2{left:18%}
.timeline_gen25_wrapper #MLV3{left:38%}
.timeline_gen25_wrapper #MLV4{left:58%}
.timeline_gen25_wrapper #MLV5{left:78%}
.timeline_gen25_wrapper .info_box{background:#fff;display:inline-block;padding:10px 10px 5px 10px;border-radius:5px;box-shadow:0 0 8px -5px #000;line-height:15px;margin-top:40px;margin-bottom:10px;z-index:99;position:relative;bottom:20px;left:5px;min-width:128px;max-width:200px;white-space:nowrap;color:#000}
@media(min-width:768px){.timeline_gen25_wrapper .canvas_section .mainDiv2 .firstBack{width:calc(100% + 5px) !important}
.timeline_gen25_wrapper #myCanvas{top:93.5px}
}
.timeline_gen25_wrapper .disabled #myCanvas{display:block}
.timeline_gen25_wrapper .toolTip_arrow{cursor:pointer;position:absolute;width:23px;height:38px;bottom:-34px;right:54px;background-image:url(clientlib-site/images/down_arrow.png) !important;background-repeat:no-repeat;background-position:-5px 0}
.timeline_gen25_wrapper .info_box.hideInfoBox{display:none !important}
.timeline_gen25_wrapper .info_box p,.timeline_gen25_wrapper .info_box h3{margin-bottom:5px}
.timeline_gen25_wrapper .info_box h3{font-weight:bold;font-family:"GenesisSansHead-regular"}
.timeline_gen25_wrapper .recommended-notimeline-desc.position-remove{position:relative;z-index:inherit;top:0;padding-top:10px;padding-left:0}
.alertstepblk-count-text.timeline_gen25_wrapper{text-align:left;width:63%}
.alertstepblk-count-text.timeline_gen25_wrapper .alertstep-number.no_of_days_maintenance_miles{line-height:normal}
.timeline_gen25_wrapper .canvas_section .mainDiv{position:absolute;width:99%;height:106px;top:100px;margin-top:0}
.timeline_gen25_wrapper .title-bold a#driver_habit{font-size:14px;margin-left:0 !important}
.timeline_gen25_wrapper .recommended-timeline-desc.title-bold.second-title{display:block;float:left;width:100%;margin-top:5px;text-align:right;margin-right:0}
.timeline_gen25_wrapper .leftElement{float:left}
.timeline_gen25_wrapper .rightElement{float:right;text-align:right;margin-right:-9px}
.timeline_gen25_wrapper .rightElement p,.timeline_gen25_wrapper .leftElement p{line-height:10px;font-weight:bold;color:#888;font-size:14px}
.basePanel{margin-top:50px;font:"14px GenesisSansTextOffice-Regular";font-weight:800}
#myCanvas2{position:absolute;margin-top:-3px;z-index:2;margin-left:1px;display:none}
.canvas_section.for_gen25 .mainDiv2,.canvas_section.for_gen25 .recommended-timeline-desc,.canvas_section.for_gen25 ~ .recommended-timeline-desc>p,.canvas_section.for_gen25 ~ .clearfix{display:none}
.canvas_section.for_gen25.timeline_gen25 .mainDiv2,.canvas_section.for_gen25.timeline_gen25 .recommended-timeline-desc,.canvas_section.for_gen25.timeline_gen25 ~ .recommended-timeline-desc>p,.canvas_section.for_gen25.timeline_gen25 ~ .clearfix,.canvas_section.for_gen25.timeline_gen25 #myCanvas2{display:block}
.timeline_gen25_wrapper .timeline_gen25 .mainDiv2{width:100%;position:relative;display:block}
#mls_2,#mlv_2{left:calc(50% - 2px)}
.timeline_gen25_wrapper .percentageRow #mlv_2{left:49%}
.timeline_gen25_wrapper .percentageRow #mlv_3{left:98%}
#mls_3,#mlv_3{left:calc(100% + 5px)}
@media(max-width:767px){.timeline_gen25_wrapper .rightElement{margin-right:0}
#mls_3{left:calc(100% - 5px)}
}
#smls_1{left:10%}
#smls_2{left:20%}
#smls_3{left:30%}
#smls_4{left:40%}
#smls_5{left:60%}
#smls_6{left:70%}
#smls_7{left:80%}
#smls_8{left:90%}
@media(max-width:1024px) and (min-width:768px){.timeline_gen25_wrapper.timeline_ppm_wrapper{padding:74px 0 0}
.timeline_gen25_wrapper .canvas_section .mainDiv{width:96.5%}
.timeline_gen25_wrapper .title-bold a#driver_habit{margin-top:-10px}
.vh-maintenance-wrps.timeline_gen25_wrapper .recommended-timeline-desc{float:right;margin-right:0;text-align:left;margin-top:120px}
.timeline_gen25_wrapper .recommended-timeline-desc.title-bold p.top_padding15{text-align:right}
}
@media(max-width:767px) and (min-width:320px){.timeline_gen25_wrapper .rightElement p,.timeline_gen25_wrapper .leftElement p{margin-right:0;width:100%;padding-right:0}
.timeline_gen25_wrapper #myCanvas{top:103.5px}
.timeline_gen25_wrapper .title-bold a#driver_habit{margin-top:15px}
.timeline_gen25_wrapper .canvas_section{width:101%}
.timeline_gen25_wrapper .recommended-timeline-desc.title-bold{margin-bottom:0}
.timeline_gen25_wrapper.timeline_ppm_wrapper{padding:50px 0}
.timeline_gen25_wrapper .info_box{left:12px;margin:-5px 0 0 10px;padding:5px;min-width:105px;bottom:-50px}
.timeline_gen25_wrapper .mainDiv2{width:98%}
.timeline_ppm_wrapper.timeline_gen25_wrapper .mainDiv2{width:100%}
.timeline_ppm_wrapper.timeline_gen25_wrapper .canvas_section .mainDiv{width:95%}
.timeline_gen25_wrapper .percentageRow #mlv_3{left:93%}
.timeline_ppm_wrapper.timeline_gen25_wrapper .recommended-timeline-desc{margin-top:125px !important}
.timeline_ppm_wrapper.timeline_gen25_wrapper .recommended-timeline-desc.second-title.days_timeline{margin-top:0 !important}
.timeline_ppm_wrapper.timeline_gen25_wrapper .recommended-timeline-desc.second-title.days_timeline p{padding-left:0 !important}
.vh-maintenance-wrps p{width:100%}
.timeline_gen25_wrapper .recommendedmaintenancetimeline .h3head-title a{margin:10px 5px 0 0}
.timeline_gen25_wrapper #driver_habit{margin-left:10px !important}
.timeline_gen25_wrapper .canvas_section .mainDiv{width:91%}
.timeline_gen25_wrapper .recom-mntc.title-font-size{font-size:22px}
.timeline_gen25_wrapper .canvas_section .mainDiv{top:110px}
.vh-maintenance-wrps.timeline_gen25_wrapper .recommended-timeline-desc{float:left;margin-top:170px !important}
.timeline_gen25_wrapper .recommended-timeline-desc.days_timeline{float:left;margin-top:0 !important}
.timeline_gen25_wrapper .recommended-timeline-desc.title-bold p.top_padding15{margin:0 0 15px;padding-left:0;font-size:18px;width:93%;color:#000;text-align:left}
}
@media(max-width:767px) and (min-width:499px){.timeline_gen25_wrapper .canvas_section .mainDiv{width:94%}
}
@media(max-width:767px) and (min-width:320px){.recommended-timeline-desc{margin-top:224px !important}
#MLV2{left:11.66%;top:90px}
#MLV3{left:31.26%}
#MLV4{left:50.8%;top:90px}
#MLV5{left:68.46%}
#MLV6{right:-6px;top:90px}
#MLV7{right:-6px}
.mainDiv,#myCanvas{top:71px}
.mileVals{font-size:14px}
.mainDiv{position:absolute;width:95%;height:120px;top:71px}
.disabled .mainDiv,.disabled #myCanvas{top:67px}
.disabled .mainDiv{position:absolute;width:95%;height:106px;margin-top:20px}
}
@media(max-width:767px){.complimentary-desc .service-align{margin-right:0}
}
@media(max-width:1024px) and (min-width:768px){.complimentary-desc .service-align{float:none;margin-right:0;margin-top:0;display:table}
}
@media(max-width:320px){.complimentary-desc .service-align{float:none;margin-right:0;margin-top:0;display:table}
}
.modal-dialog.modal-large{width:100% !important;max-width:1240px !important}
#modal_calendar .modal-close{margin-right:16px;margin-top:-8px}
#modal_calendar .remote-lock{width:auto;height:auto}
.xdsoft_datetimepicker{font-family:"GenesisSansHead-Light",Verdana,sans-serif}
.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}
.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}
.xdsoft_datetimepicker button{border:none !important}
.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.xdsoft_noselect::selection{background:transparent}
.xdsoft_noselect::-moz-selection{background:transparent}
.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}
#modal_calendar .hyundai-modal-body{margin:0 10px 0 10px}
.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}
.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block;position:relative}
.xdsoft_datetimepicker .xdsoft_datepicker{margin-top:-50px}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}
.xdsoft_datetimepicker .xdsoft_timepicker{margin-left:20px}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}
.xdsoft_datetimepicker .xdsoft_monthpicker{text-align:center;top:0;right:0;bottom:0;left:0}
.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url("clientlib-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-55px 0;width:40px;height:40px;float:left;text-indent:-9999px}
.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}
.xdsoft_datetimepicker .xdsoft_prev{background-position:-154px 0;position:absolute;left:0;top:52.5%;bottom:50%}
.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}
.xdsoft_datetimepicker .xdsoft_next{background-position:0 0;position:absolute;right:0;top:52.5%;bottom:50%}
.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;text-indent:100%;white-space:nowrap;min-width:0}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:1px;width:1px;display:block;margin-left:14px;margin-top:7px}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{text-align:center;line-height:80px}
.xdsoft_time_group{display:block;float:left;margin:0 10px 0 10px}
.xdsoft_time_group>:first-child{margin-top:0 !important}
.xdsoft_time_variant>:first-child{margin-left:0}
.xdsoft_time_variant>:last-child{margin-right:0}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div{height:80px;width:130px;border:solid 1px #888;font-family:"GenesisSansHead-Light",Verdana,sans-serif;font-size:20px;cursor:pointer;margin:10px 0 20px 0;line-height:80px;font-family:GenesisSansHeadOffice-Light;transition:all 200ms ease-out}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}
.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}
.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}
.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}
.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff}
.xdsoft_datetimepicker .xdsoft_calendar{clear:both}
.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}
.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:inherit;width:100%;border-spacing:20px}
.xdsoft_monthdate .xdsoft_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover .xdsoft_monthdate .xdsoft_month{font-size:14px;color:#888;display:block;margin-bottom:-7px;font-family:"GenesisSansText-Regular",Verdana,sans-serif;text-transform:uppercase}
.xdsoft_datetimepicker .xdsoft_calendar td{border:1px solid #ccc;font-size:42px;text-align:center;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;width:180px;height:120px;transition:all 200ms ease-out}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div.xdsoft_current{color:#fff !important;z-index:999;box-shadow:0 0 10px #ccc;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.1);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.1);-moz-transition:all 200ms ease-in;-moz-transform:scale(1.1);transition:all 200ms ease-in;transform:scale(1.1);background:#804034 !important;border:0}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current .xdsoft_monthdate .xdsoft_month,.xdsoft_datetimepicker .xdsoft_calendar td:hover .xdsoft_monthdate .xdsoft_month{color:#fff}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div>div.xdsoft_time_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div:hover{color:#fff !important;z-index:999;box-shadow:0 0 10px #ccc;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.1);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.1);-moz-transition:all 200ms ease-in;-moz-transform:scale(1.1);transition:all 200ms ease-in;transform:scale(1.1);background:#804034 !important;border:0}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important;transform:inherit !important}
.xdsoft_datetimepicker .xdsoft_calendar th{text-align:center}
.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}
.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}
.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}
.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}
.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}
.xdsoft_scroller_box{position:relative}
.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url("clientlib-site/images/arrows-sprite.png");background-repeat:no-repeat;background-position:-55px 0;width:40px;height:40px}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}
.xdsoft_dark .xdsoft_time_box{border:1px solid #333}
.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}
.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}
.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}
.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}
.back-link{text-transform:capitalize !important;cursor:pointer;font-family:"GenesisSansTextOffice-Regular";display:block;margin-left:20px}
.date-selected{text-transform:capitalize !important;font-family:"GenesisSansTextOffice-Medium";display:block;margin-top:20px;margin-left:20px;margin-bottom:20px}
.time-label,.date-label{font-family:"GenesisSansHeadOffice-Light";display:block;margin-left:20px;font-size:20px !important;margin-bottom:10px}
.mobile-view{display:none}
#btnSelectTime,#btnConfirmDateTime{margin-right:30px}
.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next{z-index:100}
#modal_calendar .back-link:hover{color:#804033 !important}
span.time_part_1{font-size:32px}
span.time_part_2{font-size:22px}
@media(max-width:767px) and (min-width:100px){span.time_part_2{font-size:12px}
span.time_part_1{font-size:16px}
#modal_calendar .modal-dialog{height:100%;margin:0;padding:0}
#modal_calendar .hyundai-modal-footer{padding:30px 15px 30px}
#modal_calendar .hyundai-modal-body{margin:0;padding:0 5px}
.xdsoft_datetimepicker .xdsoft_calendar td{height:60px;font-size:22px}
.calender_close{float:right;margin-top:15px}
.xdsoft_datetimepicker .xdsoft_calendar table{border-spacing:10px}
.xdsoft_monthdate .xdsoft_month{font-size:12px}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div{height:45px;width:60px;font-size:13px;line-height:45px;margin:10px 0 10px 0;font-family:"GenesisSansHeadOffice-Light"}
.xdsoft_time_variant{width:100%}
#btnSelectTime,#btnConfirmDateTime{width:200px;margin-right:35px}
.date-swipe,.time-swipe{font-family:"GenesisSansTextOffice-Regular";text-transform:uppercase;margin-left:10px;margin-bottom:10px}
.time-label,.date-label{margin-left:10px;font-size:18px !important}
.mobile-view{display:block}
.back-link{margin-top:10px;margin-left:10px}
.date-selected{margin-top:10px;margin-left:10px;margin-bottom:10px}
.xdsoft_datetimepicker .xdsoft_timepicker{margin-left:10px}
.time-swipe{margin-left:0 !important}
.xdsoft_time_group{margin:0 0 0 10px}
.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{width:auto;height:auto;position:relative}
.xdsoft_datetimepicker .xdsoft_calendar td{height:80px}
.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_.xdsoft_inline{width:100%}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:last-child{margin-right:0}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div{width:100% !important}
.xdsoft_time_group{width:22%}
.xdsoft_time_group:nth-child(5){margin-left:0}
.xdsoft_datetimepicker .xdsoft_calendar td:hover .xdsoft_monthdate .xdsoft_month{color:#888}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important;transform:inherit !important;border:solid 1px #ccc !important}
}
@media(max-width:1024px) and (min-width:768px){.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div>div{height:85px;width:160px;line-height:85px}
}
input[type=button].btn-schedule,input[type=reset].btn-schedule,input[type=submit].btn-schedule{border:2px solid}
.service_valet_divider{border-bottom:1px solid #ccc}
#service-valet .service-location{text-transform:capitalize;margin-top:10px}
#service-valet-summary .service-location-name{text-transform:capitalize}
.map_error_message{position:absolute;margin-left:46px}
textarea::-moz-placeholder,.g-form-control::-moz-placeholder{color:#000;opacity:1}
.map_error_message,.api_error_message,.xtime_api_error,.dealer_api_error{color:#c40712;margin-bottom:20px;padding:4px;margin-top:10px;display:block}
textarea:-ms-input-placeholder,.g-form-control:-ms-input-placeholder{color:#000}
textarea::-webkit-input-placeholder,.g-form-control::-webkit-input-placeholder{color:#000}
textarea::-ms-expand,.g-form-control::-ms-expand{background-color:transparent;border:0}
.has-error .error{position:relative !important;margin-left:0;border-width:2px;z-index:0;text-transform:none}
.has-error .help-block{color:#c40712}
.has-error .help-block{margin-top:0}
.has-error .phone{z-index:1}
.check-box.has-error{border:1px solid #c40712;padding:10px 10px 10px 45px}
.back-to-previous:hover,.back-to-previous{margin:30px 0 20px 0;text-transform:none;border-bottom:0}
.service-valet h1{margin-top:0;margin-bottom:0}
.vehicle-text{margin:0;font-size:18px;text-transform:uppercase;color:#888}
.body_font{font-family:"GenesisSansHeadOffice-Light" !important}
.h3-title{font-size:20px;text-transform:uppercase;font-family:GenesisSansHeadOffice-Light}
.contact_info_mobile{display:inline-block !important}
.contact_info_mobile span{font-size:12px;display:inline-block !important}
#service-valet-summary .col-lg-3{width:30%}
.lg-nopadding{padding-right:0;padding-left:0}
.space-top{margin-top:20px}
.pick-up-date-time img{margin-left:10px}
.heading-actions{float:right;line-height:40px;margin-left:30px;text-transform:uppercase;margin-top:-39px}
@media(max-width:420px){.heading-actions{float:left;text-transform:uppercase;margin-top:70px !important;margin-bottom:10px;margin-left:0}
}
@media(max-width:767px){.heading-actions{float:left;text-transform:uppercase;margin-top:55px;margin-bottom:10px;margin-left:0}
}
.booktrip_status{float:left;margin-top:15px}
@media(max-width:420px){.booktrip_status{float:left;margin-top:10px !important;width:80%}
}
@media(max-width:767px){.booktrip_status{float:left;margin-left:-105px;width:80%}
}
.heading-actions img{margin-right:5px}
.heading-actions a{font-family:"GenesisSansTextOffice-Medium";color:#888}
.space-down{margin-bottom:20px}
.devider-space{margin-top:20px;margin-bottom:13px}
.form-field{margin:10px 0}
.section-service{display:block;padding:32px 0 15px 0;border-bottom:1px solid #ccc}
.section-service h3{line-height:normal}
.checkbox-space-override{margin:10px}
.checkbox-space-override,.msg-box,.msg-icon{float:left;display:block}
.msg-box p{width:auto;margin:0}
.msg-box{margin-left:10px}
.msg-box .msg-red{color:#c40712}
.msg-box .msg-yellow{color:#e6c809}
.toggler{float:right;height:20px;width:20px}
.text-area{position:relative;margin:20px 0;width:100%}
.text-area textarea{width:100%;padding:10px;height:150px}
.service-valet .input-group-addon{padding:0;border-radius:0;background-color:#fff;border:0}
.service-valet .input-group-addon .radio-item{margin:0;padding-left:0}
.service-valet .input-group-addon .radio-item label:before{top:1px}
.service-valet .input-group-addon .radio-item input[type=radio]:checked+label:after{top:8px;left:10px}
.service-valet .input-group .g-form-label-select{left:46px}
.cta_btn_font{font-family:"GenesisSansHeadOffice-Light" !important}
input[type=button].btn-schedule,input[type=reset].btn-schedule,input[type=submit].btn-schedule{color:#000;background-color:#fff;border-color:#000}
.schedue-details{display:block}
.schedue-details .title{margin:0;color:#888}
#selectedDateTime{font-family:"GenesisSansTextOffice-Regular",Verdana,sans-serif}
.schedue-details .edit{margin-left:20px}
.service-location span{display:block;float:left;margin-right:10px;font-family:GenesisSansTextOffice-Regular;font-size:14px;max-width:250px;word-break:break-all}
.service-location .label-color{font-size:12px;top:2px;position:relative;width:auto}
#valetMap{width:400px;min-height:300px;margin-top:110px}
.service_valet_checkbox{border:none !important;padding:0 0 0 35px !important}
.chkbox_topmargin{margin-top:6px !important;margin-bottom:9px !important}
@media(max-width:768px) and (min-width:320px){.map_error_message{position:relative;margin-left:0}
.msg-box:after{min-width:200px}
.error-fix .form-error{margin-top:20px}
#service-valet-summary .col-lg-3{width:100%}
.xs-padding{padding-right:15px;padding-left:15px;margin-top:10px}
#valetMap{width:100%;min-height:300px;margin-top:6px;margin-left:0}
}
@media(min-width:768px){.xs-padding{margin-top:0}
#service-valet-summary .col-lg-3{width:30%}
#service-valet-summary{padding-left:5px;padding-right:5px}
}
@media(max-width:320px){.msg-box{width:130px}
.error-fix .form-error{margin-top:20px}
}
#infowindow-content{display:none}
#valetMap #infowindow-content{display:block}
#map #infowindow-content{display:inline}
.pac-card{margin:10px 10px 0 0;border-radius:2px 0 0 2px;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;box-shadow:0 2px 6px rgba(0,0,0,0.3);background-color:#fff;font-family:Roboto}
#pac-container{padding-bottom:12px;margin-right:12px}
.pac-controls{display:inline-block;padding:5px 11px}
.pac-controls label{font-family:Roboto;font-size:13px}
#pac-input{background-color:#fff;font-family:Roboto;font-size:15px;margin-left:12px;padding:0 11px 0 13px;text-overflow:ellipsis;width:400px}
#destination_search_modal_form #pac-input{width:100%;margin-left:0}
#pac-input:focus{border-color:#4d90fe}
#title{color:#fff;background-color:#4d90fe;font-size:25px;padding:6px 12px}
div.pac-container{z-index:2000;width:100%;position:absolute;border-left:0}
@media(min-width:767px){div.pac-container{z-index:2000;width:100%;position:absolute;border-left:0}
}
.conn_serv_sub_bottom{padding-bottom:25px !important}
.service-valet .input-group-addon.align_radiosymbol .radio-item input[type=radio]:checked+label:after{left:7px !important}
.valetSubhead{font-family:"GenesisSansTextOffice-Regular";font-size:18px}
@media(max-width:1024px){.valetSubhead{font-size:14px}
.g_form_label_font,.g-form-label-select{font-size:12px !important}
.h3-title{font-size:18px}
}
#h3subTitle{font-family:"GenesisSansTextOffice-Regular";font-size:14px;margin-top:10px}
#lastSVRow .form-field{margin-bottom:5px}
@media(max-width:767px){.space-top{margin-top:8px}
.service-location span{width:100%;max-width:100%}
.service-location .contact_info_mobile{width:auto}
span.stand-alone-check-box.checkbox-space-override.secServSpan1{padding:0;margin:10px 0}
span.msg-icon.secServSpan2{padding:0 0 0 20px;width:auto}
span.msg-box.secServSpan3{padding:0 0 0 15px;margin:0;width:76%}
.service-valet .input-group-addon .radio-item{margin-left:-5px}
input[type=button].btn-schedule{font-size:14px;height:40px}
.selDtTmBtn{width:88%}
INPUT[type="submit"]{width:100%}
.serValCncl{text-align:center}
}
@media(max-width:374px){span.msg-box.secServSpan3{width:70%}
}
@media(min-width:375px) and (max-width:413px){span.msg-box.secServSpan3{width:75%}
}
.margTopPUL{margin-top:10px}
#valetMap{margin-top:6px}
.selDtTmBtn{margin-top:12px;margin-bottom:40px}
textarea.g-form-control{padding:20px 15px !important}
INPUT[type="button"]{width:250px}
@media(min-width:1025px){.servicevalet_bottom{margin-top:-3px}
.bookvalet_margin{padding-bottom:62px !important}
.gformctrl_font{font-family:GenesisSansTextOffice-Regular;font-size:16px}
.gfrmlabelselect_font{font-size:13px}
}
.checkbox_borderfix label:before{border:1px solid #ccc}
@media(min-width:1025px){.valetSubhead_margin{margin-top:-3px}
}
.nickname_font{font-family:GenesisSansHeadOffice-Light}
.radioitem_stroke label:before{border:1px solid #ccc}
#email.textChange::-webkit-input-placeholder{color:#c40712}
.space-top span.help-block{margin-left:10px}
.space-top INPUT.error{color:#000}
#service-valet #phone_numbersv.error::placeholder{color:#c40712}
#service-valet #phone_numbersv.error:-ms-input-placeholder{color:#c40712}
#service-valet #phone_numbersv.error::-ms-input-placeholder{color:#c40712}
#change_report_time p{font-family:"GenesisSansTextOffice-Regular";width:85%;margin-bottom:15px}
#change_report_time span{font-family:"GenesisSansHeadOffice-Light"}
#change_report_time #date_set{margin-top:35px;margin-bottom:50px}
#change_report_time #date_set .row-pdr{width:30%;margin:-45px 30px 20px}
#change_report_time #date_set p{margin-bottom:10px}
#change_report_time #date_set #date_p{margin-top:-30px;margin-left:200px}
#change_report_time input{margin-bottom:40px;width:215px}
@media(max-width:767px) and (min-width:100px){#change_report_time.sc_src .hyundai-modal-header{margin-top:0 !important;margin-left:0 !important}
#change_report_time #date_set .row-pdr{width:40%;margin-right:15px}
#change_report_time #date_set #date_p{margin-left:0;float:left;width:40%}
}
@media(max-width:767px) and (min-width:100px) and (orientation :landscape){#change_report_time #date_set .row-pdr{width:25%}
}
#change_report_time #date_set #date_p>p{display:inline-block;width:auto}
#change_report_time #date_set #date_p .arrow{border-bottom:0}
.carimg-right{text-align:center}
.carimg-right img{max-width:100%}
.diagnostic-msg{font-weight:bold}
.odometer-div{font-weight:bold}
.odometer-div span{font-weight:normal}
.vehicle-diagnostic-viewmore{float:left;width:100%;text-align:center;margin-top:60px}
.vehicle-diagnostic-viewmore .vehicle-diagnostic-result:hover{border:0 !important;background:0;padding:0;color:#804033}
.vehicle-diagnostic-viewmore .vehicle-diagnostic-result{font-family:"GenesisSansTextOffice-Medium";font-size:16px;padding:0;border:0 !important;background:0;text-transform:uppercase;cursor:pointer;display:inline-block}
.vehicle-diagnostic-viewmore .vehicle-diagnostic-result:hover{border:0 !important;background:0;padding:0;color:#804033}
.vehicle-diagnostic-viewmore .vehicle-diagnostic-result.active .fa:before{content:"\f106"}
.red-arrow-uparrow{width:28px;height:24px;background-image:url(../../../../content/dam/mygenesis/us/mygenesis/image/red_arrow_triangle.svg)}
.red-arrow-uparrow.whitearrow{background-image:url(../../../../content/dam/mygenesis/us/mygenesis/image/white_arrow_triangle.svg)}
.red-arrow-uparrow p{text-align:center;position:relative;margin:0;color:#000;font-size:12px;line-height:35px}
.red-arrow-uparrow p.white{color:#fff}
.up{width:0;height:0;border-style:inset;float:left;position:relative;transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(221deg);-o-transform:rotate(360deg)}
.up_border{border-width:0 14px 24px 14px;border-color:rgba(193,193,193,0) rgba(193,193,193,0) rgba(0,0,0,0.7) rgba(193,193,193,0);top:0;left:0}
.up p{text-align:center;top:5px;left:-47px;position:relative;width:93px;height:93px;margin:0}
.up_transparent{border-color:rgba(193,193,193,0) rgba(193,193,193,0) #ff0d0d rgba(193,193,193,0)}
.up_white{border-color:rgba(193,193,193,0) rgba(193,193,193,0) #fff rgba(193,193,193,0)}
.mtop{margin-top:15px;margin-bottom:5px}
.mbottom{margin-bottom:10px}
.repair-info-border{border-bottom:1px solid #ccc}
.label-text{margin-left:10px;margin-top:5px;position:absolute;font-size:12px}
.white{color:#fff}
.black{color:#000}
.right-repair-wrap{float:left;width:100%;padding:20px 0 60px;background:#fff}
.right-repair-wrap .schedule_service_btn{border-radius:0}
.right-repair-wrap .h3head-title{margin-bottom:0;font-family:GenesisSansHeadOffice-Light !important}
.right-repair-font{font-size:30px !important;padding-bottom:12px !important}
.right-repair-tablebx{float:left;width:100%}
.right-repair-table-row{display:flex;align-items:center;justify-content:flex-start}
.right-repair-table-column{align-items:center;width:calc(100% / 7)}
@media only screen and (min-width:992px){.vinsubodo{border-right:1px solid #000}
.right-repair-table-column:last-of-type{width:40%}
.odometer-left{padding-right:10px}
.odometer-right{margin-left:10px}
}
@media(min-width:990px) and (max-width:1200px){.checkfont{font-size:12px}
}
@media(min-width:768px) and (max-width:992px){.right-repair-tablebx .vh-sr-list{font-size:14px;font-weight:bold}
.right-repair-table-column{font-size:12px}
.right-repair-table-column:last-of-type{width:25%}
.vinsubodo{border-right:1px solid #000}
.odometer-left{padding-right:10px}
.odometer-right{margin-left:10px}
.odometer-div{font-size:14px}
}
@media only screen and (min-width:767px){.carimg-right{text-align:right;margin-top:-10px}
}
@media only screen and (max-width:767px){.printdivmobile{display:none}
.space-bottom{margin-bottom:20px}
.odometer-div{width:100%;padding-bottom:7px}
.vh-sr-list-th.hidden-row{display:none}
.right-repair-table-row{flex-direction:column}
.right-repair-label-row{display:flex;align-items:center;justify-content:flex-start;width:100%}
.right-repair-label-row span{min-width:50%}
.right-repair-table-column{align-items:center;width:100%;display:flex;padding:10px 0}
.right-repair-table-row:first-of-type{padding-top:0}
.right-repair-label-row span{font-family:"GenesisSansTextOffice-Medium";font-size:15px;color:#666}
.right-repair-label-row span:first-child{font-weight:bold}
.right-repair-wrap .h3head-title{margin-left:0 !important}
}