#my_vehicles .vehicle-services.newvehservice{display:flex;width:100%;position:relative;flex-wrap:wrap}
#my_vehicles .botttom-link.digitalkey{position:static}
#my_vehicles .vehicle-services h3{font-size:18px}
.digital-key-info .align_sameline{min-height:180px}
.digital-key-info .botttom-link a{padding-bottom:0 !important}
.vehicle-services.newvehservice .panel-collapse.collapse{min-height:150px}
.newvehservice .vhservices-left,.newvehservice .vhservices-middle,.newvehservice .vhservices-right,#my_vehicles .vehicle-services.newvehservice>div{flex-basis:32%;margin-top:0 !important}
#my_vehicles .digitalkey-info.vhservices-right{border:0;background:none !important;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
#vh-digitalkey .listShKey .key-status{float:none}
#my_vehicles .vehicle-services.newvehservice>div:nth-child(3n-1){margin:0 10px 0}
.shared-user-container{max-width:1070px}
.shared-user-container #sharedKeyActionsContainer{margin-bottom:50px}
.key-sec .key-label,.key-sec .key-val,.key-sec .key-status{font-weight:inherit !important;display:inline-block !important}
.keys-listing{max-height:85px;max-width:250px}
.listShKey .shared-sec{margin-top:10px}
.listShKey{margin-top:22px}
.vhservices-right.panel.digitalkey-info{width:auto !important}
.shared-sec-list li{display:flex;align-items:center;flex-wrap:wrap}
.shared-sec-list li:hover{background:0}
.shared-sec-list li .key-val{min-width:130px;max-width:130px;text-overflow:ellipsis;overflow:hidden !important;white-space:nowrap}
.key-sec .primary-key .key-label{min-width:120px}
.block-steps{font-size:18px;font-family:'GenesisSansHead-Light';color:#999}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.digital-key-info h3{line-height:32px}
}
@media(max-width:991px){#my_vehicles .vehicle-services.newvehservice>div:nth-child(3n-1){margin:0}
#my_vehicles .vehicle-services.newvehservice{display:block}
.newvehservice .vhservices-left,.newvehservice .vhservices-middle,.newvehservice .vhservices-right,#my_vehicles .vehicle-services.newvehservice>div{flex-basis:30%}
.key-sec .key-label{margin-right:12px !important}
#my_vehicles .vehicle-services .botttom-link.digitalkey{margin-top:0}
.digital-key-info .fa-chevron-up{position:absolute;right:0;top:0}
.digital-key-info .align_sameline,.vehicle-services.newvehservice .panel-collapse.collapse{min-height:auto}
#my_vehicles .vscol.shared-vehicle-container{width:100%;display:block;border:0;box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important}
}
@media(max-width:768px) and (min-width:100px){#my_vehicles .vehicle-services .digital-key-info .botttom-link{margin-top:0;bottom:10px;display:inline-block;justify-content:space-between}
}
@media(max-width:991px) and (min-width:769px){.vehicle-services h3.collapsed .fa{display:none !important}
#my_vehicles .vehicle-services h3.collapsed{font-size:17px;pointer-events:none}
}
@media(max-width:767px){#my_vehicles .vehicle-services.newvehservice{display:block !important;width:100% !important}
#my_vehicles .vehicle-services.newvehservice>div:nth-child(3n-1){margin:0!Important}
#my_vehicles .vhservices-right{width:100% !important}
.learn-link{padding-left:0}
.vhservices-left,.vhservices-right,.vhservices-middle{cursor:pointer}
.d-flex-xs{display:flex !important}
.mr-0-xs{margin-right:0 !important}
.auto-height-xs,#subscriptions_data_1.auto-height-xs{height:auto !important}
.mb-15-xs{margin-bottom:15px !important}
#my_vehicles .vehicle-services .botttom-link.digitalkey{margin-left:0;margin-top:0}
.shared-sec-list li{justify-content:space-between}
.shared-sec-list li .key-val{max-width:210px}
.pkName{float:right}
#my_vehicles .vehicle-services .digital-key-info .botttom-link{margin-top:0}
#my_vehicles .vehicle-services .vscol{border-bottom:0}
.vehicle-services.newvehservice .panel-collapse.collapse{min-height:auto}
#my_vehicles .vehicle-details .panel{border:none !important}
#my_vehicles .vscol.shared-vehicle-container{margin-bottom:40px}
#my_vehicles .shared-vehicle-container h3.collapsed .fa-chevron-up:before{top:0}
#vh-sh-digitalkey .key-status-wrapper{float:right}
#vh-sh-digitalkey .key-status-wrapper .ownFullName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}
#vh-sh-digitalkey .botttom-link.digitalkey{clear:both}
}
@media(max-width:420px){.img-active,.img-inactive{width:23px !important;height:23px !important}
.container{padding:0 10px !important}
.my-accounts .nav-tabs li:first-child{padding-left:5px}
.my-accounts .nav-tabs li:last-child{padding-right:5px}
.digitalkey-info .align_sameline,.keys-panel{margin-left:8px}
.digitalkey.bottom-sec{left:0;margin-left:8px;display:inline-block !important}
.digitalkey-info .align_sameline label.dt{margin-left:0 !important}
}
.digital-key-info .align_sameline{min-height:40px}
.digital-key-dk{padding-bottom:25px}
.border-line1{border-bottom:solid 1px #ccc;margin:auto;margin-top:24px;max-width:1070px;width:100%;border-top:0}
.alignment1{position:relative;top:2vw;margin-bottom:1vw}
@media(min-width:320px) and (max-width:736px){.digital-key-info .align_sameline{min-height:15vw !important}
}
.enroll-sec input,.edit-modal input{border:1px solid #ccc;width:100%;height:50px;padding:10px;background-color:rgba(256,256,256,0.2) !important;color:#000;border:solid 1px #ccc;border-radius:3px;font-size:14px;font-family:"GenesisSansText-Regular"}
.enroll-sec,.edit-modal .modal-body{padding:20px 40px 30px}
.enroll-step2 .enrollkeysec{padding-left:12px}
.enroll-step1 .form-group{margin-right:20px}
.enroll-step1 .dk-text-error{margin-top:30px}
span.dk-text-error{color:#c40712}
.enroll-step1 .form-group .form-control{width:130px;height:35px;margin-top:5px;cursor:text;padding:0 10px;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px}
.enroll-step1 .form-group:last-child{margin-right:0}
.device-list{display:flex;padding:16px 20px;border:1px solid #ddd;flex-wrap:wrap}
.device-list-wrap{display:none;margin-bottom:10px;font-size:16px}
.device-list-wrap a{padding-bottom:0 !important}
.device-list ul{display:flex;flex-wrap:wrap;flex-basis:25%;list-style:none;margin-left:-10px;width:calc(100% + 20px);max-height:170px;overflow-y:auto;overflow-x:visible}
.device-list li{background:none !important;width:33.33%;padding:0 10px 10px 10px}
.rotate img,.rotate .fa{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.device-arrow{cursor:pointer;font-size:16px}
.device-arrow span{width:17px;height:auto;display:inline-block;vertical-align:text-bottom;margin-right:10px;color:#675757;font-size:18px}
.device-arrow span img{width:100%;height:auto}
.enroll-btn a{font-size:15px;margin-right:10px}
.enroll-checkbox .checkbox-custom.checked{background-position:center;background-size:15px}
.learn-link{display:inline-block !important;padding-left:10px}
.key-sec .key-label{margin-right:25px !important}
.shared-sec .key-label{margin-bottom:5px !important}
.shared-sec ul li{list-style:none}
.pref-inp{margin-top:30px}
.mypreff-mid-main{padding-top:30px}
.pref-btn{margin:30px 0 30px 0 !important}
.list-box-wrap{background-color:#f0f0f0}
.modal .modal-dialog.enroll-modal{display:flex;height:100%;align-items:center}
.modal .modal-dialog.enroll-modal .modal-content{margin:0 auto;height:auto;width:100%;max-width:600px}
.step-count{width:30px;height:30px;color:#fff;background-color:#3f3f3f;font-size:16px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"GenesisSansText-Regular";border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.popup-step-heading{padding-left:45px;position:relative;margin-bottom:10px;display:block !important}
.popup-step-heading .step-count{position:absolute;left:0;top:1px;padding-top:0;font-size:16px}
.enroll-modal .modal-close{right:10px;top:20px}
.enroll-modal .hyundai-modal-header{background-color:transparent !important;padding-top:25px}
#enrollNowStepNoPin #dkNewPinContainer>.form-group{width:130px;vertical-align:top}
.enroll-modal .enroll-sec{padding-bottom:35px}
.enroll-sec .device-arrow,.enroll-sec .enroll-checkbox{display:flex;align-items:center}
@media(max-width:767px){.edit-modal .edit-inp.key-input{width:47% !important}
.modal.has-extra-padding .modal-header,.modal.has-extra-padding .modal-body,.modal.has-extra-padding .modal-footer{padding:20px}
.popup-step-heading{font-size:24px;padding-left:45px}
.modal{padding-right:0 !important}
.enroll-step1 .form-group .form-control{width:100%}
.enroll-step1 .dk-text-error{margin-top:20px;margin-bottom:20px}
.enroll-step1 .error-on-right .form-control-error-msg{margin-left:0 !important;margin-top:20px}
.modal .error-on-right .form-control-error-msg{margin-left:14px}
.enroll-step1 .form-group{margin-right:0}
#enrollNowStepNoPin .enroll-btn{margin-top:0}
.device-list .three-columns-list{column-count:1;-webkit-column-count:1;-moz-column-count:1}
.device-list .three-columns-list li{margin-top:15px}
.device-list .three-columns-list li:first-child{margin-top:0}
.device-arrow span{position:relative;top:-2px}
#enrollNowStepNoPin #dkNewPinContainer>.form-group{width:100%}
.enroll-modal .modal-content .hyundai-modal-header{padding-top:20px}
.modal .modal-dialog.enroll-modal{display:block}
}
@media(max-width:639px){.edit-modal .edit-inp.key-input{width:100% !important;margin-right:0 !important}
.edit-modal .key-input{width:100% !important}
.sel-custom-date{margin:20px 0 0 0 !important}
.enroll-sec,.edit-modal .modal-body{padding:20px 20px 30px !important}
.edit-modal .modal-header{padding:20px 10px 0 !important}
.enrollkeysec .key-input{width:45% !important;margin:0 0 20px 0 !important}
.enrollkeysec .key-input:nth-child(odd){margin-right:5% !important}
.enroll-sec.pt-0{padding-top:0 !important}
.device-list li{width:100%}
}
@media(max-width:480px){.enrollkeysec .key-input{width:90% !important;margin:auto auto 20px auto !important}
.enrollkeysec .key-input:nth-child(odd){margin-right:auto !important}
}
@media(max-width:420px){.digitalkey-info .align_sameline,.keys-panel{margin-left:8px}
.digitalkey.bottom-sec{left:8px}
.digitalkey-info .align_sameline label.dt{margin-left:0 !important}
}
.alignment1 .digital-key-dk-dk2{padding-bottom:25px}
.popup-step-heading-dk2{margin-left:-45px}
.digital-key-info-dk2 .key-sec{padding:10px 0}
.enrolled-status-dk2{color:#128935}
.appstore-link{border:0}
.google-app-link{border:0}
.appstore-link:hover,.google-app-link:hover{border:0}
.mobSpecDK2ColPanel .key-sec .key-label{margin-right:15px !important}
.dkEnrolLink-dk2{cursor:pointer}