@import url(../fonts/cust_fonts/fonts.css);
@import url(../fonts/fleet-icon/fonts.css?v=1);
@import url(../fonts/dashboard-icon/fonts.css?v=1);
@import url(font-awesome.css);


:root {
  --f7-theme-color:#0083d3;
  --f7-theme-color-rgb:0, 131, 211;
  --f7-theme-color-shade:#006aaa;
  --f7-theme-color-tint:#009cfc;

  --c-theme-d:#444444;
  --c-theme-g:#686263;
  --c-theme-y:#FFCC00;
  --c-theme-r:#BF0000;
  --c-theme-o:#FF6F00;

  --f7-panel-width: 100%;
}


.md{--f7-font-family: Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;}
.ios body,
.md body { font-weight:normal; font-size:14px; line-height: 1.6;}

.ios .page{--f7-page-bg-color:#fff;}

.mn{ margin:0 !important; }
.pn{ padding:0 !important; }
.mbn{ margin-bottom: 0px !important; }
.mtn{ margin-top: 0px !important; }
.mln{ margin-left: 0px !important; }
.mrn{ margin-right: 0px !important; }
.ptn{ padding-top: 0px !important; }
.pt10{ padding-top: 10px !important; }
.ph16{ padding-top: 16px !important; padding-bottom: 16px !important; }
.pbn{ padding-bottom: 0px !important; }
.pb6{ padding-bottom: 6px !important; }
.pln{ padding-left: 0px !important; }
.mauto{ margin: 0 auto !important; }
.mt16{ margin-top: 16px !important; }
.mt40{ margin-top: 40px !important; }
.mt8{ margin-top: 8px !important; }
.mb16{ margin-bottom: 16px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb8{ margin-bottom: 8px !important; }
.mr16{ margin-right: 16px !important; }
.mr8{ margin-right: 8px !important; }
.p1 {padding: 1px !important;}
.pb1 {padding-bottom:1px !important;}
.fs16{font-size: 16px;}
.fw600{font-weight: 600 !important;}
.hide{display: none !important;}

.theme-color{color: #B31119;}

.text-red{color:var(--c-theme-r);}
.text-orange{color:var(--c-theme-o);}
.pointer-none{pointer-events: none !important;}
[disabled] {opacity: 0.55 !important;pointer-events: none !important; cursor: not-allowed;}

.img-responsive{display: block;max-width: 100%;height: auto;}
.pull-left{ float: left !important; }
.pull-right{ float: right !important; }
.clearfix::after,.clearfix::before {content: "";clear: both; display: table;}

.bg-colored{background: #EDF0F2;}

.pac-container{z-index: 9999;}
.after-none:after{display: none;}

.rupee:before{content: "\20B9";}
.custom_divider{background: #EDF1F2;height:14px;}
.custom_divider_sm{background: #EDF1F2;height:4px;}
.custom_divider_text{height: auto;font-size: 16px;font-weight: 500;padding: 4px 0;}

.img-icon img{height: 24px;width: 24px;}
.img-fi i{height: 24px;width: 24px;font-size: 24px;line-height: 24px;}
.sheet-backdrop.backdrop-in.opacity008{background:rgba(0,0,0,.08) !important;}
span.version-txt{color: #444;font-size: 15px;font-style: italic;}

.btn-in-item-input{}
.btn-in-item-input .item-btn{--f7-button-height:25px;--f7-button-font-size:12px;position: absolute;right: 16px;top: 20px;z-index: 9;}
/*=== Login and Regstration start ====*/
.login-wrap .login-bg{background-image: url('../images/login-bg.png');background-size: var(--c-width) var(--c-height);background-position: top center;background-repeat: no-repeat;height: 100vh;width: 100vw;position: absolute;left: 0;right: 0;top: 0;bottom: 0;min-height: var(--c-height);min-width: var(--c-width);}

.login-wrap{}
.login-wrap .navbar .title{}
.login-wrap .page-content .defaultlist.list ul{padding-bottom:14px;}
.login-wrap .page-content .block{margin:24px 0;}
.login-wrap .pwd_show_box{position: absolute;bottom: 0;right: 0;height: 40px;width: 40px;border-radius: 4px;overflow: hidden;}
.login-wrap .pwd_show_box a{height: 100%;width: 100%;}
.login-wrap .pwd_show_box a i{font-size: 22px;}

.top-sticky-title{position: sticky;top: 0;z-index: 11;background-color: #fff;}
.top-sticky-title .ts-title{color: #FFD500;padding: 8px;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;background-color: #4c4c4c;}
.top-sticky-title h4{color: #4c4c4c;padding: 8px;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;margin: 0px;}

.custom-wri-list textarea.resizable{--f7-input-height: 50px}
.custom-wri-list .item-title.item-label{font-weight: 700;font-size: 15px;}

.reg_otp_box{padding:16px;overflow: hidden;width: 100%;box-sizing: border-box;}
.reg_otp_box p{margin-top:0px;}
.reg_otp_box p.resend_otp{margin:10px 0 0 0;text-align: center;}
.reg_otp_box p a{display: inline-block;margin-left: 5px;}
.reg_otp_box ul{margin:0px 0 20px 0;padding:0px;display: flex;align-items: center;justify-content: space-between;}
.reg_otp_box ul li{list-style: none;max-width: 50px;}
.reg_otp_box ul li input{height: 40px;font-size: 28px;font-weight: normal;border-bottom: 1px solid #cccccc;transition: all 0.3s ease-in-out;width: 100%;text-align: center;}
.reg_otp_box ul li input:focus{border-bottom-color:#444444;}
 
.reg_number .reg_box{padding:25px 16px 16px 16px;overflow: hidden;width: 100%;box-sizing: border-box;}
.reg_number .reg_box .reg_input{border-bottom: 1px solid #ddd;padding:0 0 6px 0;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;flex-wrap: nowrap;position: relative;}
.reg_number .reg_box .reg_input .ri_flag{width:50px;box-sizing: border-box;padding-right:20px;padding-left:10px;position: relative;}
.reg_number .reg_box .reg_input .ri_flag a{display: block;position: relative;}
.reg_number .reg_box .reg_input .ri_flag a:after{content: "";border-top: 6px solid #aaaaaa;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: -18px;}
.reg_number .reg_box .reg_input .ri_flag a img{display: block;max-width: 100%;}
.reg_number .reg_box .reg_input .ri_number_code{width:50px;padding-left: 10px;box-sizing: border-box;}
.reg_number .reg_box .reg_input .ri_number_code span{display: block;text-align: center; font-size: 16px;color: #444444; font-weight: 500;}
.reg_number .reg_box .reg_input .ri_input{width: calc(100% - 50px - 50px);}
.reg_number .reg_box .reg_input .ri_input input{width: 100%;height: 30px;padding: 0 0 0 8px;font-size: 16px;font-weight: 500;color: #444;}
/*=== Login and Regstration end ====*/

.popup-note.popup{--f7-popup-border-radius:24px; width: 320px;height: 250px;top:calc(50% - 125px);left:calc(50% - 160px);}
.popup-note.popup.modal-in{transform: translate3d(0,calc(50% - 125px),0)}
.popup-note.popup .button-section{text-align: center;}
.popup-note.popup .button-section .button{max-width: 140px;margin:0 auto;}
.popup-note.popup .card-header .f7-icons{font-size: 22px;color:#000;}

.popup-qty.popup{--f7-popup-border-radius:24px; width: 320px;height: 250px;top:calc(50% - 125px);left:calc(50% - 160px);}
.popup-qty.popup.modal-in{transform: translate3d(0,calc(50% - 125px),0)}
.popup-qty.popup .button-section{text-align: center;}
.popup-qty.popup .button-section .button{max-width: 140px;margin:0 auto;}

/*small popup*/
.inspection-popup.popup{--f7-popup-border-radius:24px; width: 320px;height: 250px;top:calc(50% - 125px);left:calc(50% - 160px);}
.inspection-popup.popup.modal-in{transform: translate3d(0,calc(50% - 125px),0)}
.inspection-popup.popup .button-section{text-align: center; margin-top: 15px;}
.inspection-popup.popup .button-section .button{max-width: 140px;margin:0 auto;}

/*small description popup*/
.small-description-popup.popup{--f7-popup-border-radius:24px; width: 320px;height: 250px;top:calc(50% - 125px);left:calc(50% - 160px);}
.small-description-popup.popup.modal-in{transform: translate3d(0,calc(50% - 125px),0)}
.small-description-popup.popup .button-section{text-align: center; margin-top: 15px;}
.small-description-popup.popup .button-section .button{max-width: 140px;margin:0 auto;}

/*=== Home bk Start ====*/
.title-img img{max-width: 44px;max-height: 37px;}
.title-img2 img{max-width: 80px;max-height: 37px;}
.custom-block{margin:0 16px;padding:20px 0;}
.custom-title{margin: 0 0 15px 0;font-size: 16px;line-height: 18px;font-weight: 500;letter-spacing: 0.3px;color:#000;}
.navbar .title.title-name-img{display: flex;align-items:center;margin-right: 0;}
.navbar .title.title-name-img > img{max-width: 44px;max-height: 34px;}
.navbar .title.title-name-img .title-name-list{flex:1;max-width: 100%;padding-left: 12px;}
.navbar .title.title-name-img .title-name-list h3{margin: 0;font-size: 13px;line-height: 20px;font-weight: 500;letter-spacing: 0.3px;color:#000;}
.navbar .title.title-name-img .title-name-list p{margin: 0;font-size: 12px;line-height: 16px;opacity: 0.6;}
.navbar .title.title-name-img + .right .version-txt{position: absolute;bottom: -24px;right: 5px;font-size: 12px;white-space: nowrap;font-weight: 500;line-height: normal;}

.list-wash-station .card{margin:0px 0 16px 0;overflow: hidden;border-radius:8px;box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.3);padding: 16px 10px 16px 16px;}
.list-wash-station .card .lws-row{display: flex;align-items: stretch;justify-content: flex-start;}
.list-wash-station .card .lws-row .lws-logo{width:60px;padding-right: 10px;box-sizing: border-box;}
.list-wash-station .card .lws-row .lws-logo img{display: block;height: 50px;width: 50px;border-radius: 100%;}
.list-wash-station .card .lws-row .lws-name{flex:0 0 calc(100% - 60px - 70px);max-width: calc(100% - 60px - 70px);}
.list-wash-station .card .lws-row .lws-name h4{color: var(--f7-theme-color);margin:0px;font-size: 16px;line-height: 18px; font-weight: 500;}
.list-wash-station .card .lws-row .lws-name h4 .color-title{color:#FF0000;}
.list-wash-station .card .lws-row .lws-name p{font-size: 14px;line-height: 18px;margin:4px 0 0 0;}
.list-wash-station .card .lws-row .lws-name p{font-size: 14px;line-height: 18px;margin:4px 0 0 0;}
.list-wash-station .card .lws-row .lws-distance{margin:-8px 0px -8px 0;text-align: right;display: flex;justify-content: space-between;flex-direction: column;align-items: flex-end;flex:0 0 70px;max-width: 70px;padding-left:10px;box-sizing: border-box;}
.list-wash-station .card .lws-row .lws-distance .w-station-status{display: inline-block;text-align: center;padding: 4px 8px 3px; font-size: 11px;line-height: 11px;color:#13ce20;border:1px solid #13ce20;border-radius: 4px;text-transform: uppercase;letter-spacing: 0.8px;}
.list-wash-station .card .lws-row .lws-distance .w-station-status.close{border-color:#ff5555;color:#ff5555;}
.list-wash-station .card .lws-row .lws-distance .w-station-km{text-align: right;}
.list-wash-station .card .lws-row .lws-distance .w-station-km i{font-size:20px;color:#aaaaaa;display: block;margin: 0 auto;}
.list-wash-station .card .lws-row .lws-distance .w-station-km span{color:#000; font-size: 11px; line-height: 12px;display: block;padding-top:4px;}

.map-card-input{position: absolute;left: 0;right: 0px;top: 74px;max-width: 340px;margin: 0 auto;background-color: #fff;padding: 4px 16px;z-index: 1;box-sizing: border-box;border-radius: 8px;box-shadow: 2px 2px 4px rgba(0,0,0,0.24);}
.map-card-input .mci-row{display: flex;position: relative;align-items: center;justify-content: space-between;margin:14px 0;}
.map-card-input .mci-row h4{flex:0 0 44px;max-width: 44px;margin:0px;color:var(--f7-theme-color);text-align:center;padding-right: 4px;box-sizing: border-box;position: relative;}
.map-card-input .mci-row input{height:34px;border-radius: 4px;border:none;background-color:#F5F5F5;font-weight: 500;color:var(--c-theme-d);font-size: 15px;flex:0 0 calc(100% - 44px);max-width: calc(100% - 44px);box-sizing: border-box;padding:4px 8px;}
.map-card-input .mci-row:first-child h4:after{content: "";position: absolute;bottom: -23px;height: 23px;width: 2px;border-left: 2px dotted var(--f7-theme-color);left: 0;right: 0;margin: 0 auto;}

.request-enter-box{position: relative;background-color:#fff;padding:16px 8px;margin-bottom: 12px;display: flex;align-items:stretch;justify-content: space-around;}
.request-enter-box .request-enter-item{width:175px;padding: 8px 4px;box-sizing:border-box; border:1px solid #ddd;border-radius:4px;display: flex;align-items:center;flex-direction: column;}
.request-enter-box .request-enter-item img{}
.request-enter-box .request-enter-item p{font-size: 14px;margin: 8px 0 0 0;text-align: center;line-height: normal;}

.home-sheet-filter-wrap{--f7-sheet-height: 200px;}
.home-sheet-filter-wrap .list{border-top:1px solid #ddd;}
.home-sheet-filter-wrap .list .item-radio .icon{margin-right: 16px !important;}
.home-sheet-filter-wrap .block{margin-bottom: 12px;margin-top: 20px;}
.home-sheet-filter-wrap .block p{letter-spacing: 0.4px;font-weight: 500;font-size: 18px;line-height: normal;}
/*=== Home bk End ====*/

/*=== Start : signature ====*/
.signature_page{position: relative;}
.signature_page p{text-align: center;margin-top: 0;font-size: 14px;font-weight: 400;}
.signature_page .pad_title{font-weight: 500;font-size: 14px;margin: 25px 0 10px 0;}
.signature_page .signb_pad{margin-top: 15px}
.signature_page .signb_pad canvas{display: block;margin: 0 auto !important;border: 1px solid #ddd !important;border-radius: 4px;}
.signature_page img{display: block;max-width: 80%;margin: 0 auto;}
/*=== End : signature ====*/

/*=== Home operatore Start ====*/
.dashboard-head{background-color:#fff;padding:10px 16px;position: relative;margin-bottom:10px;}
.dashboard-head h4{margin:0px;text-align: center;color:var(--f7-theme-color);font-size: 18px;line-height: 22px;font-weight: 500;}
.dashboard-head p{margin:0px;text-align: center;font-size: 16px;color:var(--c-theme-d);font-weight: 400;}

.dashboard-card.card{padding:0px;}
.dashboard-card.card .card-header{font-weight: 600;color:var(--c-theme-d);}
.dashboard-card.card .card-content-padding{}
.dashboard-card.card .map-assistenza{height: 244px !important;}
.dashboard-card.card #driver-map{height:calc(100vh - 244px) !important;}

.page[data-map-extra="drive-lead-dwrap"] .dashboard-card.card #driver-map{height:calc(100vh - 290px) !important;}
.page[data-map-extra="drive-lead-dwrap"] .page-content .dashboard-head + .dashboard-card.card #driver-map{height:calc(100vh - 344px) !important;}
.dashboard-card.card .assistenza-button{width: 180px;position: absolute;bottom: 25px;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.dashboard-card.card .assistenza-button .button{}
.dashboard-card.card .assistenza-button .button i{font-size: 16px;}

.card-text-input{margin:14px 16px 0;position: relative;}
.card-text-input input{height:38px;width:100%;border:1px solid #ddd;border-radius: 4px;padding:4px 10px;box-sizing:border-box;}

.request-status-card .card-content-padding img{max-width: 140px;display: block;margin:0 auto;}
.request-status-card .card-content-padding h4{color: var(--c-theme-d);font-weight: 500;letter-spacing: 0.4px;text-align: center;font-size:16px;margin:16px 0 0;}
.dc-button{margin:20px 16px;}
.dc-button .button{max-width: 140px;border-radius: 25px;margin:0 auto;}
/*=== Home operatore End ====*/


/*=== Home pipline Start ====*/
.card-pipeline{overflow: hidden;border-radius:4px;box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.2);margin:16px 8px;position: relative;}
.card-pipeline .card-header{flex-direction: column;align-items: flex-start;background-color:#F8F9FB;}
.card-pipeline .card-header p{margin:0;color:#334152;font-size: 16px;font-weight: 500;}
.card-pipeline .card-header p span{color: var(--f7-theme-color);}
.card-pipeline .card-header .ch-footer{color:rgb(51 65 82 / 64%);font-size: 14px;font-weight: normal;line-height: normal;}
.card-pipeline .card-content li.item-content{padding-left: 0px;}
.card-pipeline .card-content li.item-content .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));}
.card-pipeline .card-content li.item-content .item-inner .item-header{color:rgb(51 65 82 / 64%);margin-bottom: 4px;}
.card-pipeline .card-content li.item-content .item-inner .item-title{font-size: 14px;color: #334152;font-weight: 500;line-height: 14px;}
/*=== Home pipline End ====*/

/*=== Home mechanic Start ====*/

.toolbar-left-menu{}
.toolbar-left-menu:not(.toolbar-menu-two-icon):not(.toolbar-menu-three-icon) .toolbar-inner{width: calc(100% - 60px);}
.toolbar-left-menu:not(.toolbar-menu-two-icon):not(.toolbar-menu-three-icon) .toolbar-left-menu{position: absolute;right: 0;top: 0;width: 60px;height: 100%;}
.toolbar-left-menu.toolbar-menu-two-icon .toolbar-inner{width: calc(100% - 96px);}
.toolbar-left-menu.toolbar-menu-two-icon .toolbar-left-menu{position: absolute;right: 0;top: 0;width: 96px;height: 100%;display: flex;align-items: stretch;justify-content: flex-start;}
.toolbar-left-menu.toolbar-menu-two-icon .toolbar-left-menu > .link{flex:0 0 calc(100%/2);max-width: calc(100%/2);}
.toolbar-left-menu.toolbar-menu-two-icon .toolbar-left-menu > .link .icon-img{max-width: 24px;opacity: 0.7;}

/* .toolbar-left-menu:not(.toolbar-menu-three-icon) .toolbar-inner{width: calc(100% - 60px);}
.toolbar-left-menu:not(.toolbar-menu-three-icon) .toolbar-left-menu{position: absolute;right: 0;top: 0;width: 60px;height: 100%;} */
.toolbar-left-menu.toolbar-menu-three-icon .toolbar-inner{width: calc(100% - 140px);}
.toolbar-left-menu.toolbar-menu-three-icon .toolbar-left-menu{position: absolute;right: 0;top: 0;width: 140px;height: 100%;display: flex;align-items: stretch;justify-content: flex-start;}
.toolbar-left-menu.toolbar-menu-three-icon .toolbar-left-menu > .link{flex:0 0 calc(100%/3);max-width: calc(100%/3);}
.toolbar-left-menu.toolbar-menu-three-icon .toolbar-left-menu > .link .icon-img{max-width: 24px;opacity: 0.7;}

.mechanic_item_list{}
.mechanic_item_list p{margin:0 0 10px 0;font-size: 15px;line-height: 18px;color:#617082;}
.mechanic_item_list p b{color:#334152;}

.prd_list_mechanic .item-footer span{font-weight: 500;color:#334152;font-size: 14px;}
.prd_list_mechanic .item-footer span:not(:first-child){margin-left: 10px;display: inline-block;}
.prd_list_mechanic .item-footer b{color:#617082;font-weight: 400;}

.prd_photo_mechanic ul{margin:0px;padding:0px;list-style: none;display: flex;flex-wrap: wrap;align-items: stretch;}
.prd_photo_mechanic li{border:1px solid #DDE5EB;height:40px;width:78px;margin-right: 8px;border-radius: 4px;margin-bottom:8px;overflow:hidden;}
.prd_photo_mechanic li img{height:100%;width:100%;object-position: center;object-fit: cover;}

.bor-top{border-top:2px solid #EDF1F2;}
.inner-title{color:#334152;font-size: 16px;margin:12px 0;}

.custlist-wrap{}
.custlist-wrap ul{margin:0px;padding:0px;list-style: none;}
.custlist-wrap ul li{display: block;position: relative;border-bottom:4px solid #DDE5EB;}
.custlist-wrap .custlist-title{color:#465165;font-size: 15px;padding:10px 12px;border-bottom:1px solid rgb(232 236 240 / 44%);font-weight: 500;line-height: normal;}
.custlist-wrap .custlist-details{position: relative;padding:8px 12px;}
.custlist-wrap .custlist-details p{font-size: 14px;margin:0px;line-height:16px;color: #465165;text-transform: none;font-weight: 400;position: relative;padding-left:28px;padding-bottom:10px;}
.custlist-wrap .custlist-details p a{color: #465165;text-transform: none;}
.custlist-wrap .custlist-details p span{margin:0px;font-size: 10px;line-height: 14px;color: #9AA1B4;letter-spacing: 1px;text-transform: uppercase;font-weight: normal;display: block;}
.custlist-wrap .custlist-details i{color:#6d7488;background-color: #f1f4f7;height: 25px;width: 25px;line-height: 25px;border-radius: 100%;font-size: 12px;display: inline-flex;align-items: center;justify-content: center;position: absolute;left: -5px;top: 0;}
.custlist-wrap .custlist-details p:last-child{padding-bottom:0px;}

.mechanic-map-full{height:100%;width: 100%;}

.timeline-mechanic{padding:15px 0;}
.timeline-mechanic ul{margin:0px;padding:0px;list-style: none;position: relative;}
.timeline-mechanic ul li{position: relative;padding-left:34px;padding-bottom:24px;}
.timeline-mechanic ul li:before{content: ""; height: 8px;width: 8px;background-color: var(--f7-theme-color);border-radius: 100%;position: absolute;left: 14px;border: 2px solid #fff;z-index: 1;}
.timeline-mechanic ul li:not(:last-child):after{content: "";background-color: var(--f7-theme-color);position: absolute;left: 19px;width: 2px;height: 100%;top: 2px;z-index: 0;opacity: 0.4;}
.timeline-mechanic ul li:last-child{padding-bottom:0px;}
.timeline-mechanic ul li h4{margin:0px;position: relative;font-size: 12px;line-height: 12px;letter-spacing: 1px;color:#617082;text-transform: uppercase;font-weight: 500;}
.timeline-mechanic ul li h3{margin:4px 0;position: relative;font-size: 16px;line-height:20px;color:#334152;font-weight:500;}
.timeline-mechanic ul li p{margin:0px;position: relative;font-size: 14px;line-height: 14px;color:#617082;}

.home-mechanic-wrap{}
.home-mechanic-wrap .dashboard-head .calender_open{height:36px;width:36px;background-color: #EAEFF3;color: #6d7488;text-align: center;line-height:36px;border-radius: 100%;font-size:22px;margin-right: 2px;position: absolute;overflow:hidden;top:12px;right:16px;}
.home-mechanic-wrap .dashboard-head .calender_open i{font-size:22px;}

.home-mechanic-wrap .panel-card .card-footer.align-items-center{--f7-card-footer-padding-vertical:12px;}
.home-mechanic-wrap .panel-card .card-footer.align-items-center .button{--f7-button-padding-horizontal:16px;}

.wrsv-button{margin: 16px;}
.wrsv-button .button{max-width: 86%;margin: 0 auto;}

.mechanic-wrap .data-table th{padding:10px 8px;height:auto;font-size: 12px;background-color:#f0f3f4;color:#5e6a71 !important;}
.mechanic-wrap .data-table td{padding:4px 8px;height:auto;font-size: 11px;}
.mechanic-wrap .data-table .max-content{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.csheading-toogle{display: flex;align-items: center;justify-content: space-between;}
.toggle-details{height: 22px;width: 22px;background-color: #EAEFF3;color: #9AA1B4;text-align: center;line-height: 23px;border-radius: 100%;font-size:20px;transition: all 0.2s ease-in-out;flex:0 0 22px;}
.toggle-details.active{transform: rotate(-180deg);}
.csheader .sticky-details-card{border-radius: 0px;margin:0 0 12px 0;display: none;position: relative;z-index: -1;}
.csheader .sticky-details-card .number_plate{background-image: url("../images/number_plat.png");height: 26px;width: 120px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 17px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 26px;letter-spacing: 1px;margin:0;}
.csheader .sticky-details-card p{font-size: 14px;margin-bottom: 8px;line-height: normal;font-weight: 500;}
.csheader .sticky-details-card p b{font-weight: 400;}
.csheader .sticky-details-card .list{margin-top:10px;}
.csheader .sticky-details-card .list ul{position: relative;display: flex;flex-wrap: wrap;}
.csheader .sticky-details-card .list ul li{font-size: 14px;font-weight: 500;color: #343a40;padding:4px 8px;flex: 0 0 20%;max-width: 20%;box-sizing: border-box;border-left: 1px solid #f4f4f4;border-top:1px solid #f4f4f4;line-height: 18px;}
.csheader .sticky-details-card .list ul li span{display: block;color: #617082;font-size: 12px;font-weight: 400;margin-bottom: 0px; line-height: 16px;}
.csheader .sticky-details-card .list ul li:nth-child(9),
.csheader .sticky-details-card .list ul li:nth-child(10){flex:0 0 35%;max-width: 35%;}
.csheader .sticky-details-card .list ul li:nth-child(11){flex:0 0 30%;max-width: 30%;}
.csheader .sticky-details-card .list ul li:nth-child(2),
.csheader .sticky-details-card .list ul li:nth-child(1){flex:0 0 37%;max-width: 37%;}
.csheader .sticky-details-card .list ul li:nth-child(3){flex:0 0 26%;max-width: 26%;}
.csheader .sticky-details-card .list ul li:nth-child(n+12){flex:0 0 25%;max-width: 25%;}


.csbswiper .swiper-slide.configuration-card .card{margin:0 0 14px 0;border-radius: 0px;}
.csbswiper .swiper-slide.configuration-card .card.card-onlyheader{margin: 0;z-index: 1;}
.configuration-card .card-content ul{margin:0px;padding:0px;list-style: none;display: flex;flex-wrap: wrap;}
.configuration-card .card-content ul li:first-child{flex:0 0 44px;max-width:44px;}
.configuration-card .card-content ul li:nth-child(2),
.configuration-card .card-content ul li:nth-child(3),
.configuration-card .card-content ul li:nth-child(4){flex:0 0 calc(100%/3 - 44px/3);max-width:calc(100%/3 - 44px/3);}
.configuration-card .card-content ul li{flex:0 0 33.33%;max-width:33.33%;display: flex;flex-direction: column;}
.configuration-card .card-content ul li .tbl-title{background-color:#edf1f3;color:#5e6a71;text-align: center;padding: 4px 0;font-weight: 500;height:30px;box-sizing: border-box;overflow: hidden;}
.configuration-card .card-content ul li .tbl-desc{text-align: center;padding:4px;flex:1;overflow: hidden;}
.configuration-card .card-content ul li .tbl-desc p{margin:5px 0 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 12px;line-height: 16px;}
.configuration-card .card-content ul li .tbl-desc img{max-height: 40px;max-width: 44px;display: block;margin: 0 auto;}
.configuration-card .card-content ul li .tbl-desc.tbl-num{display: flex;align-items: center;justify-content: center;background-color:#B31119;font-size: 16px;font-weight: 500;color:#fff;}

.configuration-card .card-content .config-detail-link{overflow:hidden;position: relative;border-top: 1px solid #e7ecee;}
.configuration-card .card-content .config-detail-link a{padding:8px 12px;display: flex;align-items: center;justify-content: center;font-size: 14px;letter-spacing: 0.7px;overflow:hidden;}
.configuration-card .card-content .config-detail-link a i{font-size: 17px;margin-left:10px;}


.ct-brand{display: flex;flex-wrap: wrap;position: relative;padding:14px 0;align-items: center;}
.ct-brand .ct-main-img{flex:0 0 100px;max-width: 100px;box-sizing: border-box;padding:0 10px 0 0;}
.ct-brand .ct-main-img img{max-height: 80px;max-width:100%;display: block;margin:0 auto;}
.ct-brand .ct-brand-img{flex:0 0 80px;max-width: 80px;padding-left:10px;box-sizing: border-box;max-height: 80px;}
.ct-brand .ct-brand-img img{height: 100%;width: 100%;object-fit: contain;object-position: center;}
.ct-brand .ct-brand-content{flex: 0 0 calc(100% - 80px - 100px);max-width: calc(100% - 80px - 100px);padding-left: 10px;box-sizing: border-box;padding-right:10px;}
.ct-brand .ct-brand-content p{margin:0 0 10px 0;line-height: 17px;}
.ct-brand .ct-brand-content h4{margin: 0px;font-weight: 500;font-size: 14px;}

.config-oem-list,
.config-pd-list{margin: 0px;padding: 0px;list-style: none;}
.config-pd-list li{align-items: center;justify-content: space-between;display: flex;box-sizing: border-box;font-size: 14px;padding:8px 12px;color:#465165;border-bottom: 1px solid #f4f4f4;}
.config-pd-list li span:first-child{font-weight: 400;min-width: 140px;box-sizing: border-box;padding-right:12px;}
.config-pd-list li span:last-child{font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.config-pd-list li span img{max-width: 50px;margin-right:10px;vertical-align: middle;}
.config-pd-list li:nth-child(2n-1){background-color:#f4f4f4;}

.config-oem-list li{box-sizing: border-box;font-size: 14px;padding:8px 12px;color:#465165;border-bottom: 1px solid #f4f4f4;display: block;}

.config-description p{margin:0px 0px 10px 0;position: relative;font-size: 14px;line-height:24px;color:#465165;}
.config-description p:last-child{margin-bottom: 0px;}

.config-photo-list{margin: 0px;padding: 0px;list-style: none;display: flex;align-items: stretch;flex-wrap: wrap;}
.config-photo-list li{flex: 0 0 104px;max-width: 104px;list-style: none;margin-right: 8px;margin-bottom: 8px;position: relative;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;height: 64px;}
.config-photo-list li img{height: 100%;width: 100%;display: block;object-position: center;object-fit: cover;}

.config-document-list{margin: 0px;padding: 0px;list-style: none;display: flex;align-items: stretch;flex-wrap: wrap;position: relative;}
.config-document-list li{flex: 0 0 40px;max-width: 40px;list-style: none;margin-right: 8px;margin-bottom: 8px;position: relative;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.config-document-list li a{text-decoration: none;display: block;height: 40px;display: flex;align-items: center;justify-content: center;transition: all 0.2s;}
.config-document-list li a:hover{background-color:#f4f4f4;}
.config-document-list li a i{font-size: 20px;}

.car-body-preset-photo .card .card-header .data_box i{font-size: 20px;margin-right: 4px;}
.car-body-preset-photo .card .card-header .data_box{font-size: 14px;font-weight: 500;line-height: 1;display: flex;align-items: center;}
/*=== Home mechanic End ====*/


/*===  Start : lista trasfer ====*/
.list_trasfer .panel-card.card.card-trasfer,
.list_trasfer .panel-card.card.card-details{margin: 12px;border-radius: 5px;}
.list_trasfer .panel-card.card.card-details ul{margin: 0;padding: 0;list-style: none;}
.list_trasfer .panel-card.card.card-details ul li{padding: 5px;border-bottom: 1px solid #ebebeb;}
.list_trasfer .panel-card.card.card-details ul li b{font-weight: 500;}
.list_trasfer .panel-card.card.card-details .button_list{padding:10px 8px; display: flex;}
.list_trasfer .panel-card.card.card-details .button_list .button{font-weight: normal; text-transform: capitalize;letter-spacing: 0.2px;}
.list_trasfer .panel-card.card.card-details .button_list .button + .button{margin-left: 3px;}

.list_trasfer .panel-card.card.card-trasfer .item-content .item-title .item-header{font-weight: 500;letter-spacing: 0.4px;opacity: 0.8;}
.list_trasfer .data-table .label-cell{--f7-table-label-cell-padding-horizontal:10px}
/*===  End : lista trasfer ====*/


/*=== Start : Steps Design ====*/
.carslider{padding: 10px 0 0 0;}
.carslider .csheader{position: relative;}
.csmtitle{height: 34px;position: relative;display: flex;align-items: center;justify-content: space-between;}
.csmtitle span{height: 34px;position: relative;background-color: #B31119;font-weight: 500;font-size: 14px;display: inline-block;color: #fff;padding: 0px 10px;box-sizing: border-box;line-height: 34px;}
.csmtitle span:after{content: ""; background-image: url('../images/tabbg.png');height: 34px;position: absolute;right: -21px;width: 33px;background-repeat: no-repeat;z-index: -1;background-size:100% 100%;}

.csheader .csmtitle a{padding: 5px 14px; font-size: 16px;line-height:18px;}

/*.toolbatswiper .toolbar-inner{justify-content: flex-end;}*/
.toolbatswiper .toolbar-inner{align-items: center;justify-content: center;}
.toolbatswiper a,
.csmtitle a{background-color:var(--f7-theme-color);border-radius: 4px;color: #fff;padding:8px 16px;font-size: 18px;line-height:22px;margin-right: 8px;margin-bottom: 2px;}

.toolbatswiper.toolbar{--f7-toolbar-height:55px;;}
.toolbatswiper.toolbar~.page-content{--f7-toolbar-height:55px;;}
.toolbatswiper .toolbar-inner{}

.toolbatswiper a i.fa,
.csmtitle a i.fa{font-size: 14px;}

.csheader-divider{flex: 1;}
.csheader .csheading{background-color: #fff;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);color: #465166;font-weight:500;font-size: 14px;line-height: 20px;padding:8px 16px;box-sizing: border-box;}
.csheader .csheading span{font-size: 16px;margin-right: 8px;font-weight:600;}

.carslider .csbody{margin:0 0 16px 0;}
.carslider .csbody .csbhead:empty{display: none;}
.carslider .csbody .csbhead{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;padding:0 16px;}
.carslider .csbody .csbhead p{margin:0px;font-weight:500;color: #465166; font-size: 16px;line-height: 16px;}
.carslider .csbody .csbhead p:empty{display: none;}
.carslider .csbody .csbhead a{background-color:#B31119;border-radius: 4px;color: #fff;padding: 4px 8px;font-size: 12px;line-height: 14px;}
.csbswiper .swiper-slide .card{border-radius: 4px;margin:0 12px 16px 12px;}
.csbswiper .card{border-radius: 4px;margin:8px 16px;}
.csbswiper .card .card-header{font-size:15px;line-height:18px;color:#465166;}
.csbswiper .card .card-header span{font-size: 12px;display: block;color: #9AA1B4;}
.csbswiper .chklist{}
.csbswiper .chklist .icon-checkbox{margin-right: 15px;}
.csbswiper .chklist .item-media{height: 32px;width: 32px;overflow: hidden;padding: 0;border:1px solid #DDE5EB;min-width: 32px;border-radius:4px;}
.csbswiper .chklist .item-media img{max-width: 100%;max-height: 100%;}
.csbswiper .chklist .item-title{font-size: 14px;}
.csbswiper .button-section{display: flex;align-items: center;justify-content: center;margin:10px 16px;}
.csbswiper .file_upload{border-radius:5px;border:1px dashed #9AA1B4;background-color: #F4F7F9;display: flex;align-items: center;justify-content: center;min-height:120px;}
.csbswiper .file_upload i{font-size: 32px;color: #465166;display: block;text-align: center;}
.csbswiper .file_upload p{color: #465166;font-size: 15px;margin:0px;}

.list.vat_condition .item-radio .icon-radio{margin-right: 15px;}
.list.vat_condition .item-radio .item-inner .item-title{white-space: normal;font-size: 12px;}

.chimg{align-items: center;display: flex;}
.chimg img{height: 32px;width: 32px;overflow: hidden;padding: 0;border:1px solid #DDE5EB;min-width: 32px;border-radius:4px;margin-right: 10px;}
.ccpimg{border:1px solid #DDE5EB;border-radius: 4px;overflow: hidden;}
.ccpimg img{max-width: 100%;margin: 0 auto;display: block;max-height:70px;}

.panel-card.card{margin:0px;border-radius: 0px;box-shadow: 0px -1px 4px rgba(0,0,0,0.16);}
.panel-card-marg.card{overflow: hidden;margin:12px;border-radius: 4px;box-shadow: 0px -1px 4px rgba(0,0,0,0.16);}
.panel-card.card.no-shadow{box-shadow:none;}
.panel-card.card .card-header{color:#334152;font-weight: 500;}

.add_lead_desc_swiper,
.add_lead_item_swiper,
.mechanic_swiper,
.add_mechanic_wr_swiper,
.car_body_van_light_swiper,
.car_body_wheel_slider,
.mechanic_event_swiper,
.car_body_wheel_swiper_replace,
.car_body_wheel_swiper_new,
.work_report_verification_swiper,
.work_report_end_step_swiper,
.work_report_altro_step_swiper,
.car_body_van_swiper,
.work_report_step_verification_swiper,
.work_report_photo_verification_swiper,
.work_report_inspection_swiper,
.work_report_description_swiper,
.mechanic_future_work_report_swiper,
.car_body_reversal_wheel_swiper,
.add_mechanic_future_lead_swiper,
.add_lead_swiper,.mechanic_future_swiper {margin-left:auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}

.sw-list{}
.sw-list ul{margin:0px -8px;padding: 0px;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.sw-list li{list-style: none;padding-right: 8px;padding-left: 8px;width:100%;position:relative;box-sizing: border-box;}
.sw-list.sw-list-href li a,
.sw-list li label{min-height: 46px;border-radius: 5px;border: 1px solid #dde5eb;background-color: #fff;line-height: 46px;text-align: center;margin-top: 16px;padding: 0 16px;font-size: 14px;font-weight:400;color: #465166;cursor: pointer;display: block;margin-bottom: 0px;user-select: none;transition: background 0.14s ease-in-out;text-transform: capitalize;position: relative;z-index: 1;}
.sw-list li label.car_photo_status_color_circle:after{content: "";background-color: var(--car-photo-status-color);height: 12px;width: 12px;border-radius: 100%;display: inline-block;vertical-align: middle;position: relative;top: -2px;right: -2px;}
.sw-list li label.car_photo_status_color_circle{padding: 0 5px;}
.sw-list.sw-list-href li a:hover,
.sw-list li label:hover{background-color: rgba(234,239,243,.5);}
.sw-list li input{position: absolute;top:0px;left: 0px;margin: 0px;height: 0px;width: 0px;opacity: 0;}
.sw-list li input:checked + label{border-color:#a8b6c1;background:#EAEFF3;}
.sw-list li input[disabled] + label{opacity: 0.75 !important;pointer-events: none !important;cursor: not-allowed;}
.autocomplete-dropdown .car_photo_status_color_autocomplete{background-color: var(--car-photo-status-color);margin-left:4px;height: 12px;width: 12px;border-radius: 100%;display: inline-block;vertical-align: middle;position: relative;top: -2px;right:0px;}
.autocomplete-page .car_photo_status_color_autocomplete{background-color: var(--car-photo-status-color);margin-left:4px;height: 12px;width: 12px;border-radius: 100%;display: inline-block;vertical-align: middle;position: relative;top: -2px;right:0px;}

.sw-list li label img{max-width:100%;}
.sw-list ul.text-left li label{text-align: left;}

.sw-list ul.col_less_padding li label{padding:0 8px;}

.sw-list ul li.sw-selected label {box-shadow: 0px 0px 0px 2px #2994ff inset;}

.sw-list ul.col_1 li{width:calc(100%/1);}
.sw-list ul.col_2 li{width:calc(100%/2);}
.sw-list ul.col_3 li{width:calc(100%/3);}
.sw-list ul.col_4 li{width:calc(100%/4);}
.sw-list ul.col_5 li{width:calc(100%/5);}
.sw-list ul.col_6 li{width:calc(100%/6);}

.sw-list.sw-list-href ul.col_1 li:not(:nth-child(n+2)) a,
.sw-list ul.col_1 li:not(:nth-child(n+2)) label{margin-top:0px;}
.sw-list.sw-list-href ul.col_2 li:not(:nth-child(n+3)) a,
.sw-list ul.col_2 li:not(:nth-child(n+3)) label{margin-top:0px;}
.sw-list.sw-list-href ul.col_3 li:not(:nth-child(n+4)) a,
.sw-list ul.col_3 li:not(:nth-child(n+4)) label{margin-top:0px;}
.sw-list.sw-list-href ul.col_4 li:not(:nth-child(n+5)) a,
.sw-list ul.col_4 li:not(:nth-child(n+5)) label{margin-top:0px;}
.sw-list.sw-list-href ul.col_5 li:not(:nth-child(n+6)) a,
.sw-list ul.col_5 li:not(:nth-child(n+6)) label{margin-top:0px;}
.sw-list.sw-list-href ul.col_6 li:not(:nth-child(n+7)) a,
.sw-list ul.col_6 li:not(:nth-child(n+7)) label{margin-top:0px;}

.sw-list.sw-list-href.row-img-text li a,
.sw-list.row-img-text li label{display:flex;align-items:center;justify-content:flex-start;padding:8px 12px;}
.sw-list.row-img-text li img{max-height:36px;max-width:36px;border-radius:2px;}
.sw-list.row-img-text li p{font-size: 16px;line-height: 17px;margin: 0 12px;}

.sw-list.sw-list-href.col-img-text li a,
.sw-list.col-img-text li label{display:flex;align-items: center;justify-content: flex-start;padding:8px;flex-direction: column;min-height: auto;line-height: normal;padding:12px 10px;}
.sw-list.col-img-text li img{max-height:64px;max-width:64px;border-radius:2px;}
.sw-list.col-img-text li p{font-size:14px;line-height:18px;margin:10px 0 0 0;}
.sw-list .nowrap-content li p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.sw-list.col-img-text.img-large li img{max-height:64px;max-width:120px;border-radius:2px;}

.sw-list.col-img li label{display:flex;align-items: center;justify-content: flex-start;padding:8px;flex-direction: column;min-height: auto;line-height: normal;padding:12px 10px;}
.sw-list.col-img li img{max-height:44px;max-width:44px;border-radius:2px;}

.sw-list li.active:not(.bor_red):not(.bor_yellow):not(.bor_orange):not(.bor_black) label{border-color:#999 !important;box-shadow:-0px 0px 0px 2px inset #999;}
.sw-list li.bor_red label{border-color:#fd2c03 !important;box-shadow:-0px 0px 0px 2px inset #fd2c03;}
.sw-list li.bor_yellow label{border-color:#eee657 !important;box-shadow:-0px 0px 0px 2px inset #eee657;}
.sw-list li.bor_orange label{border-color:#ffa500 !important;box-shadow:-0px 0px 0px 2px inset #ffa500;}
.sw-list li.bor_black label{border-color:#000 !important;box-shadow:-0px 0px 0px 2px inset #000;}

.bor_red{border-color:#fd2c03 !important;}
.bor_yellow{border-color:#eee657 !important;}
.bor_orange{border-color:#ffa500 !important;}
.bor_black{border-color:#000 !important;}

.mix-overlay{mix-blend-mode: multiply;}
.sw-map{height:280px;width:100%;border-radius:0px;}

.speech-note{position: relative;padding: 16px;text-align: center;}
.speech-note p{margin:0px 0 14px 0;color: var(--c-theme-d);font-size: 16px;}
.speech-note .link{height: 64px;width: 64px;border-radius:100%;background-color:#038376;color:#fff;box-shadow: 0px -1px 4px rgba(0,0,0,0.44);overflow:hidden;}
.speech-note .link i{font-size: 24px;}

.fileupload_box{}
.fileupload_box .item-input-wrap{border:1.5px dashed #9AA1B4;background-color:#F4F7F9;border-radius: 4px;overflow: hidden;text-align: center;width:calc(100% - 20px);}
.fileupload_box .item-input-wrap a:not(.image_delete_section){position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.fileupload_box .item-input-wrap a:not(.image_delete_preview){position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.fileupload_box .item-input-wrap span{font-size:14px;color:#465166;display: block;line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fileupload_box .item-input-wrap:after{display: none !important;}
.fileupload_box .item-inner .image_delete_section{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);font-size: 20px;height: 18px;width: 18px;text-align: center;line-height: 18px;}
.fileupload_box .item-inner .image_delete_preview{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);font-size: 20px;height: 18px;width: 18px;text-align: center;line-height: 18px;}
 
.admore_wrap{margin:8px 16px;text-align: right;}
.admore_wrap a{font-size:14px;text-transform: capitalize; padding: 4px 8px;overflow: hidden;border-radius: 4px;background-color:#e3e7e8;}
.admore_wrap a i{font-size:20px;margin-right:5px;}


.card_fileupload{}
.card_fileupload .fileupload_box{padding: 0 16px;}
.card_fileupload .fileupload_box .item-inner{padding: 0px;align-items: center;}
.card_fileupload .fileupload_box .item-input-wrap{height: 100px;width: 100px;background-image:var(--bg-url,url('../images/photo-camera.png'));background-size: 60px;background-position: center;background-repeat:no-repeat;background-color:#FFF;}
.card_fileupload .fileupload_box .item-input-wrap a{display: none;}
.card_fileupload .admore_wrap{text-align: center;margin-top: -16px;}
.card_fileupload .admore_wrap a{background-color: #fff;box-shadow: 0px 2px 4px rgb(0 0 0 / 16%);border-radius: 0 0 25px 25px;padding: 4px 8px 10px;}
.card_fileupload .admore_wrap a i{font-size: 36px;line-height: normal;margin: 0;}
 
.smart-search-icon a{height:30px;width:30px;background-color: #EAEFF3;color: #F16832;overflow: hidden;border-radius: 100%;flex: 0 0 30px;}
.smart-search-icon .smart-select .item-title{font-size:0px;}
.smart-search-icon .smart-select .item-title:before{content: "\f002"; font-family: "FontAwesome";font-size: 15px;text-align: center;height: 30px;width: 30px;display: block;line-height: 30px;}
.smart-search-icon .smart-select .item-after{opacity: 0;}

.autocomplete-page .list,
.select_list .list{margin:0px;}
.autocomplete-page .list li i,
.select_list .list li i{margin-right: 15px !important;}
.autocomplete-page .page-content,
.select_list .page-content{background-color:#EDF0F2;}
.select_list .page-content li.disabled label.item-radio,
.select_list .page-content li.disabled{opacity: 1 !important;}
.select_list .page-content li.disabled label.item-radio .item-title{opacity: 0.55;}

.car-img-desc .card-car-img{box-sizing: border-box;position: relative;}
.car-img-desc .card-car-img .cci-vector{width: 200px;height: 200px;position: relative;overflow: hidden;background-image: url(../images/car-vector.png);background-repeat: no-repeat;background-position: center center;background-size: contain;margin:0 auto;}
.car-img-desc .card-car-img .cci-vector span{position: absolute;left: 0;right: 0;color:#3E4B5B;bottom: 65px;letter-spacing: 1px;text-align: center;font-size: 12px;font-weight: 600;}
.car-img-desc .card-car-details{padding:8px 16px;border-top:1px solid #EDF1F2;}
.car-img-desc .card-car-details ul{margin:0px;padding:0px;}
.car-img-desc .card-car-details ul li{display: block;margin-bottom: 10px;font-weight: 500;color:#3E4B5B;}
.car-img-desc .card-car-details ul li:last-child{margin-bottom: 0px;}
.car-img-desc .card-car-details ul li span{color:rgba(90,99,126,0.80);font-size: 12px;font-weight: 400;display: block;}

.product_detail_slide .car-img-desc .card-car-img img{display: block;margin: 0 auto;max-width: 140px;max-height: 140px;}
/*=== End : Steps Design ====*/


/*=== Start : Lead Details ====*/
.lead-wrap .navbar .title span{color:var(--f7-theme-color);}
.lead-wrap .page-content .sticky-details{position: sticky;top:0;z-index: 999;background-color:#fff;display: none; }
.navbar a.icon-only.carInfoSticky{width:auto;}
.navbar a.icon-only.carInfoSticky.active i.fa:not(.fa-car){transform: rotate(180deg);}
.carInfoSticky i.fa:not(.fa-car){height: 22px;width: 22px;background-color: #EAEFF3;color: #9AA1B4;text-align: center;line-height: 23px;border-radius: 100%;font-size:20px;transition: all 0.2s ease-in-out;}

.lead-wrap .car-info-card{background-color:#fff;padding:14px 12px;box-shadow: 0px -1px 4px rgba(0,0,0,0.16);margin-bottom: 10px;}
.car-info-card ul{margin:0px;padding:0px;display: flex;flex-wrap: wrap;list-style: none;}
.car-info-card ul li{display: block;margin-bottom: 10px;font-weight: 500;color:#3E4B5B;flex:0 0 50%;max-width: 50%;}
.car-info-card ul li:last-child{margin-bottom: 0px;}
.car-info-card ul li span{color:rgba(90,99,126,0.80);font-size: 12px;font-weight: 400;display: block;text-transform: uppercase;letter-spacing: 1px;}
.car-info-card ul li.number-plate span{background-image: url('../images/number_plat.png');height: 30px;width: 140px;background-size:contain;background-repeat:no-repeat;background-position:left top;font-size: 19px;font-weight:600;text-align: center;color:#3E4B5B;}


.image_delete_section{background-color: #f35434;height: 24px;width: 24px;display: block;text-align: center;line-height: 24px;color: #fff;border-radius: 25px 0 0 25px;position: absolute;right: 0;top: 0;z-index:4;}
.image_delete_preview{background-color: #f35434;height: 24px;width: 24px;display: block;text-align: center;line-height: 24px;color: #fff;border-radius: 25px 0 0 25px;position: absolute;right: 0;top: 0;z-index:4;}

.details-tabs .panel-card{margin-bottom:10px;}
.details-tabs .panel-card.categories-select-card .item-media{min-width:50px;}
.details-tabs .panel-card.categories-select-card .item-media img{max-width:50px;max-height:24px;display: block;margin:0 auto;}
.details-tabs .panel-card.categories-select-card .item-title{font-size: 15px;}
.details-tabs .panel-card.lights-select-card ul{margin:0px;padding:0px;list-style: none;position: relative;display: flex;flex-wrap: wrap;}
.details-tabs .panel-card.lights-select-card ul li{flex: 0 0 64px;max-width: 64px;position: relative;margin-bottom: 10px;border: 1px solid #a8b6c1;background-color: #f7f9fb;padding: 4px 8px;box-sizing: border-box;margin-right: 10px;border-radius: 4px;text-align: center;}
.details-tabs .panel-card.lights-select-card ul li img{max-height: 28px;max-width: 34px;border-radius: 2px;mix-blend-mode: multiply;display: block;margin: 0 auto;text-align: center;}
.card-header p{margin:0px;}
.card-header .light-txt{font-size: 14px;font-weight: normal;display: block;line-height: 16px;opacity: 0.8;}

.driver-card.card ul{margin:0px;padding:0px;}
.driver-card.card ul li{display: block;padding-bottom:8px;margin-bottom: 8px; border-bottom: 1px solid #EDF0F2;}
.driver-card.card ul li:last-child{padding-bottom: 0px;margin-bottom:0;border-bottom: 0px;}
.driver-card.card ul li h4{margin:0px 0 4px 0;font-size: 15px;font-weight: 500;letter-spacing: 0.4px;text-transform: capitalize;color:#334152;line-height: 18px;}
.driver-card.card ul li p{margin:0px;}
.driver-card.card ul li p span{color:rgba(90,99,126,1);font-size: 15px;display: inline-block;}
.driver-card.card ul li p span:not(:last-child){margin-right: 8px;}
.driver-card.card ul li p span i{height: 28px;width: 28px;background-color: #EAEFF3;color: #6d7488;text-align: center;line-height: 28px;border-radius: 100%;font-size:14px;margin-right:2px;}

.lead-wrap .toolbar{background-color:#fff;}

.photo-list-wrap{margin:0px;padding:0px;list-style: none;display: flex;align-items: stretch;flex-wrap: wrap;}
.photo-list-wrap li{flex:0 0 82px;max-width: 82px;border:1px solid #ddd;border-radius: 4px;margin:0 10px 10px 0;overflow:hidden;position: relative;}
.photo-list-wrap li .pl-media{height:54px;overflow:hidden;}
.photo-list-wrap li .pl-media img{height: 100%;width:100%;object-position:center;object-fit: cover;}
.photo-list-wrap li .pl-title{border-top: 1px solid #ddd;overflow: hidden;white-space: nowrap;font-size: 12px;padding: 2px 4px;line-height: 16px;text-overflow: ellipsis;color: var(--c-theme-d);}

.timeline{}
.timeline .timeline-item-content{width:100%;}
.timeline .timeline-item-content:before{content: "";position: absolute;left: -10px;z-index: 999999;border-right: 12px solid #fff;border-top: 0px solid transparent;border-bottom: 12px solid transparent;top: 0px;}
.timeline .timeline-item-inner{box-shadow: 0px 2px 6px rgba(0,0,0,0.16);padding:0;border-top-left-radius: 0px;}
.timeline .ti-title{color:#334152;font-size: 16px;font-weight: 500;padding:8px 16px;border-bottom: 1px solid #edf0f2;}
.timeline .ti-content{padding:8px 16px;box-shadow: 0px 5px 15px rgba(0,0,0,0.05);}
.timeline .ti-content p{margin:0 0 8px;color:#334152;font-size: 14px; line-height:20px;}
.timeline .ti-content p b{font-weight: 400;color:#334152;}
.timeline .ti-timestamp{padding:8px 16px 10px;display: flex;align-items:center;}
.timeline .ti-timestamp a{flex:0 0 44px;max-width: 44px;}
.timeline .ti-timestamp a img{height:36px;width:36px;display: block;}
.timeline .ti-timestamp p{flex:0 0 calc(100% - 44px);max-width: calc(100% - 44px);margin:0px;}
.timeline .ti-timestamp p span{display: block;}
.timeline .ti-timestamp p .ti-tsname{font-size: 14px;font-weight: 500;color:#334152;}
.timeline .ti-timestamp p .ti-tsdate{font-size: 12px;color:#58666e;line-height: 12px;}
.timeline .ti-timestamp p .ti-tsdate b{font-weight: normal;}
.timeline .timeline-item-divider{background-color: var(--f7-theme-color);margin-left: 0px;margin-top:-2px;}

.appointment-tab .card{margin-bottom:10px;}
.appointment-tab .card .at-label{border-radius: 25px;background-color: rgb(230 82 82 / 12%);color: #e65252;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;font-size: 12px;padding: 4px 10px;line-height: 16px;}
.appointment-tab .card .at-label.color-blue{background-color:rgb(33 150 243 / 12%);color: #2196f3;}
.appointment-tab .at-items{border-bottom: 1px solid #EDF0F2;padding:10px 16px;}
.appointment-tab .at-items label{display: block;margin:0 0 4px 0;font-size: 12px; line-height: 14px;color:rgba(90,99,126,1);font-weight: 400;text-transform: uppercase;}
.appointment-tab .at-items p{margin:0;padding:0;color:#3E4B5B;font-size: 15px;line-height: 18px;font-weight: 500;}
.v-divider{display: inline-block;height: 14px;width:1.5px;background-color: #666;margin: 0 5px 0 3px;position: relative;top: 1px;}

.error-card{background-color:#e2e3e5;color:#41464b;overflow: hidden;position: relative; border:1px solid #d3d6d8;margin:16px;padding:8px;border-radius: 4px;text-align: center;}
.error-card .ripple-wave{z-index:1;}
.error-card.warning{background-color:#f8d7da;color:#842029;border-color:#f5c2c7;}
.error-card.info{color: #084298;background-color: #cfe2ff;border-color: #b6d4fe;}
.error-card.success{color: #0f5132;background-color: #d1e7dd;border-color: #badbcc;}
/*=== End : Lead Details ====*/

/*=== Start : Driver Lead Details ====*/
.appointment-head .appointment-title.appointment-title-driver .appointment-title-desc{flex: 0 0 calc(100% - 120px);max-width: calc(100% - 120px);}
.appointment-head .appointment-title.appointment-title-driver .appointment-title-desc h4 i{font-size: 25px;line-height: 28px;vertical-align: middle;}
.appointment-head .appointment-title.appointment-title-driver .appointment-title-img{flex:0 0 120px;max-width: 120px;}
.appointment-head .appointment-title.appointment-title-driver .appointment-title-img img{max-width: 64px;}
.appointment-head .appointment-title.appointment-title-driver .appointment-title-img img.sos-ati{max-width: 36px;display:block;margin-left: auto;}
.appointment-head .appointment-title.appointment-title-driver .appointment-title-img .number_plate{background-image: url("../images/number_plat.png");height: 18px;width: 84px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 12px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 18px;letter-spacing: 1px;margin: 0;position: absolute;right: 4px;bottom:7px;}

.sos-item-lead-list{padding: 0px;position: relative;overflow-x: hidden;}
.sos-item-lead-list .sos-lead-ritem{border-bottom: 1px solid #ddd;position: relative;}
.sos-item-lead-list .sos-lead-ritem a{color:#334152;display: block;position: relative;}
.sos-item-lead-list .sos-lead-ritem a:hover{background-color: #f4f4f4;}
.sos-item-lead-list .sos-lead-ritem a .slr-head{padding: 5px 8px;padding-right: 100px;position: relative;font-size: 14px;color: #334152;font-weight: 600;}
.sos-item-lead-list .sos-lead-ritem a .slr-head b{color: #047BF8;}
.sos-item-lead-list .sos-lead-ritem a .slr-head .number_plate{background-image: url("../images/number_plat.png");height: 23px;width: 88px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 12px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 20px;letter-spacing: 1px;margin: 5px auto 0;position: absolute;top: 0px;right: 6px;}
.sos-item-lead-list .sos-lead-ritem a .slr-body{display: flex;align-items: stretch;position: relative;}
.sos-item-lead-list .sos-lead-ritem a .slr-body .slr-body-item{flex: 0 0 50%;max-width: 50%;color: #334152;font-size: 14px;font-weight: 500;padding: 2px 8px 4px;box-sizing: border-box;}
.sos-item-lead-list .sos-lead-ritem a .slr-body .slr-body-item span{font-weight: normal;opacity: 0.64;font-size: 12px;display: block;line-height: 14px;}
.bor-radius-none{border-radius: 0px !important;}
.drive-leads-list{padding: 0px;position: relative;overflow-x: hidden;}
.drive-leads-list .lead-right-item{border-bottom: 8px solid #EDF1F2;position: relative;}
.drive-leads-list .lead-right-item a{color:#334152;display: block;position: relative;}
.drive-leads-list .lead-right-item a .lr-head{padding: 5px 8px;background-color: #F8F9FB;position: relative;padding-left: 42px;padding-right: 24px;}
.drive-leads-list.is_del_active .lead-right-item a .lr-head{padding-right: 34px;}
.drive-leads-list .lead-right-item a .lr-head img{position: absolute;left: 6px;max-height: 32px;max-width: 30px;top: 8px;}
.drive-leads-list .lead-right-item a .lr-head h4{line-height: normal;padding-right: 100px;position: relative;font-size: 14px;color: #334152;font-weight: 600;margin: 0;}
.drive-leads-list .lead-right-item a .lr-head h4 b{color: #047BF8;}
.drive-leads-list .lead-right-item a .lr-head .number_plate{font-size: 14px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 14px;letter-spacing: 1px;margin: 0;position: absolute;top: 4px;right: 6px;}
.drive-leads-list .lead-right-item a .lr-head p{margin: 0px 0 0 0;display: flex;align-items: center;justify-content: space-between;line-height: normal;}
.drive-leads-list .lead-right-item a .lr-head p span{color: #7a838e;font-size: 12px;font-weight: 500;}
.drive-leads-list .lead-right-item a .lr-head p b{margin-right: 8px;color: #047BF8;}
.drive-leads-list .lead-right-item a .lr-body{display: flex;flex-wrap:wrap; align-items: stretch;position: relative;padding: 7px 0;}
.drive-leads-list .lead-right-item a .lr-body .lr-body-item{flex: 0 0 100%;max-width: 100%;color: #7a838e;font-weight: 500;padding: 0px 8px 4px 8px;box-sizing: border-box;font-size: 12px;line-height: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.drive-leads-list .lead-right-item a .lr-body .lr-body-item:last-child{padding-bottom: 0px;}
.drive-leads-list .lead-right-item a .lr-body .lr-body-item span{font-weight: 600;color:#334152;}
.drive-leads-list .lead-right-item a.customer_plan_lead_delete{position: absolute;top: 8px;right: 4px;width: 30px;height: 24px;color: #db1212;display: flex;align-items: center;justify-content: center;z-index: 2;}
.drive-leads-list .lead-right-item a.customer_plan_lead_delete i{font-size: 20px;}
.drive-leads-list .lead-right-item.item-blink{animation: blink-head 1s steps(5, start) infinite;-webkit-animation: blink-head 1s steps(5, start) infinite;}
.drive-leads-list .lead-right-item.item-blink .lr-head{background-color: transparent;}
.drive-leads-list .lead-right-item.item-blink .lr-body{background-color: transparent;}

.drive-leads-form{background-color: #fff;margin-bottom: 15px;position: sticky;top: 0;z-index: 999;display: none;box-shadow: 0px -1px 4px rgba(0,0,0,0.16);}
.drive-leads-form .list{margin: 0 0 5px 0;}
.drive-leads-form .list li{overflow: hidden;}
.drive-leads-form .button-section{padding: 15px 0;border-top:1px solid rgba(0, 0, 0, 0.06);}
.drive-leads-form .button-section .button{max-width: 140px;margin: 0 auto;}

.drive-leads-page .theme_card{box-shadow: none;background-color: transparent;padding: 0 8px !important;}
.drive-leads-page .drive-leads-list .lead-right-item{background-color: #fff;border:1px solid #d4d7d7;border-radius: 4px;overflow: hidden;margin-bottom: 8px;}

.drive-leads-card{margin: 8px;background-color: #fff;border:1px solid #D4D7D7;border-radius: 6px;}
.drive-leads-card .drive-card-body{padding: 8px 10px;}
.drive-leads-card .drive-card-body h4{font-size: 14px;font-weight: normal;color:#2B2B2B;margin: 0;}
.drive-leads-card .drive-card-body h4 span{font-weight: 500;color:var(--f7-theme-color);font-size: 15px;}
.drive-leads-card .drive-card-body .numberplate{background-image: url(../images/number_plate_grey.svg);width: 94px;height: 28px;background-repeat: no-repeat;background-size: contain;background-position: center;display: flex;align-items: center;justify-content: center;font-weight: bold;letter-spacing: 0.6px;font-size: 12px;line-height: 1;}
.drive-leads-card .drive-card-body .display-flex{margin-bottom: 12px;}
.drive-leads-card .drive-card-body p{margin: 0 0 7px 0;font-size: 12px;color:#7A838E;line-height: 1;}
.drive-leads-card .drive-card-body p:last-child{margin:0;}
.drive-leads-card .drive-card-body p b{font-weight: 500;color:#3F4041;}
.drive-leads-card .drive-card-foot{border-top:1px solid #D4D7D7;padding: 8px 10px;}
.drive-leads-card .drive-card-foot p{margin: 0;color:#7A838E;font-size: 12px;}
.drive-leads-card .drive-card-foot p i{font-size: 14px;font-weight: 300;line-height: 1;position: relative;top: 1px;}
.drive-leads-card .drive-card-foot .badge{background-color: var(--f7-theme-color);font-size: 12px;padding: 4px 8px;line-height: normal;display: block;height: auto;letter-spacing: 0.4px;border-radius: 4px;}


.car-list-ul{padding: 8px;}
.car-list-ul ul{margin: 0;padding: 0;list-style: none;}
.car-list-ul ul li{margin-bottom: 8px;padding: 8px 10px; background-color: #fff;border:1px solid #D4D7D7;border-radius: 6px;display: flex;align-items: center;justify-content: space-between;}
.car-list-ul ul li .numberplate{background-image: url(../images/number_plate_grey.svg);width: 94px;height: 28px;background-repeat: no-repeat;background-size: contain;background-position: center;display: flex;align-items: center;justify-content: center;font-weight: bold;letter-spacing: 0.6px;font-size: 12px;line-height: 1;}
.car-list-ul ul li p{font-weight: 500;margin: 0;font-size: 14px;color:#3F4041;line-height: 1;flex:1;max-width: 100%;padding: 0 8px;}
.car-list-ul ul li p span{font-weight: normal;display: block;font-size: 13px;}
.car-list-ul ul li .button-list{display: flex;}
.car-list-ul ul li .button-list .button{--f7-button-height:24px;--f7-button-padding-horizontal:4px;--f7-button-min-width:28px;}
.car-list-ul ul li .button-list .button + .button{margin-left: 4px;}
@keyframes blink-head {
    to {background-color: #f9d4d4;}
}
@-webkit-keyframes blink-head {
    to {background-color: #f9d4d4;}
}


.page[data-map-extra="drive-lead-dwrap"]{--f7-toolbar-height:110px;}
.page[data-map-extra="drive-lead-dwrap"][data-toolbar-extra="toolbar-height-full"]{--f7-toolbar-height:150px;}
.page[data-map-extra="drive-lead-dwrap"][data-toolbat-button="drive-lead-dwrap-xheight"][data-hand-toolbar="lead-wrap-hand"]{--f7-toolbar-height:218px;}
.page[data-map-extra="drive-lead-dwrap"][data-toolbat-button="drive-lead-dwrap-xheight"]:not([data-hand-toolbar="lead-wrap-hand"]){--f7-toolbar-height:160px;}
.page[data-map-extra="drive-lead-dwrap"] .toolbar.mechanic-work-toolbar{background-color: #fff;}
.page[data-map-extra="drive-lead-dwrap"] .toolbar.mechanic-work-toolbar:after{display: none;}
.page[data-map-extra="drive-lead-dwrap"] .toolbar.mechanic-work-toolbar:before{background-color: #ddd;}
.page[data-map-extra="drive-lead-dwrap"] .toolbar .mechanic-event-viewer{width: 100%;position: relative;height: 100%;overflow: hidden;}
.page[data-map-extra="drive-lead-dwrap"] .toolbar .mechanic-event-viewer .tw-list-row .tw-list-left{padding-top: 8px;}
.page[data-map-extra="drive-lead-dwrap"] .toolbar .mechanic-event-viewer .tw-list-row .tw-list-right{padding-top: 8px;}
.page[data-map-extra="drive-lead-dwrap"] .page-content .theme_card{margin-bottom:0;box-shadow:none;border:1px solid #f4f4f4;margin-top:10px;}


.driver-event-viewer{width: 100%;height: 100%;}
.driver-event-viewer .tw-list-row .tw-list-left{flex: 0 0 55%;max-width: 55%;padding:0px;}
.driver-event-viewer .tw-list-row .tw-list-left.tw-list-full{flex: 0 0 100%;max-width: 100%;padding:0px;}
.driver-event-viewer .tw-list-row .tw-list-right{flex: 0 0 45%;max-width: 45%;padding-top:10px;}
.driver-event-viewer .tw-list-row .tw-list-right ul:before{bottom: 30px;}
.driver-event-viewer .tw-list-row .tw-list-right ul li p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.driver-event-viewer .tw-list-row .tw-list-left .wll-inner{border-radius: 0px;border-left: 0;text-align: left;}
.driver-event-viewer .tw-list-progress{margin-top:5px;}
.driver-event-viewer .tw-list-progress ul{padding:0;}
.driver-event-viewer .tw-list-progress ul li.wlp-icon img{max-width:34px;display:block;}
.driver-event-viewer .tw-list-progress ul li.wlp-btn{padding: 0;display: flex;align-items: center;justify-content: flex-end;}
.driver-event-viewer .tw-list-progress ul li.wlp-btn .button{margin-left:auto;}
.driver-event-viewer .tw-list-progress ul li:not(.wlp-icon){flex: 0 0 calc(calc(100% - 40px)/1);max-width: calc(calc(100% - 40px)/1);}
.driver-event-viewer .tw-list-progress ul li h4{color:#303030;}
.driver-event-viewer .tw-list-row .tw-list-time{flex: 0 0 100%;max-width: 100%;padding:0;}
.driver-event-viewer .tw-list-row .tw-list-time p{padding:0px;font-size: 12px;}


.mechanic-work-toolbar.mwt-new .tw-list-row .tw-list-time p{padding:0px;font-size: 12px;/*flex: 0 0 100%;max-width: 100%;*/}
/*=== End : Driver Lead Details ====*/


/*=== Start : SOS Details ====*/
.sos-inner-wrap{position: relative;padding:80px 16px 16px 16px;}
.sos-inner-wrap .sos-card{margin:0px;box-shadow: none;border:1px solid #ddd;}
.sos-inner-wrap .sos-card .card-content-padding{padding:24px 16px;text-align: center;}
.sos-inner-wrap .sos-card .card-content-padding img{display: block;max-width: 110px;margin:0 auto;}
.sos-inner-wrap .sos-card .card-content-padding h4{font-size: 20px;font-weight: 500;color:#303030;text-transform: capitalize;margin:16px 0;}

.sos-inner-wrap .center-pos.no-request-sos{min-height: 200px;}
.sos-inner-wrap .center-pos.no-request-sos img{max-width: 180px;}
.sos-inner-wrap .center-pos.no-request-sos h4{font-size: 20px;font-weight: 500;letter-spacing: 0.4px;color:#5e7085;text-transform: capitalize;}

.sos-event-map{height:calc(100% - 44px);width:100%;}
.sos-home-map{height:calc(100vh - 300px);width:100%;}

.sos-work-toolbar .driver-event-viewer .tw-list-row .tw-list-left .wll-inner{height: 100%;}
.sos-work-toolbar .driver-event-viewer .tw-list-row{height: 100%;}
[data-toolbar-extra="toolbar-height-full"] .sos-work-toolbar .driver-event-viewer .tw-list-row .tw-list-right ul{height: calc(100% - 36px);}
.sos-work-toolbar .driver-event-viewer .tw-list-row .tw-list-right .tw-list-rbutton .button{--f7-button-height:28px;--f7-button-font-size:12px;--f7-button-border-radius:2px;}
.sos-work-toolbar .tw-list-left .tw-number-plate{background-image: url("../images/number_plat.png");height: 26px;max-width: 120px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 17px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 26px;letter-spacing: 1px;margin:auto;margin-top: 5px;flex: 0 0 120px;}
/*=== End : SOS Details ====*/

/*calendar start ====*/
.popover.calender_options{ width:120px;}
.popover.calender_options_sp{ width:140px;}
.calender_options .list .list-button{font-size: 14px;line-height: 36px;color: var(--c-theme-d);}

.tcic_content{box-shadow: 1px 2px 3px rgba(0,0,0,0.3);}
.tcic_content .calendar-week-header{font-size: 14px;font-weight: 500;color: #333 !important;}

.title [class*="tcic_"]{ position: relative;padding-right:20px; }
.title [class*="tcic_"]:before{ content: "\f0d7"; position: absolute;right: 0; font-family: "FontAwesome"; transition: all 0.3s ease-in-out; }
.title .tcic_show:before{transform: rotate(-180deg);}
.tcic_content{ overflow: hidden; transition: all 0.3s ease-in-out;}
.tcic_content.tcic_hide{ height: 0px;}
.tcic_content.tcic_show{ height: 340px;}

.calendar:not(.modal-in) .calendar-week-header{background-color:#EAEFF3;height: 30px;}
.calendar .calendar-week-header .calendar-week-day{line-height: 30px;}

.filter_sheet{}
.filter_sheet .toolbar{background-color:#fff;border-bottom: 1px solid #ddd;}
.filter_sheet .toolbar .toolbar-inner{padding:0 0 0 16px;}
.filter_sheet .toolbar .toolbar-inner .title{font-size: 16px;font-weight: 500;color:var(--c-theme-d);}
.filter_sheet .toolbar .toolbar-inner .right .link{font-weight: 400;text-transform: uppercase;letter-spacing: 1px;}
/*calendar End ====*/

/*=== Home Map Start =====*/
.map-car-station{--f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));height: 100%;}
.map-car-station iframe{height: 100%;width: 100%;}

.sheet-backdrop.backdrop-in{background: rgba(0,0,0,.2);}
.sheet-modal .sheet-modal-inner:before{content: "";position: absolute;height: 4px;width: 30px;background-color: #aaa;top: 10px;left: 0;right: 0;margin: 0 auto;border-radius: 50px;}
.sheet-modal.custome-map-location{border-radius: 14px 14px 0 0;box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.4); --f7-sheet-height:214px;}
.sheet-modal.custome-map-location .cw_diraction,
.sheet-modal.custome-map-location .cw_address{display: flex;align-self: center;justify-content: flex-start;padding-bottom: 8px;}
.sheet-modal.custome-map-location .cw_address .cw_image{max-width: 105px;flex: 0 0 105px;}
.sheet-modal.custome-map-location .cw_address .cw_image img{height: 90px;width:90px;border-radius: 4px;display: block;}
.sheet-modal.custome-map-location .cw_address .cw_details h2{font-size:18px;font-weight: bold;line-height: 22px;letter-spacing:0px;color: #000;margin-bottom:5px;margin-top:0px}
.sheet-modal.custome-map-location .cw_address .cw_details p{margin:0px 0 6px 0; color:rgba(0,0,0,.5); font-size: 14px; line-height: 18px;}
.sheet-modal.custome-map-location .cw_address .cw_details p a{color:rgba(0,0,0,.5);}
.sheet-modal.custome-map-location .cw_diraction .cwd_img{max-width:50px;flex: 0 0 50px;}
.sheet-modal.custome-map-location .cw_diraction .cwd_img img{height:40px;width:40px;display: block;}
.sheet-modal.custome-map-location .cw_diraction .cwd_desc{}
.sheet-modal.custome-map-location .cw_diraction .cwd_desc p{margin: 2px 0 0 0; font-size: 16px;font-weight: bold; line-height: 18px;color:#f93030;}
.sheet-modal.custome-map-location .cw_diraction .cwd_desc span{font-weight: normal;color:#444;}
.sheet-modal.custome-map-location .cw_diraction .cwd_desc small{ color:rgba(0,0,0,.5); font-weight: normal; font-size: 14px;}

.sheet-modal.custome-map-location .cw_bottom{padding-top: 14px;border-top:1px solid #ddd;margin-top:6px}
.sheet-modal.custome-map-location .cw_diraction{padding: 0px;}


#calendar_task{position: absolute; height:360px;z-index: 9;left: 8px;right:8px;top:64px;background: #fff;border-radius: 8px;overflow: hidden; box-shadow:0px 0px 14px 4px rgba(0,0,0,.2);}
.calendar-overlay{background-color:rgba(0,0,0,0.14);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 8;}
/*=== Home Map End =====*/


/*===  Select date and time start ===*/
.date-slider{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.date-slider{margin:0 -16px;}
.date-slider .swiper-button-prev,
.date-slider .swiper-button-next{height:20px;margin:0px;top: 0px;outline: none;border: 0px;}
.date-slider .swiper-button-prev:after,
.date-slider .swiper-button-next:after{font-size:16px; font-weight: bold;color:#aaaaaa;}
.date-slider .ds-title{color: #aaaaaa; font-size: 16px;line-height: 18px;text-align: center;}
.date-slider .ds-month-list{margin-top:14px;}
.date-slider .ds-month-list ul{margin:0px;padding:0px;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;flex-wrap: nowrap;overflow: auto;}
.date-slider .ds-month-list ul li{position: relative;list-style: none;margin:8px 4px;text-align: center;min-width:50px;box-sizing: border-box;}

.time_slot .time_slot_item input,
.time_section .time_section_item input,
.date-slider .ds-month-list ul li input{position: absolute;left: 0;top: 0;height: 0;width: 0;margin:0px;}

.time_slot .time_slot_item label,
.time_section .time_section_item label,
.date-slider .ds-month-list ul li label{background: #fff;position: relative;padding:12px 6px; display: block; border-radius:6px;overflow: hidden;box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.3);transition: all 0.2s ease-in-out;}
.date-slider .ds-month-list ul li label span{display: block;transition: all 0.2s ease-in-out;}
.date-slider .ds-month-list ul li label span:first-child{font-size: 12px; text-transform: uppercase;line-height: 14px;color:#aaaaaa;letter-spacing: 0.8px;font-weight:normal;}
.date-slider .ds-month-list ul li label span:last-child{font-size:22px;line-height:24px;color:#444444; font-weight: 500;margin-top: 4px;}

.time_slot .time_slot_item input:checked + label,
.time_section .time_section_item input:checked + label,
.date-slider .ds-month-list ul li input:checked + label{background-color: var(--f7-theme-color);}

.time_slot .time_slot_item input:checked + label,
.time_section .time_section_item input:checked + label,
.date-slider .ds-month-list ul li input:checked + label span{color:#fff;}

.date-slider .ds-month-list ul::-webkit-scrollbar {width: 0px;height:0px;display:none}
.date-slider .ds-month-list ul::-webkit-scrollbar-track {background: transparent;}
.date-slider .ds-month-list ul::-webkit-scrollbar-thumb {background: transparent;}


.time_section{display: flex;align-items: stretch;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.time_section .time_section_item{position: relative;width: 30%;}
.time_section .time_section_item label{padding:20px 16px;text-align: center;}
.time_section .time_section_item label i{display: block;font-size: 30px;line-height: 30px;margin-bottom: 8px;}
.time_section .time_section_item label span{display: block;font-size: 15px;font-weight:normal;letter-spacing: 0.5px;line-height: 16px;}

.time_slot{display: flex;align-items: stretch;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.time_slot .time_slot_item{position: relative;width: 48%;}
.time_slot .time_slot_item label{margin-bottom:16px;text-align: center; text-transform: uppercase;padding:8px 6px;}
.time_slot .time_slot_item input[disabled] + label span{opacity: 0.45;}

.select-toolbar{background: #fff;padding: 16px;box-shadow: -2px 0 14px -4px rgba(0,0,0,0.5);}
.select-toolbar .select-inner{color:#444;display: flex;align-items: center;justify-content: space-between;;}
.select-toolbar .st-address{}
.select-toolbar .st-address p{ font-size: 13px;line-height: 17px;margin:0;}
.select-toolbar .st-button{}
.select-toolbar .st-button a{line-height: normal;height: auto; font-size: 15px;padding:6px 16px 7px; font-weight: normal;}
/*===  Select date and time end ===*/

/*== Start : Ware house app ==*/
.table_panel{}

tr.tr-green{box-shadow:0px 0px 0px 1.5px #45e710 inset}
tr.tr-red{box-shadow:0px 0px 0px 1.5px #ff2a2a inset}

/* tr.tr-green td{border-top:1px solid #45e710;border-bottom:1px solid #45e710;}
tr.tr-green td:first-child{border-left:1px solid #45e710;}
tr.tr-green td:last-child{border-right:1px solid #45e710;}

tr.tr-red td{border-top:1px solid #ff2a2a;border-bottom:1px solid #ff2a2a;}
tr.tr-red td:first-child{border-left:1px solid #ff2a2a;}
tr.tr-red td:last-child{border-right:1px solid #ff2a2a;} */


.table_panel .tbl_qty{ max-width: 31px; }
.table_panel .tbl_qty.rbl_qty_lg { max-width: 44px; }
.table_panel .tbl_qty.rbl_qty_lg input{max-width:44px;}
.table_panel .tbl_qty select,
.table_panel .tbl_qty input{max-width: 31px;height: 36px;text-align: center;border-bottom: 2px solid #a5a3a3;}
.table_panel .tbl_qty select:focus,
.table_panel .tbl_qty input:focus{border-bottom-color:var(--f7-theme-color);}
.md .table_panel .data-table th, .md .table_panel .data-table td {padding-left:6px;padding-right:6px;}

.warehouse-dash-box{display: flex;flex-direction: column;height: 100%;padding: 16px;box-sizing: border-box;}
.warehouse-dash-box a{background-image: url('../images/warehouse-button.png');min-height: 130px; padding: 40px 24px;border-radius: 8px;background-repeat: no-repeat;background-size: 100%;font-size: 32px;line-height: 50px;background-position: -1px -11px;position: relative;overflow: hidden;text-align: center;}
.warehouse-dash-box .warehouse_inventraio{background-color: #369FFF;color:#fff;}
.warehouse-dash-box .warehouse_preparo{background-color: #FF993A;color:#fff;margin-top: 20px;}
.warehouse-dash-box .warehouse_product_list{background-color: #ff3ad9;color:#fff;margin-top: 20px;}
.warehouse-dash-box .transfer_product{background-color: #471ddb;color:#fff;margin-top: 20px;}

.warehouse_inventory_box:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.2);}
.warehouse_inventory_box .wib_left{display: flex;width: 88%;padding: 8px 5px;box-sizing: border-box;}
.warehouse_inventory_box .wib_left .wib-img{height: 40px;width: 40px;}
.warehouse_inventory_box .wib_left .wib-img img{max-width: 100%;max-height: 100%;object-fit: contain;object-position: center;}
.warehouse_inventory_box .wib_left .wib-head{flex:0 0 calc(100% - 40px);max-width: calc(100% - 40px); padding-left: 5px;box-sizing: border-box;}
.warehouse_inventory_box .wib_left .wib-head p{margin: 0;font-size: 12px;letter-spacing: 0.4px;opacity: 0.7;line-height: 1;}
.warehouse_inventory_box .wib_left .wib-head h4{margin: 2px 0;font-size: 14px;font-weight: 500;line-height: 1;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.warehouse_inventory_box .wib_right{width: 12%;text-align: right;}
.warehouse_inventory_box .wib_right .badge{margin: 8px 5px 0 0;border-radius: 4px;}
.warehouse_inventory_box .wib_foot{padding: 0px;}
.warehouse_inventory_box .wib_foot p{margin: 0 0 0 0;font-size: 12px;line-height: 1.2;font-weight: 600;}
.warehouse_inventory_box .wib_foot p b{font-weight: 500;opacity: 0.8;}
/*== End : Ware house app ==*/


/*== Start : Admin  house app ==*/
.admin-dash-box{display: flex;flex-direction: column;height: 100%;padding: 16px;box-sizing: border-box;}
.admin-dash-box a{background-image: url('../images/warehouse-button.png');min-height: 130px; padding: 40px 24px;border-radius: 8px;background-repeat: no-repeat;background-size: 100%;font-size: 32px;line-height: 50px;background-position: -1px -11px;position: relative;overflow: hidden;text-align: center;}
.admin-dash-box .intervention_list{background-color: #ff3636;color:#fff;}
.admin-dash-box .leads_intervention{background-color: #471ddb;color:#fff;margin-top: 20px;}
.admin-dash-box .car_list{background-color: #25890c;color:#fff;margin-top: 20px;}
/*== End : Admin  house app ==*/

/*==== Car Information Start =====*/
.br-none{border-bottom: none !important;}
.theme_card{overflow: hidden;border-radius:8px;box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.3);padding: 16px;margin:20px 16px;position: relative;}
.theme_card .car_img{max-height: 200px;}
.theme_card .car_img img{max-width: 100%;display: block;}
.theme_card .car_details{display: block;border-bottom: 1px solid #cccccc;padding-bottom: 12px;margin-bottom: 12px;}
.theme_card .car_details.car_details_row{display: flex;align-items: center;justify-content: space-between;}
.theme_card .car_details .cd_name h3{margin: 0;font-size: 18px;line-height: 20px;letter-spacing: 0.4px;color: var(--f7-theme-color);}
.theme_card .car_details h4{margin: 0;font-size:15px;line-height:18px;letter-spacing: 0.4px;color:#444;}
.theme_card .car_details .cd_name > p{margin:4px 0 0 0; font-size: 14px;font-weight: normal;color:#444444;line-height: 16px;}
.theme_card .car_details p{margin:4px 0 0 0; font-size: 14px;font-weight: normal;color:#aaaaaa;line-height: 16px;}
.theme_card .car_details p span{ font-size: 12px;}
.theme_card .car_details p.color-dark{color:#444;}
.theme_card .car_details .cd_type span{background: #d9edf8;color:var(--f7-theme-color);display: block;padding: 7px 14px;border-radius: 50px;font-weight: 500;font-size: 14px;line-height: 16px;}
.theme_card .car_button .button{background-color:#edf0f2;color:#444;}
.theme_card .car_button .button .ripple-wave{background-color:rgba(0,0,0,0.05);}
.theme_card .this_car_slect{position: absolute;top: 16px;right: 16px;height: 32px;width: 32px;z-index: 1;overflow: hidden;border-radius: 100%;}
.theme_card .this_car_slect a{display: block;}
.theme_card .this_car_slect a span{background-image:url(../images/car_select_mark.png);height: 32px;width: 32px;display: block;background-size: 200%;background-repeat: no-repeat;background-position: -32px 0px;}
.theme_card .this_car_slect a.car_select span{background-position: 0px 0px;}
/*==== Car Information end =====*/


/*==== Car Service type Start =====*/
.navbar .right .sslocation.link{padding-left:0;}
.sslocation span{max-width: 60px;font-size: 12px;line-height: 16px;font-weight: 500;}
.sslocation span b{font-weight: 500;color:#FF0000;}
.sslocation i{font-size: 22px;}
.service_type .theme_card{margin-top:0px;border-top:8px solid var(--f7-theme-color);padding-left: 22px;}
.service_type .theme_card .service_name{display: flex;align-items: center;justify-content: space-between;}
.service_type .theme_card .service_name h4{font-size: 16px;line-height: 17px;color:#000;margin:0px;}
.service_type .theme_card .service_name h4 span{color:#aaaaaa;font-size: 12px;font-weight: normal;line-height: 12px;display: block;}
.service_type .theme_card .service_name .service_selection{position: relative;min-width: 75px;text-align: right;}
.service_type .theme_card .service_name .service_selection input{height:0px;width:0px;position: absolute;margin:0px;}
.service_type .theme_card .service_name .service_selection label{background-color: var(--f7-theme-color);color: #fff;font-size: 12px;line-height: 14px;padding: 4px 10px;border-radius: 4px; cursor: pointer;letter-spacing: 0.8px;}
.service_type .theme_card .service_name .service_selection label::before{content: "Seleziona";}
.service_type .theme_card .service_name .service_selection input:checked + label{background-color: #444444;;}
.service_type .theme_card .service_name .service_selection input:checked + label::before{content: "Seleziona";}
.service_type .theme_card .service_features{margin:20px 0;padding:0px;}
.service_type .theme_card .service_features li{position: relative;display: block; font-weight: 500;margin-bottom: 4px;padding-left: 12px; font-size: 14px; line-height: 18px;}
.service_type .theme_card .service_features li::before{content: "";height: 5px;width:5px;background-color: #444;position: absolute;left: 0;top: 5px;border-radius: 100%;}
.service_type .theme_card h3{ font-size: 22px;line-height: 24px;margin: 20px 0 5px;color:#000;text-align: center;}
.service_type .theme_card h3 span{font-size: 14px;color:#999;font-weight: 500;display: inline-block;position: relative;top: -2px;margin-left: 2px;}
.service_type .custom-block.btn-sticy{position: sticky;bottom: 0;background-color:#edf0f2;z-index: 2;box-shadow: 0px -2px 6px -1px rgba(0,0,0,0.4);margin:0px;padding: 20px 16px;;}

.service_features_content{display: flex;align-items: stretch;position: relative;padding-top:14px;}
.service_features_content .sf_content{flex:0 0 calc(100% - 100px);max-width: calc(100% - 100px);}
.service_features_content .sf_content p{margin:0px;}
.service_features_content .sf_image{flex:0 0 100px;max-width: 100px;}
.service_features_content .sf_image img{max-width: 100%;}

.service_type_intro{padding:16px;position: relative;}
.service_type_intro h4{margin: 0px;font-size: 18px;line-height: 20px;color: var(--f7-theme-color);}
.service_type_intro h4 span{color:#686868;}
.service_type_intro p{margin:4px 0 0 0;font-weight: 500;color:var(--c-theme-d);}

.service_type_cart.service_type .theme_card h3{text-align:right;}
.service_type_cart.service_type .theme_card .service_name .service_selection label{pointer-events: none;letter-spacing: 0;font-size: 10px;font-weight: 500;}
.service_type_cart.service_type .theme_card .service_name .service_selection label:before{display: none;}
.service_type_cart.service_type .sf_iextra{display: flex;align-items: center;}
.service_type_cart.service_type .sf_iextra p{max-width: 74px;font-size: 14px;line-height: 16px;font-weight: 500;color:var(--f7-theme-color);margin:0px;}
.service_type_cart.service_type .sf_iextra p span{font-weight: 500;color:#FF0000;}
.service_type_cart.service_type .sf_iextra i{font-size: 22px;color:var(--f7-theme-color);}
.service_type_cart.service_type .custom-block.btn-sticy p{margin-top:0px;text-align:center;color:var(--c-theme-d);font-weight: 600;line-height: 16px;font-size: 16px;}
/*==== Car Service type End =====*/


/*==== appointment-maps Start =====*/
.mob-station-id{height: 34px;width: 34px;border-radius: 100%;background-color: #444444;color: #fff;font-size: 12px;text-align: center;line-height: 12px;border: 2px solid #FFD500;font-weight: 500;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.mob-station-id b{font-weight: 500;display: block;width: 20px;word-break: break-all;}

.appointment-map .view-map-tab.toolbar-top .toolbar-inner a i{font-size: 24px;line-height: 24px;font-weight: bold;}
.appointment-map .view-map-tab.toolbar-top .toolbar-inner a i.fa-2x{font-size:30px;}
.appointment-map .toolbar-button.toolbar-bottom .toolbar-inner a{background-color:rgba(var(--f7-theme-color-rgb),0.05);color:var(--f7-theme-color);font-weight: 400;}
.appointment-map .toolbar-button.toolbar-bottom .toolbar-inner a.active{background-color:var(--f7-theme-color);color:#fff;}
.appointment-map .toolbar-button.toolbar-bottom .toolbar-inner a .ripple-wave{background-color:rgba(var(--f7-theme-color-rgb),0.08);}
.appointment-map .toolbar-button.toolbar-bottom .toolbar-inner a.active-state:before{display: none;}

.appointment-head{background-color:#f0f3f4;position: relative;display: flex;align-items: stretch;}
.appointment-head .appointment-week{flex:0 0 120px;max-width: 120px;position: relative;box-sizing: border-box;display: flex;align-items: stretch;}
.appointment-head .appointment-title{flex:0 0 calc(100% - 120px);max-width: calc(100% - 120px);position: relative;box-sizing: border-box;display: flex;align-items: center;padding: 0 6px;}
.appointment-head .appointment-title.title-with-link .appointment-title-desc{flex:0 0 calc(100% - 154px);max-width: calc(100% - 154px);}
.appointment-head .appointment-title.title-with-link .mechanic-future-list{flex:0 0 80px;max-width: 80px;position: relative;overflow: hidden;}
.appointment-head .appointment-week .aw-calendar-date,
.appointment-head .appointment-week .aw-calendar{flex:0 0 50%;max-width:50%;text-align: center;border-right:1px solid #ccd5d8;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.appointment-head .appointment-week .aw-calendar-date b,
.appointment-head .appointment-week .aw-calendar span{display: block;font-size: 20px;line-height: 20px;font-style: normal;font-weight: 600;color: #BF0000;text-transform: uppercase;}
.appointment-head .appointment-week .aw-calendar-date span,
.appointment-head .appointment-week .aw-calendar b{display: block;font-size: 18px;line-height: 20px;font-style: normal;font-weight: 600;}
.appointment-head .appointment-week .aw-calendar-date span{font-weight: normal;font-size: 15px;text-transform: capitalize;}
.appointment-head .appointment-week .aw-calendar-date b{font-size: 24px;line-height: 24px;}
.appointment-head .appointment-title .appointment-title-desc{flex:0 0 calc(100% - 74px);max-width: calc(100% - 74px);position: relative;}
.appointment-head .appointment-title .appointment-title-desc h4{margin:0px;color:#000;font-size: 17px;white-space: nowrap;overflow: hidden;line-height: 18px;}
.appointment-head .appointment-title .appointment-title-desc h4 small{color:#58666e;font-weight: 500;margin-left:5px;font-size: 15px;}
.appointment-head .appointment-title .appointment-title-desc p{margin:0px;font-size: 14px;color:#3d4f58;}
.appointment-head .appointment-title .appointment-title-desc p i{margin-right: 4px;font-size: 18px;line-height: 14px;display:inline-block;vertical-align: middle;}
.appointment-head .appointment-title .appointment-title-desc p b{font-weight: 500;}
.appointment-head .appointment-title .appointment-title-img{flex:0 0 74px;max-width: 74px;position: relative;padding-left: 5px;box-sizing: border-box;}
.appointment-head .appointment-title .appointment-title-img img{max-width: 100%;mix-blend-mode: multiply;display: block;}
.appointment-head .appointment-title .appointment-title-img .mob-station-id{position: absolute;bottom:8px;left:3px;transform: scale(0.9);}


.appointment-calendar .appointment-event .appointment-progress{}
.appointment-progress .progress-event-items{}
.appointment-progress .progress-event-items .pei-lunch-box,
.appointment-progress .progress-event-items .pei-event-box,
.appointment-progress .progress-event-items .pei-travel-box{position: absolute;z-index: 3;left:222px;}
.appointment-progress .progress-event-items .pei-row .pei-icon{height: 32px;width: 32px;border: 2px solid #ddd;position: relative;top:-16px;font-size: 18px;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.appointment-progress .progress-event-items .pei-row .pei-icon:after{content: "";height: 2px;left: -22px;width: 22px;background: #9c9c9c;position: absolute;bottom: 17px;}
.appointment-progress .progress-event-items .pei-row.pi-completed .pei-icon{background-color: #189500;color:#fff;}

.appointment-progress .progress-event-items .pei-row.pi-completed .pei-lunch-box .pei-icon{background-color: #fff;color:#303030;}
.appointment-progress .progress-event-items .pei-row.pi-completed .pei-lunch-box.pi-lunch-completed .pei-icon{background-color: #189500;color:#fff;}

.appointment-progress .progress-event-items .pei-row.pi-completed .pei-icon .fi-report:after{content: "\4b";font-family: "fleet";font-style: normal;position: absolute;font-size: 12px;right: 2px;bottom: 2px;background-color: #fff;color: green;line-height: 12px;border-radius: 100%;}
.appointment-progress .progress-event-items .pei-travel-box{
    top:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
}
.appointment-progress .progress-event-items .pei-event-box{
    top:calc(calc(100%/var(--mt-column) * var(--event-end-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-e-min)));
}
.appointment-progress .progress-event-items .pei-lunch-box{
    top:calc(calc(100%/var(--mt-column) * var(--lunch-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
}
.appointment-progress .progress-event-items .pei-row{}
.appointment-progress .progress-event-items .pei-row .pei-content{position: absolute;left: 40px;width: 100px;text-align: left;top: -18px;font-size: 12px;line-height: 14px;}
.appointment-progress .progress-event-items .pei-row .pei-content b{display: block;font-weight: 700;color:#BF0000;}
.appointment-progress .progress-event-items .pei-row:after{content: "";width: 2px;left: 240px;position: absolute;border-left: 2px dashed #9c9c9c;z-index: 1;opacity: 0;}
.appointment-progress .progress-event-items .pei-row:not(.pei-lunch-row):after{
    height: calc(calc(100%/var(--mt-column) * calc(var(--event-end-left) - var(--travel-left))) + calc(calc(100%/var(--mt-column) / 60) * var(--event-e-min)) - calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
    top:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
}
.appointment-progress .progress-event-items .pei-row.pei-lunch-row:after{
    height:calc(calc(100%/var(--mt-column) * calc(var(--lunch-end-left) - var(--lunch-left))) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-e-min)) - calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
    top:calc(calc(100%/var(--mt-column) * var(--lunch-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
}
.appointment-progress .progress-event-items .pei-row.pi-completed:not(.pei-lunch-row):before{content: "";width: 2px;position: absolute;left: 240px;border-left: 2px solid #189500;z-index: 2;opacity: 0;
    height: calc(calc(calc(100%/var(--mt-column) * calc(var(--event-end-left) - var(--travel-left))) + calc(calc(100%/var(--mt-column) / 60) * var(--event-e-min)) - calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min))) / calc(100 / var(--progress-width,100)));
    top:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
}
.appointment-progress .progress-event-items .pei-row.pei-lunch-row.pi-completed:before{content: "";width: 2px;position: absolute;left: 240px;border-left: 2px solid #189500;z-index: 2;opacity: 0;
    height:calc(calc(100%/var(--mt-column) * calc(var(--lunch-end-left) - var(--lunch-left))) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-e-min)) - calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
    top:calc(calc(100%/var(--mt-column) * var(--lunch-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
}
.appointment-progress .progress-event-items .pei-row.pi-completed .pei-point{
    position: absolute;z-index: 2;
    top:calc(calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min))) + calc(calc(calc(100%/var(--mt-column) * calc(var(--event-end-left) - var(--travel-left))) + calc(calc(100%/var(--mt-column) / 60) * var(--event-e-min)) - calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min))) / calc(100 / var(--progress-width))));
}
.appointment-progress .progress-event-items .pei-row.pi-completed .pei-point:after{content: "";background-image: url("../images/truck-cog-location.png");height: 40px;width: 37px;position: absolute;background-size: contain;top: -37px;left: 255px;z-index: 1;}
.appointment-progress .progress-event-items .pei-row.pi-completed .pei-point:before{content: attr(data-desc);width: 100px;font-size: 11px;line-height: 12px;z-index: 2;position: absolute;top: -35px;left:295px;}

:root{
	--mt-column:24;

	--lunch-left: 0;
	--lunch-end-left: 0;
	--lunch-s-min: 0;
	--lunch-e-min: 0;

	--travel-left: 0;
	--event-left: 0;
	--event-end-left: 0;
	--event-s-min: 0;
	--event-e-min: 0;
	--event-travel-s-min: 0;
	--event-travel-e-min: 0;
}
/*
travel Time : 9:30 to 11:00
event Time : 11:00 to 12:30

lunch Time : 12:30 to 13:40

travel Time : 13:40 to 14:10
event Time : 14:10 to 18:14

--travel-left: 2;--event-left: 5;--event-end-left: 6;--event-s-min: 0;--event-e-min: 30;--event-travel-s-min:30;--event-travel-e-min: 00;

.appointment-schedule .appo-schedule-row .work-schedule{background-color: #008BF1;color:#fff;z-index: 2;position: absolute;}
.appointment-schedule .appo-schedule-row .work-schedule{
    width: calc(calc(100%/14 * calc(12 - 8)) + calc(calc(100%/14 / 60) * 14) - calc(calc(100%/14 / 60) * 10));
    left:calc(calc(100%/14 * 8) + calc(calc(100%/14 / 60) * 10));
}
.appointment-schedule .appo-schedule-row .travel-schedule{background-color: #1CAB00;z-index: 2;position: absolute;}
.appointment-schedule .appo-schedule-row .travel-schedule{
    width: calc(calc(100%/14 * calc(8 - 7)) - calc(calc(100%/14 / 60) * 40) + calc(calc(100%/14 / 60) * 10));
    left:calc(calc(100%/14 * 7) + calc(calc(100%/14 / 60) * 40));
}
*/

.appointment-calendar{position: relative;height: 700px;}
.appointment-calendar .appointment-index{position: relative;height: 100%;width:100%;}
.appointment-calendar .appointment-index ul{margin: 0px;padding: 0px;list-style: none;position: relative;height: 100%;width:100%;}
.appointment-calendar .appointment-index ul li{height:calc(100%/var(--mt-column));position: relative;display: block;width: 100%;box-sizing: border-box;}
.appointment-calendar .appointment-index ul li:before{content: "";position: absolute;bottom: 0;width: 100%;height: 1px;background-color: #e8e8e8;right: 0;}
.appointment-calendar .appointment-index ul li:after{content:attr(data-time);position: absolute;top: 50%;font-size: 14px;font-weight: 400;left: 10px;text-align: left;pointer-events: none;transform: translateY(-50%);opacity: 0;}


.appointment-schedule .appo-schedule-row .work-schedule{background-color: #008BF1;color:#fff;z-index: 2;position: absolute;}
.appointment-schedule .appo-schedule-row:not(.sos-schedule):before,
.appointment-schedule .appo-schedule-row .work-schedule{
    height: calc(calc(100%/var(--mt-column) * calc(var(--event-end-left) - var(--event-left))) + calc(calc(100%/var(--mt-column) / 60) * var(--event-e-min)) - calc(calc(100%/var(--mt-column) / 60) * var(--event-s-min)));
    top:calc(calc(100%/var(--mt-column) * var(--event-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-s-min)));
}
.appointment-schedule .appo-schedule-row:not(.sos-schedule):before{position: absolute;content: attr(data-bn-content);left: 255px;text-align: left;padding: 0 8px;overflow: hidden;width: 110px;z-index: 2;}

.appointment-schedule .appo-schedule-row .travel-schedule{background-color: #1CAB00;z-index: 2;position: absolute;}
.appointment-schedule .appo-schedule-row .travel-schedule{
    height: calc(calc(100%/var(--mt-column) * calc(var(--event-left) - var(--travel-left))) - calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-e-min)));
    top:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
}

.appointment-schedule .lunch-schedule{background-color: #FFAA00;z-index: 1;position: absolute;}
.appointment-schedule .lunch-schedule{
    height:calc(calc(100%/var(--mt-column) * calc(var(--lunch-end-left) - var(--lunch-left))) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-e-min)) - calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
    top:calc(calc(100%/var(--mt-column) * var(--lunch-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
}
.appointment-schedule .appo-schedule-row .work-schedule,
.appointment-schedule .appo-schedule-row .travel-schedule,
.appointment-schedule .lunch-schedule{width: 160px;left:40px; padding: 2px 5px;color: #fff;overflow: hidden;display: flex;flex-direction: column;box-sizing:border-box;}

.appointment-schedule .ae-title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.appointment-schedule .ae-title span{}
.appointment-schedule .ae-foot{margin-top: auto;display: flex;}
.appointment-schedule .ae-foot span{display: block;/*margin-left: auto;*/}
.appointment-schedule .work-schedule .ae-header{margin-bottom: 5px;position: relative;}
.appointment-schedule .work-schedule .ae-header .ae-work{font-size: 14px;line-height: 16px;padding-left: 21px;position: relative;}
.appointment-schedule .work-schedule .ae-header .ae-work i{position: absolute;left: -2px;font-weight: 300;font-size: 18px;top: 3px;}
.appointment-schedule .work-schedule .ae-header .ae-time{font-size: 12px;font-weight: 600;}
.appointment-schedule .work-schedule .ae-header .ae-time i{font-weight: normal;}
.appointment-schedule .work-schedule .ae-header .ae-time span{}
.appointment-schedule .work-schedule .ae-content{display: flex;flex-direction: column;flex: 1;}
.appointment-schedule .work-schedule .ae-content p{font-size: 10px;line-height: 11px;margin: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.appointment-schedule .work-schedule .ae-content .ae-bottom{margin-top: auto;display: flex;align-items: center;justify-content: space-between;}
.appointment-schedule .work-schedule .ae-content .ae-bottom span{}
.appointment-schedule .work-schedule .ae-content .ae-bottom i{}

.add-mechanic-lead-item{margin:16px 0;position: relative;padding:1px 16px;text-align: center;}
.add-mechanic-lead-item a{height:34px;width:34px;border-radius: 100%;border:1px solid #aaa;color:#aaa;display: flex;align-items: center;justify-content: center; margin: 0 auto;}
.add-mechanic-lead-item a i{font-size: 24px;}

.tw-list-sheet.sheet-modal{--f7-sheet-height:281px;}
.tw-list-sheet.sheet-modal.sheet-height273{--f7-sheet-height:273px;}
.tw-list-sheet.sheet-modal .sheet-modal-inner:before{top:6px;}
.tw-list-row{position: relative;display: flex;align-items: stretch;}
.tw-list-row .tw-list-left{flex:0 0 40%;max-width: 40%;box-sizing: border-box;padding: 20px 0px 0 8px;}
.tw-list-row .tw-list-left .wll-inner{background-color: #f0f3f4;padding: 8px;border-radius: 4px;border: 1px solid #d9e5e8;text-align: right;overflow:hidden;}
.tw-list-row .tw-list-left h4{color:#189500;margin:0px;font-size: 14px;}
.tw-list-row .tw-list-left p{margin:0px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.tw-list-row .tw-list-right{flex:0 0 60%;max-width: 60%;box-sizing: border-box;padding: 24px 12px 0 8px;}
.tw-list-row .tw-list-right ul{margin:0px;padding:0px;list-style: none;position: relative;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.tw-list-row .tw-list-right ul:before{content: "";position: absolute;width: 2px;top: 10px;bottom: 18px;border-left: 1px dashed #bbb;left: 7px;}
.tw-list-row .tw-list-right ul li{padding-left: 24px;position: relative;}
.tw-list-row .tw-list-right ul li i{position: absolute;left: 0;top: 0;height: 20px;width: 20px;display: flex;font-size: 20px;align-items: center;background-color: #fff;}
.tw-list-row .tw-list-right ul li i.fi-marker{left:-4px;}
.tw-list-row .tw-list-right ul li p{font-size: 12px;line-height: normal;margin:0;}
.tw-list-row .tw-list-right ul li:last-child p{margin-bottom: 7px;}
.custom_divider_sm{height: 2px;margin: 10px auto;width: calc(100% - 16px);}
.tw-list-row .tw-list-time{flex:0 0 60%;max-width: 60%;box-sizing: border-box;padding-left: 8px;display:flex;}
.tw-list-row .tw-list-time p{margin:0px;flex:0 0 50%;max-width: 50%;padding-right:8px;box-sizing: border-box;}
.tw-list-row .tw-list-time p span{font-weight: 600;}
.tw-list-row .tw-list-btn{flex:0 0 40%;max-width: 40%;box-sizing: border-box;padding-right: 8px;}
.tw-list-btn.fs12 .button{font-size: 12px;}
.tw-list-progress{position: relative;padding-bottom: 10px;}
.tw-list-progress ul{margin:0px;padding:0px 8px;list-style: none;position: relative;display: flex;align-items: center;}
.tw-list-progress ul li.wlp-icon{flex:0 0 40px;max-width: 40px;box-sizing: border-box;}
.tw-list-progress ul li.wlp-icon i{font-size: 34px;height: 32px;display: flex;align-items: center;}
.tw-list-progress ul li:not(.wlp-icon){flex:0 0 calc(calc(100% - 40px)/3);max-width:calc(calc(100% - 40px)/3); padding-left:28px;box-sizing: border-box;position: relative;}
.tw-list-progress ul li:not(.wlp-icon) p{margin:0px;font-size: 12px;line-height: 14px;white-space: nowrap;color:#88919c;overflow: hidden;text-overflow: ellipsis;padding-right: 4px;}
.tw-list-progress ul li:not(.wlp-icon) h4{margin:0px;font-size: 15px;line-height: 18px;font-weight: 500;}
.tw-list-progress ul li:not(.wlp-icon):not(.wlp-btn):before{content: "";height: 24px;width: 24px;background-image: url(../images/progress-icon.png);position: absolute;background-size: contain;left: -1px;top: 4px;}
.tw-list-progress ul li.time-process.active:before{background-image: url(../images/progress.svg);}
.tw-list-progress ul li.time-process:not(.active){padding-left: 10px;}
.tw-list-progress ul li.time-process:not(.active):before{display: none;}

.tw-list-button{height: 48px;display: flex;align-items: stretch;overflow:hidden;}
.tw-list-button a{background-color:rgba(var(--f7-theme-color-rgb),0.05);color:var(--f7-theme-color);font-weight: 400;height: 100%;flex:0 0 50%;max-width: 50%;}
.tw-list-button a.active{background-color:var(--f7-theme-color);color:#fff;}
.tw-list-button a.full-button{max-width:100%;flex:0 0 100%;}
.tw-list-button a.active .ripple-wave{background-color:rgba(21,111,167,0.8);}
.tw-list-button a .ripple-wave{background-color:rgba(var(--f7-theme-color-rgb),0.08);}
.tw-list-button a.active-state:before{display: none;}

.work-list-sheet.tw-list-sheet{--f7-sheet-height:250px;}
.mechanic-event-viewer .tw-list-row .tw-list-right p{font-size: 12px;line-height: normal;margin:0;}
.mechanic-event-viewer .tw-list-row .tw-list-left .wll-inner{position: relative;padding-left: 40px;padding-top: 4px;padding-bottom: 4px;}
.mechanic-event-viewer .tw-list-row .tw-list-left .wll-inner .fi-list{position: absolute;left: 3px;font-size: 30px;top: 10px;line-height: 30px;}
.mechanic-event-viewer .tw-list-row .tw-list-left .wll-inner h4{color:#0670D9;}
.mechanic-event-viewer .tw-list-row .tw-list-right{display: flex;align-items: center;padding-right: 8px;}
.mechanic-event-viewer .tw-list-row .tw-list-right img{max-width:50px;flex:0 0 50px; }
.mechanic-event-viewer .tw-list-row .tw-list-right i{max-width:28px;flex:0 0 28px;color:#FFD500; }
.mechanic-event-viewer .tw-list-row .tw-list-right p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 11px;line-height: 12px;flex:1;max-width: 100%;padding:0 4px;}
.mechanic-event-viewer .tw-list-row.tw-location-number{padding:12px 8px 0 8px;align-items: center;}
.mechanic-event-viewer .tw-list-row.tw-location-number i:not(.dociconpdf){position: absolute;font-size: 24px;line-height: 24px;left: 5px;}
.mechanic-event-viewer .tw-list-row.tw-location-number p{padding-left: 28px;margin:0px;line-height: normal;padding-right:12px;flex:0 0 calc(100% - 150px);max-width: calc(100% - 150px);box-sizing: border-box;}
.mechanic-event-viewer .tw-list-row.tw-location-number p.extra-icon{flex: 0 0 calc(100% - 180px);max-width: calc(100% - 180px);}
.mechanic-event-viewer .tw-list-row.tw-location-number .doc-icon-extra{flex: 0 0 75px;max-width: 75px;display: flex;align-items: center;justify-content: center;}
.mechanic-event-viewer .tw-list-row.tw-location-number .doc-icon-extra a{color:#fff;width: 100%;background-color: #f33333;}
.mechanic-event-viewer .tw-list-row.tw-location-number .doc-icon-extra + .doc-icon-extra{margin-left: 10px}
.mechanic-event-viewer .tw-list-row.tw-location-number .tw-number-plate{background-image: url("../images/number_plat.png");height: 26px;max-width: 120px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 17px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 26px;letter-spacing: 1px;margin:0;flex: 0 0 120px;margin-left:auto;}

.aw-event-viewer .mechanic-event-viewer .tw-list-row .tw-list-left{padding-top:12px;}
.aw-event-viewer .mechanic-event-viewer .tw-list-row .tw-list-right{padding-top:12px;}
.aw-event-viewer .mechanic-travel-viewer .tw-list-row .tw-list-time,
.aw-event-viewer .mechanic-event-viewer .tw-list-row .tw-list-time{flex: 0 0 100%;max-width: 100%;padding-right: 8px;}
.aw-event-viewer .mechanic-travel-viewer .tw-list-row{padding-top: 12px;}

.aw-event-viewer .tw-list-row .tw-list-time.tw-list-time-icon>p:first-child{flex:0 0 40px;max-width: 40px;}
.aw-event-viewer .tw-list-row .tw-list-time.tw-list-time-icon>p:first-child i{font-size: 30px;line-height: 23px;vertical-align: middle;}
.aw-event-viewer .tw-list-row .tw-list-time.tw-list-time-icon>p:not(:first-child){flex:0 0 calc(100%/2 - 40px);max-width: calc(100%/2 - 40px);}

.mechanic-event-wrap.toolbar-height200{--f7-toolbar-height:200px;}
.mechanic-event-wrap{--f7-toolbar-height:250px;}
.mechanic-event-wrap .toolbar.mechanic-work-toolbar{background-color: #fff;}
.mechanic-event-wrap .toolbar.mechanic-work-toolbar:after{display: none;}
.mechanic-event-wrap .toolbar.mechanic-work-toolbar:before{background-color: #ddd;}
.mechanic-event-wrap .toolbar .mechanic-event-viewer{width: 100%;position: relative;height: 100%;overflow: hidden;}
.mechanic-event-wrap .toolbar .mechanic-event-viewer .tw-list-row .tw-list-left{padding-top: 8px;}
.mechanic-event-wrap .toolbar .mechanic-event-viewer .tw-list-row .tw-list-right{padding-top: 8px;}

.work-list-wrap{}
.work-list-wrap .work-list-header{}
.work-list-wrap .work-list-body ul,
.work-list-wrap .work-list-header ul{margin:0px;padding:0px;list-style: none;position: relative;display: flex;align-items: stretch;}
.work-list-wrap .work-list-header ul li{font-size: 10px;text-align: center; font-weight: 500;letter-spacing: 0.4px;padding:4px 0;box-sizing: border-box;overflow: hidden;}
.work-list-wrap .work-list-body ul li{font-size: 12px;text-align: center;line-height: normal;display: flex;align-items: center;justify-content: center;padding: 4px 0;position: relative;box-sizing: border-box;overflow: hidden;}
.work-list-wrap .work-list-body ul li.wl-item-num{max-width: 18px;flex:0 0 18px;background-color: #747474;}
.work-list-wrap .work-list-body ul li.wl-item-num span{color:#FFD500;}
.work-list-wrap .work-list-body ul li .wl-item-img{}
.work-list-wrap .work-list-body ul li .wl-item-img img{max-height: 24px;max-width: 30px;display: block;margin: 0 auto;}
.work-list-wrap .work-list-body ul li .wl-item-img p{margin:5px 0 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 11px;line-height: 12px;text-align: center;}
.work-list-wrap .work-list-body ul li .wl-item-icon{text-align: center;word-break: break-all;}
.work-list-wrap .work-list-body ul li .wl-item-icon i{font-size: 20px;}
.work-list-wrap .work-list-body ul li:nth-child(n+5):before{content: "";position: absolute;top: 0;bottom: 0;width: 1px;background: #e8e8e8;left: 0;}
.work-list-wrap .work-list-header ul li:nth-child(1),
.work-list-wrap .work-list-body ul li:nth-child(1){flex:0 0 5%;max-width: 5%;}
.work-list-wrap .work-list-header ul li:nth-child(2),
.work-list-wrap .work-list-body ul li:nth-child(2){flex:0 0 14%;max-width: 14%;}
.work-list-wrap .work-list-header ul li:nth-child(3),
.work-list-wrap .work-list-body ul li:nth-child(3){flex:0 0 14%;max-width: 14%;}
.work-list-wrap .work-list-header ul li:nth-child(4),
.work-list-wrap .work-list-body ul li:nth-child(4){flex:0 0 18%;max-width: 18%;}
.work-list-wrap .work-list-header ul li:nth-child(5),
.work-list-wrap .work-list-body ul li:nth-child(5){flex:0 0 15%;max-width: 15%;}
.work-list-wrap .work-list-header ul li:nth-child(6),
.work-list-wrap .work-list-body ul li:nth-child(6){flex:0 0 15%;max-width: 15%;}
.work-list-wrap .work-list-header ul li:nth-child(7),
.work-list-wrap .work-list-body ul li:nth-child(7){flex:0 0 10%;max-width: 10%;}
.work-list-wrap .work-list-header ul li:nth-child(8),
.work-list-wrap .work-list-body ul li:nth-child(8){flex:0 0 10%;max-width: 10%;}
/*.work-list-wrap .work-list-header ul li:nth-child(9),*/
/*.work-list-wrap .work-list-body ul li:nth-child(9){flex:0 0 9%;max-width: 9%;}*/

.work-list-wrap .tbl_qty{ max-width: 31px; }
.work-list-wrap .tbl_qty.rbl_qty_lg { max-width: 44px; }
.work-list-wrap .tbl_qty.rbl_qty_lg input{max-width:44px;}
.work-list-wrap .tbl_qty select,
.work-list-wrap .tbl_qty input{max-width: 31px;height: 36px;text-align: center;border-bottom: 2px solid #a5a3a3;}
.work-list-wrap .tbl_qty select:focus,
.work-list-wrap .tbl_qty input:focus{border-bottom-color:var(--f7-theme-color);}

.work-list-wrap.iira_wl .work-list-header ul li:nth-child(6),
.work-list-wrap.iira_wl .work-list-body ul li:nth-child(6){flex:0 0 14%;max-width: 14%;}

.work-list-wrap.wl_row_7 .work-list-header ul li:nth-child(6),
.work-list-wrap.wl_row_7 .work-list-body ul li:nth-child(6){flex:0 0 17%;max-width: 17%;}
.work-list-wrap.wl_row_7 .work-list-header ul li:nth-child(7),
.work-list-wrap.wl_row_7 .work-list-body ul li:nth-child(7){flex:0 0 17%;max-width: 17%;}


.work-list-wrap.mechanic_evenet_detail_pl .work-list-header ul li:nth-child(4),
.work-list-wrap.mechanic_evenet_detail_pl .work-list-body ul li:nth-child(4){flex:0 0 14%;max-width: 14%;}
.work-list-wrap.mechanic_evenet_detail_pl .work-list-header ul li:nth-child(7),
.work-list-wrap.mechanic_evenet_detail_pl .work-list-body ul li:nth-child(7){flex:0 0 8%;max-width: 8%;}
.work-list-wrap.mechanic_evenet_detail_pl .work-list-header ul li:nth-child(5),
.work-list-wrap.mechanic_evenet_detail_pl .work-list-body ul li:nth-child(5){flex:0 0 14%;max-width: 14%;}
.work-list-wrap.mechanic_evenet_detail_pl .work-list-header ul li:nth-child(6),
.work-list-wrap.mechanic_evenet_detail_pl .work-list-body ul li:nth-child(6){flex:0 0 14%;max-width: 14%;}
.work-list-wrap.mechanic_evenet_detail_pl .work-list-header ul li:nth-child(9),
.work-list-wrap.mechanic_evenet_detail_pl .work-list-body ul li:nth-child(9){flex:0 0 7%;max-width: 7%;}


.work-list-wrap:not(.is_installed_row_active):not(.lead-item-var) .work-list-header ul li:nth-child(2),
.work-list-wrap:not(.is_installed_row_active):not(.lead-item-var) .work-list-body ul li:nth-child(2){flex:0 0 15%;max-width: 15%;}
.work-list-wrap:not(.is_installed_row_active):not(.lead-item-var) .work-list-header ul li:nth-child(3),
.work-list-wrap:not(.is_installed_row_active):not(.lead-item-var) .work-list-body ul li:nth-child(3){flex:0 0 15%;max-width: 15%;}
.work-list-wrap:not(.is_installed_row_active):not(.lead-item-var) .work-list-header ul li:nth-child(6),
.work-list-wrap:not(.is_installed_row_active):not(.lead-item-var) .work-list-body ul li:nth-child(6){flex:0 0 15%;max-width: 15%;}

.work-list-wrap.work-list-wrap-mechanic .work-list-header ul li:nth-child(2),
.work-list-wrap.work-list-wrap-mechanic .work-list-body ul li:nth-child(2){flex:0 0 24%;max-width: 24%;}
.work-list-wrap.work-list-wrap-mechanic .work-list-header ul li:nth-child(3),
.work-list-wrap.work-list-wrap-mechanic .work-list-body ul li:nth-child(3){flex:0 0 24%;max-width: 24%;}
.work-list-wrap.work-list-wrap-mechanic .work-list-header ul li:nth-child(4),
.work-list-wrap.work-list-wrap-mechanic .work-list-body ul li:nth-child(4){flex:0 0 20%;max-width: 20%;}
.work-list-wrap.work-list-wrap-mechanic .work-list-header ul li:nth-child(6),
.work-list-wrap.work-list-wrap-mechanic .work-list-body ul li:nth-child(6){flex:0 0 16%;max-width: 16%;}
.work-list-wrap.work-list-wrap-mechanic .work-list-header ul li:nth-child(7),
.work-list-wrap.work-list-wrap-mechanic .work-list-body ul li:nth-child(7){flex:0 0 16%;max-width: 16%;}
.work-list-wrap.work-list-wrap-mechanic .card .card-footer .wl-menu:not(.wl-menu-four) li{flex: 0 0 100%;max-width: 100%;}

.work-list-wrap.lead-item-var .card .card-footer .wl-menu.wl-menu-four li{flex: 0 0 calc(100%/4);max-width: calc(100%/4);}
.work-list-wrap.lead-item-var .card .card-footer .wl-menu li{flex: 0 0 100%;max-width: 100%;}


.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(1),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(1){flex:0 0 var(--wl-1);max-width: var(--wl-1);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(2),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(2){flex:0 0 var(--wl-2);max-width: var(--wl-2);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(3),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(3){flex:0 0 var(--wl-3);max-width: var(--wl-3);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(4),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(4){flex:0 0 var(--wl-4);max-width: var(--wl-4);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(5),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(5){flex:0 0 var(--wl-5);max-width: var(--wl-5);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(6),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(6){flex:0 0 var(--wl-6);max-width: var(--wl-6);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(7),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(7){flex:0 0 var(--wl-7);max-width: var(--wl-7);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(8),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(8){flex:0 0 var(--wl-8);max-width: var(--wl-8);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(9),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(9){flex:0 0 var(--wl-9);max-width: var(--wl-9);}
.work-list-wrap.lead-item-var .work-list-header ul li:nth-child(10),
.work-list-wrap.lead-item-var .work-list-body ul li:nth-child(10){flex:0 0 var(--wl-10);max-width: var(--wl-10);}

.work-list-wrap .card .card-footer{display: block;min-height: auto;padding: 0;}
.work-list-wrap .card .card-footer .wl-menu{margin:0px;padding:0px;list-style: none;position: relative;display: flex;align-items: stretch;}
.work-list-wrap .card .card-footer .wl-menu li{flex:0 0 25%;max-width: 25%;box-sizing: border-box;border-right: 1px solid #d3dee2;}
.work-list-wrap .card .card-footer .wl-menu li:last-child{border:none;}
.work-list-wrap .card .card-footer .wl-menu li a{display: block;background-color: #edf1f3;color:#5e6a71;display: flex;align-items: center;justify-content: center;padding:5px 0;position: relative;overflow: hidden;}
.work-list-wrap .card .card-footer .wl-menu li a i{font-size: 18px;line-height: 18px;}
.work-list-wrap .card .card-footer .wl-menu li a.tab-link-active{background-color: #fff;}
.work-list-wrap .card .card-footer .wl-content{}
.work-list-wrap .card .card-footer .wl-content .tab .card{box-shadow: none;}
.work-list-wrap .card .card-footer .wl-content .tab .card .ct-brand{padding:5px 0;}
.work-list-wrap .card .card-footer .wl-content .tab .card .ct-brand .ct-brand-content{color:var(--f7-text-color);}
.work-list-wrap .card .card-footer .wl-content .tab .card .card-header{min-height:auto;font-size: 14px;padding:8px;}
.work-list-wrap .card .card-footer .wl-content .tab .card .config-oem-list li,
.work-list-wrap .card .card-footer .wl-content .tab .card .config-pd-list li{font-size: 12px;padding: 5px 8px;}
.work-list-wrap .card .card-footer .wl-content .tab .card .config-pd-list li span img{max-width: 20px;max-height: 20px;}
.work-list-wrap .card .card-footer .wl-content .tab .card .config-photo-list li{flex: 0 0 85px;max-width: 85px;margin-right: 4px;margin-bottom: 4px;height: 44px;}

.mechanic-travel-map{height: calc(100% - 244px);width: 100%;}
.mechanic-travel-wrap .tw-list-progress{padding-bottom: 0;}
.mechanic-travel-wrap .tw-list-progress  ul li.wlp-icon img{max-width:34px;display:block;}
.mechanic-travel-wrap .tw-list-progress  ul{padding-left: 0px;}
.mechanic-travel-wrap .tw-list-progress  ul li:not(.time-process):before{display: none;}
.mechanic-travel-wrap .tw-list-progress  ul li.time-process{flex: 0 0 140px;max-width: 140px;box-sizing:border-box;padding-left:34px;}
.mechanic-travel-wrap .tw-list-progress  ul li.time-process:before{left: 4px;}
.mechanic-travel-wrap .tw-list-progress  ul li:not(.time-process){flex: 0 0 calc(100% - 140px);max-width: calc(100% - 140px);padding: 0;display: flex;box-sizing: border-box;align-items: center;justify-content: space-around;}
.mechanic-travel-wrap .tw-list-progress  ul li:not(.time-process) .button{text-transform: capitalize;letter-spacing: normal;font-weight: 400;}
.mechanic-travel-wrap .tw-list-row .tw-list-time{flex:0 0 100%;max-width: 100%;/*min-height: 36px;padding-top: 8px;*/ box-sizing:border-box;}
/* .mechanic-travel-wrap .tw-list-row .tw-list-btn{flex:0 0 38%;max-width: 38%;}
.mechanic-travel-wrap .tw-list-row .tw-list-time p{flex:0 0 52%;max-width: 52%;}
.mechanic-travel-wrap .tw-list-row .tw-list-time p:last-child{flex:0 0 48%;max-width: 48%;} */

.work-list-box{padding: 0px 12px;;}
.work-list-box ul{background-color: #fff;flex-wrap: wrap; border:1px solid #ddd;margin:15px 0px;padding: 0px;list-style: none;display: flex;align-items:stretch;min-height: 36px;position: relative;}
.work-list-box ul li.wlb-item-num{max-width: 18px;flex:0 0 18px;background-color: #747474;color:#FFD500;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.work-list-box ul li.work-list-box-main{max-width: calc(100% - 140px - 18px);flex:0 0 calc(100% - 140px - 18px);display: flex;align-items: center;justify-content: flex-start;box-sizing:border-box;padding: 0 8px;word-break: break-word;}
.work-list-box.wlb-no-button ul li.work-list-box-main{max-width: calc(100% - 18px);flex:0 0 calc(100% - 18px);display: flex;align-items: center;justify-content: flex-start;box-sizing:border-box;padding: 0 8px;}
.work-list-box.wlb-no-button.wlb-num-xl ul li.work-list-box-main{max-width: calc(100% - 40px);flex:0 0 calc(100% - 40px);display: flex;align-items: center;justify-content: flex-start;box-sizing:border-box;padding: 0 8px;}
.work-list-box.wlb-no-button.wlb-num-xl ul li.wlb-item-num{max-width: 40px;flex:0 0 40px;}
.work-list-box ul li.work-list-box-main .wlbm-first{max-height: 32px;max-width: 32px;display: block;margin: 0;}
.work-list-box ul li.work-list-box-main .wlbm-second{max-height: 28px;max-width:44px;display: block;margin: 0;}
.work-list-box ul li.work-list-box-main p{margin: 0 8px;font-size: 12px;}
.work-list-box ul li.wlb-item-btn{max-width: 140px;flex:0 0 140px;}
.work-list-box ul li.wlb-item-btn.wlb-item-btn-delete{display: flex;align-items: center;justify-content: center;}
.work-list-box ul li.wlb-item-btn.wlb-item-btn-delete>.button{flex: 1;max-width: 100%;}
.work-list-box ul li.wlb-item-btn.wlb-item-btn-delete>.link{margin-left: auto;flex: 0 0 36px;max-width:36px;overflow: hidden;height: 100%;}
.work-list-box ul li.wlb-item-btn .button{background-color:#ececec;border-radius:0px;font-size: 12px;}
.work-list-box ul[data-text]{margin-bottom: 30px;}
.work-list-box ul:after{content: attr(data-text);font-size: 12px;line-height: 16px;position: absolute;bottom: -18px;left: 22px;white-space: nowrap;text-overflow: ellipsis;right: 140px;overflow: hidden;}

.work_report_step_photo{}
.work_report_step_photo{padding: 0 16px;margin-bottom: 8px}
.work_report_step_photo ul{margin:0px;padding: 0px;list-style: none;display: flex;align-items:stretch;flex-wrap: wrap;}
.work_report_step_photo ul li{position: relative; flex: 0 0 calc(100%/4 - 8px);max-width: calc(100%/4 - 8px);margin-right: 8px;border-radius: 4px;border: 1px solid #ddd;overflow: hidden;height: 75px;margin-bottom: 8px;}
.work_report_step_photo ul li:nth-child(4n){margin-right: 0}
.work_report_step_photo ul li img{height: 100%;width: 100%;object-fit: cover;object-position: center;}
.work_report_step_photo ul li p{margin: 0px; height: 18px;line-height: 18px;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.7);color: #fff;}
.work_report_step_photo .iuw_delete{color: #dc504f; position: absolute;top: 0;right: 0;height: 18px;width: 18px;z-index: 2;}
.work_report_step_photo .button{padding: 0 8px;height: auto;min-width: auto;margin: 28px 3px 0;}

.card.panel-card.photo-card{border-radius: 0;margin: 0 0 10px 0;}
.card.panel-card.photo-card .card-content-padding{padding-bottom: 8px;}
.photo-card .work_report_step_photo{margin: 0;padding: 0px;}

.smart-disable{pointer-events: none !important;cursor: not-allowed !important;}

.appointment-viewer{position: relative;}
.appointment-viewer .appointment-viewer-title{font-size: 18px;text-align: center;padding: 8px 16px;font-weight: 500;}
.appointment-viewer .appointment-viewer-footer{text-align: center;padding: 16px 16px;font-weight: 500;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.appointment-viewer .appointment-viewer-footer .button{margin: 0 8px 8px;}
.appointment-viewer .appointment-viewer-body{padding: 16px 16px;position: relative;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.viewer-schedule-col{position: relative;}
.viewer-schedule-col h4{margin:4px 0px;font-size: 15px;font-weight: 500;line-height: 16px;}
.viewer-schedule-col p{margin: 0px;font-size: 14px; line-height: 20px;}
.viewer-schedule-col .viewer-icon-box{position: absolute;z-index: 1;top: calc(50% - 16px);right: -80px;}
.viewer-schedule-col .viewer-icon-box:before{content: "";height: 2px;left: -43px;width: 44px;background: #9c9c9c;position: absolute;top: calc(50% - 1px);}
.viewer-schedule-col .viewer-icon-box .tw-icon{height: 32px;width: 32px;border: 2px solid #ddd;position: relative;font-size: 18px;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.viewer-schedule-col .viewer-icon-box.vi-completed .tw-icon{background-color: #1cab00;color: #fff;}
.viewer-schedule-col .viewer-icon-box.vi-completed .tw-icon i{color: #fff;}
.viewer-schedule-col .viewer-icon-box.vi-red .tw-icon{background-color: #f21919;color: #fff;}
.viewer-schedule-col .viewer-icon-box.vi-red .tw-icon i{color: #fff;}
.viewer-schedule-col .viewer-icon-box.vi-yellow .tw-icon{background-color:var(--c-theme-y);color: #fff;}
.viewer-schedule-col .viewer-icon-box.vi-yellow .tw-icon i{color:var(--c-theme-d) ;}
.viewer-schedule-col .viewer-icon-box .tw-icon i{color: #303030;}
.viewer-schedule-col .work-viewer,
.viewer-schedule-col .travel-viewer{position: relative;padding: 8px;border: 1px solid rgba(0,0,0,0.1);width: 280px;min-height: 100px;box-sizing: border-box;color: #fff;}

.viewer-schedule-col .travel-viewer{background-color: #1CAB00;}
.viewer-schedule-col .work-viewer{background-color: #008BF1;}
.viewer-schedule-col .button-viewer{margin: 5px 0px;width: 280px;display: flex;align-items: center;justify-content: center;}

.invoice-list-viewer .card{margin: 16px;border-radius: 4px;display: flex;align-items: center;min-height: 56px;}
.invoice-list-viewer .ilv-title{padding: 8px 12px;box-sizing: border-box;flex: 0 0 calc(100% - 44px - 12px);max-width: calc(100% - 44px - 12px);}
.invoice-list-viewer .ilv-media{height: 44px;width: 44px;border-radius: 4px;overflow: hidden;flex: 0 0 44px;max-width: 44px;}
.invoice-list-viewer .ilv-media img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;border-radius: 4px;}
/*==== appointment-maps End =====*/

.customer-detail-sticky{border-bottom: none;background-color:#fff;position: sticky;top:0;z-index: 99;border-bottom: 1px solid #ccd5d8;}
.customer-detail-sticky ul{list-style: none;margin:0px;padding:0px;display: flex;align-items:stretch;}
.customer-detail-sticky ul li:first-child{flex:0 0 15%;max-width: 15%;border-right: 1px solid #ccd5d8;justify-content: center;padding: 8px 0;}
.customer-detail-sticky ul li{flex:0 0 30%;max-width: 30%;display: flex;align-items:center;box-sizing:border-box;padding: 8px 0;}
.customer-detail-sticky ul li:nth-last-child(2){flex:0 0 55%;max-width: 55%;padding: 8px;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.customer-detail-sticky ul li > p{margin:0px;font-size: 17px;line-height: 20px;font-style: normal;font-weight: 600;color:#212121;}
.customer-detail-sticky ul li p.wr_small_title{margin:0px;font-size: 12px;line-height: 14px;color: #a2a2a2;font-weight: 500;}
.customer-detail-sticky ul li h4{margin:0px;font-size: 15px;line-height: 20px;color: #212121;text-transform: capitalize;font-weight: 600;}
.customer-detail-sticky ul li .number-plate{background-image: url("../images/number_plat.png");height: 24px;max-width: 110px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 16px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 24px;letter-spacing: 1px;margin: 0 auto;display: block;flex: 0 0 110px;}

.tel-sheet{--f7-sheet-height:calc(28px + calc(55px * var(--sheet-li)))}
.tel-sheet .sheet-modal-inner:before{display: none;}
.tel-sheet .page-content{}
.tel-sheet .page-content ul{margin:0px;padding:12px 12px 4px;position: relative;}
.tel-sheet .page-content ul li{display: block;padding: 5px 16px;position: relative;border: 1px solid #ddd;border-radius: 4px;margin-bottom: 8px;}
.tel-sheet .page-content ul li h4{font-size: 16px;font-weight: 400;margin: 0px;}
.tel-sheet .page-content ul li h4 b{font-size: 14px;font-weight: 500;color:#404d56; position: relative;padding-left: 20px;top: -1px;opacity: 0.7;text-transform: uppercase;}
.tel-sheet .page-content ul li h4 b::before{content:"";height: 4px;width: 4px;border-radius: 100%;background-color: #404d56;position: absolute;left: 9px;top: 6px;}
.tel-sheet .page-content ul li p{margin: 0px;font-size: 12px;color: #8f929c;letter-spacing: 1px;line-height: 14px;}

/*==== Review Booking Start ====*/
.review_booking{}
.review_booking .rb_items{border-bottom: 1px solid #e5e5e5;padding-top:12px;;}
.review_booking .rb_items:last-child:not(.rb_simple_items){border-bottom:none;display: flex;align-items: center;justify-content: space-between;}
.review_booking:not(.theme_card) .rb_items:nth-last-child(2):not(.rb_simple_items){border-color: #444444;}
.review_booking .rb_items label{display: block;margin:0;font-size: 12px; line-height: 14px;color:#aaaaaa;font-weight: normal;text-transform: capitalize;}
.review_booking .rb_items p{margin:8px 0 8px 0;padding:0 0 4px 0;color:#444;font-size: 15px;line-height: 18px;text-transform: capitalize;}
.review_booking h4{position: relative;color:var(--f7-theme-color);margin:12px 0 0px; font-size: 14px;line-height: 16px;padding-left: 12px;}
.review_booking h4:before{content: "";height:5px;width: 5px;border-radius: 100%;position: absolute;background-color: var(--f7-theme-color);left: 1px;top: 4px;}
.review_booking h5{color:var(--f7-theme-color);margin:0px; font-size: 15px;line-height: 18px; font-weight: normal;}
.review_booking h6{margin:0px; font-size:18px;line-height:22px;color: #000; font-weight: bold;}
/*==== Review Booking End ====*/


/*==== Edit Profile Start =====*/
.popover.country-list,.popover.country-flag{--f7-popover-width:170px;}
.popover.country-list a,
.popover.country-flag a{ font-size: 14px;line-height: 16px;align-items: center;display: flex;justify-content: flex-start;padding: 8px 12px;border-bottom: 1px solid #ddd;white-space: nowrap;}
.popover.country-list ul,
.popover.country-flag ul{max-height:260px;}
.popover.country-list a img,
.popover.country-flag a img{width: 40px;display: block;padding-right: 10px;box-sizing: border-box;}

.list .item-content .item-country-wrap{display: flex;align-items: center;justify-content: space-between;}
.list .item-content .item-country-wrap .item-country{width: 50px;box-sizing: border-box;padding-right: 20px;position: relative;margin-right:10px;}
.list .item-content .item-country-wrap .item-country img{display: block;max-width: 90%;}
.list .item-content .item-country-wrap .item-country:after{right: 5px;}
/*==== Edit Profile End =====*/


/*==== Notification Area Start =====*/
.notify_area{}
.notify_area ul{margin:0px;padding:0px;}
.notify_area ul li{list-style: none;padding:8px 12px;border-bottom: 1px solid #ddd;display: flex;align-items: flex-start;justify-content: flex-start;overflow: hidden;position: relative;}
.notify_area ul li .na_img{height:40px;width:40px;margin-right: 10px;}
.notify_area ul li .na_img img{display: block;max-width: 100%;}
.notify_area ul li .na_title{ font-size: 14px;line-height: 18px; flex: 0 0 calc(100% - 50px);}
.notify_area ul li .na_title p{margin:0px;}
.notify_area ul li .na_title p b{}
.notify_area ul li .na_title span.na_date{display: block;text-align: right;margin:4px 0; font-size: 12px;color:var(--f7-theme-color);}
/*==== Notification Area End =====*/


/*==== My Booking Start =====*/
.booking_area .toolbar{background: #fff;}
.booking_area .toolbar a{color:#aaaaaa; font-weight: normal;text-transform: capitalize;}
.booking_area .toolbar a.tab-link-active{color:var(--f7-theme-color);}
.booking_area .toolbar .tab-link-highlight{background-color:var(--f7-theme-color);}

.booking_area .review_booking.theme_card .rb_items:first-child{padding-top: 0px;}
.booking_area .review_booking.theme_card .rb_items label{font-size: 11px;}
.booking_area .review_booking.theme_card .rb_items p{margin:4px 0; font-size: 14px;}
.booking_area .review_booking.theme_card .rb_items p .v-divider{display: inline-block;height: 14px;width:1.5px;background-color: #666;margin: 0 5px 0 3px;position: relative;top: 1px;}
.booking_area .review_booking.theme_card .rb_items{padding-top: 8px;}
.booking_area .review_booking.theme_card .rb_items:last-child:not(.rb_simple_items){justify-content: flex-start;}
.booking_area .review_booking.theme_card .rb_items:last-child:not(.rb_simple_items) h5{font-weight: 500; font-size:15px;}
.booking_area .review_booking.theme_card .rb_items:last-child:not(.rb_simple_items) h6{color:var(--f7-theme-color);margin-left:4px;font-weight: 500; font-size:15px;}
.booking_area .review_booking.theme_card .rb_items:last-child:not(.rb_simple_items) h6 span{font-weight: normal; font-size: 14px;margin-left:8px;letter-spacing: 1px;}
.booking_area .review_booking.theme_card .rb_items.br-none p{margin-bottom: 0px;}
.booking_area .review_booking.theme_card .rb_orderid{position: absolute;right: 8px;font-size: 12px;font-weight: 500;line-height: 12px;color: var(--f7-theme-color);}
.booking_area .review_booking.theme_card .rb_orderid.red{color:#f93030;}
.booking_area .review_booking.theme_card .rb_items h3{padding: 18px 0 8px;color: var(--f7-theme-color);margin: 0;font-size: 16px;line-height: 18px;}
.booking_area .review_booking.theme_card .rb_items.rb_simple_items{border-bottom: none;}

.appointment_header{height:58px;box-sizing: border-box; background-color: #fff;padding:10px 16px 12px;text-align: center;position: sticky;top: 0;z-index: 9;box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;}
.appointment_header h1 span{display:block; text-transform: uppercase; font-weight: normal;color:var(--f7-theme-color);margin-bottom:4px;}
.appointment_header h1{margin:0; font-size: 15px;line-height: 16px;color:#444444; font-weight: 500;position: relative;z-index: 1;}

.appointment_slider .swiper-pagination{top:84px;left:0px;right:0px;}
.appointment_slider .swiper-pagination .swiper-button-next,
.appointment_slider .swiper-pagination .swiper-button-prev{--swiper-navigation-size:16px;}
.appointment_slider .swiper-pagination .swiper-button-next:after,
.appointment_slider .swiper-pagination .swiper-button-prev:after{font-weight: bold;}

.mybooking_page .theme_card.card.review_booking{box-shadow: none;margin:0px;}
.sheet-modal.service-status{border-radius: 25px 25px 0 0;box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.4);--f7-sheet-height:auto;}
.sheet-modal.service-status h4{ font-size: 17px; font-weight: 500;text-align: center;margin:20px 0;}
.sheet-modal.service-status ul{margin:0px;padding:0px;}
.sheet-modal.service-status ul li{display: block;position: relative;border-bottom: 1px solid #ddd;overflow: hidden;}
.sheet-modal.service-status ul li input{position: absolute;height:0px;width:0px;}
.sheet-modal.service-status ul li label{padding: 14px 50px 12px 16px; display: block;text-transform: capitalize;overflow: hidden;}
.sheet-modal.service-status ul li label::after{content: "";background-image: url('../images/checkmark.png');height: 28px;width: 28px;position: absolute;background-repeat: no-repeat;background-size: contain;top: calc(50% - 14px);right: 16px;transform: scale(0);transition: transform 0.2s ease-in-out;}
.sheet-modal.service-status ul li input:checked + label{color: var(--f7-theme-color);}
.sheet-modal.service-status ul li input:checked + label:after{transform: scale(1);}
.sheet-modal.service-status ul li input[disabled] + label{color:#ccc;}
/*==== My Booking End =====*/

/*==== car body state css  start =====*/
/*Car Body Svg css Start ========*/
.car_svgwrap{position: relative;display: table;width: 100%;box-sizing: border-box;}
.car_svgwrap .carsvg_item{position: relative;margin-bottom:20px;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);height:240px;display: flex;align-items: center;justify-content: center;background: #fff;padding: 16px;box-sizing: border-box;}
.car_svgwrap svg{height: 100%;width: 100%;display: block;}
.sf_trans{fill:rgba(0,0,0,0);stroke:rgba(0,0,0,0);stroke-width:0.5;stroke-miterlimit:10;cursor: pointer; transition: all 0.2s;}

.car-body-van-roof .newcarsvg svg .sf_path{stroke-width: 0px;}

.car-body-van-roof .car_svgwrap .carsvg_item{height: 340px;}
.car-body-van-roof .car_svgwrap .back_van_light_svg_text,
.car-body-van-roof .car_svgwrap .front_van_light_svg_text{position: absolute;top:0;left: 0;right: 0;bottom:0;max-width: 411px;margin: 0 auto;pointer-events: none;}
.car-body-van-roof .car_svgwrap .back_van_light_svg_text ul,
.car-body-van-roof .car_svgwrap .front_van_light_svg_text ul{margin: 0;padding: 0;list-style: none;height: 100%;}
.car-body-van-roof .car_svgwrap .back_van_light_svg_text ul li,
.car-body-van-roof .car_svgwrap .front_van_light_svg_text ul li{position: absolute;font-size: 12px;line-height: normal;}


.front_van_light_svg_text ul li.van_name_918{top: 44px;max-width: 75px;left: 23px;}
.front_van_light_svg_text ul li.van_name_919{right: 21px;top: 48px;}
.front_van_light_svg_text ul li.van_name_920{top: 90px;left: 22px;}
.front_van_light_svg_text ul li.van_name_921{right: 30px;top: 95px;}
.front_van_light_svg_text ul li.van_name_922{top: 130px;max-width: 40px;left: 10px;}
.front_van_light_svg_text ul li.van_name_923{right: 18px;top: 124px;max-width: 80px;}
.front_van_light_svg_text ul li.van_name_928{top: 20px;left: 165px;}
.front_van_light_svg_text ul li.van_name_930{top: 211px;left: 160px;max-width: 70px;text-align: center;}

.back_van_light_svg_text ul li.van_name_924{top: 58px;left: 15px;}
.back_van_light_svg_text ul li.van_name_925{top: 58px;right: 15px;}
.back_van_light_svg_text ul li.van_name_926{top: 240px;max-width: 80px;left: 12px;}
.back_van_light_svg_text ul li.van_name_927{top: 240px;max-width: 66px;right: 5px;}
.back_van_light_svg_text ul li.van_name_929{top: 308px;left: 175px;}

/*.sf_trans:not(.active):hover{fill:#E83838;stroke:#424242;stroke-width:0.5;stroke-miterlimit:10;cursor: pointer;opacity: 0.5}
.sf_trans.fill_silver:not(.active):hover{fill:#C0C0C0;}
.sf_trans.sf_yellow:not(.active):hover{fill:#e4c655;}*/

.sf_trans.active{fill:#E83838;stroke:#424242;stroke-width:0.5;stroke-miterlimit:10;}
.sf_trans.fill_silver.active{fill:#C0C0C0;stroke:#424242;stroke-width:0.5;stroke-miterlimit:10;}
.sf_trans.sf_yellow.active{fill:#eabe1a;stroke:#424242;stroke-width:0.5;stroke-miterlimit:10;}

.carsvg_option{margin:0 16px;padding:0 0 10px 0;position: relative;}
.carsvg_option .card{border-radius: 5px;margin-bottom:0px;}
.carsvg_option .list .item-content .icon{margin-right:15px;}

.carsvg_option .imgcard_row.withchkbox .card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);}
.carsvg_option .imgcard_row.withchkbox.incarbodystate.imgcard_inner_come .list{margin-bottom:8px;}
.carsvg_option .imgcard_row.withchkbox.incarbodystate .imgcard_inner{margin:0 -16px;}
.carsvg_option .imgcard_row.withchkbox .imgcard_inner .ccpimg{position:relative;}
.carsvg_option .imgcard_row.withchkbox .imgcard_inner .ccpimg .iuw_delete{color: #dc504f; position: absolute;top: 0;right: 0;height: 18px;width: 18px;z-index: 2;}

.imgcard_row:not(.withchkbox) .card-content-padding{padding:14px 8px 4px;display: flex;align-items: stretch;flex-direction: row;flex-wrap: wrap;}
.imgcard_row.withchkbox .card-content-padding{padding:1px;}
.imgcard_row.withchkbox .imgcard_inner{padding:14px 8px 4px;display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;}
.imgcard_row .card-content-padding .ccpimg{margin:0 5px 10px;width:calc(25% - 12px);}
.imgcard_row .card-content-padding .ccpimg p{margin: 0;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;text-align: center;font-size: 12px;line-height: 16px;padding: 4px 2px;border-top: 1px solid #DDE5EB;}

.panel-card.card.incarbodystate .list > ul{display: flex;flex-wrap: wrap;}
.panel-card.card.incarbodystate .list > ul > li:nth-child(2n-1){flex:0 0 45%;max-width: 45%;}
.panel-card.card.incarbodystate .list > ul > li:nth-child(2n){flex:0 0 55%;max-width: 55%;}
.panel-card.card.incarbodystate .list .item-radio.item-content{--f7-list-item-min-height:36px;padding-left: 8px;}
.panel-card.card.incarbodystate .list .item-inner{padding-right: 8px;}
.panel-card.card.incarbodystate .list .item-inner:after{display: none;}
.panel-card.card.incarbodystate .list .item-inner .item-title{font-size: 14px;}
.panel-card.card.incarbodystate .list .icon-radio{--f7-radio-size:16px;margin-right:8px;}
.panel-card.card.incarbodystate .list .icon-radio:after{height: 8px;width:8px;margin-left: -4px;margin-top: -4px;}

.slide_hader{padding: 14px 16px;position: relative;display: flex;align-items: center;justify-content: space-between;background-color:transparent;}
.slide_hader p{font-size: 15px;line-height: 20px;color: #465165;margin:0px;text-transform: capitalize;font-weight: 500;letter-spacing: 0.4px;}
.slide_hader a{height:30px;width:30px;background-color: #EAEFF3;color: #F16832;overflow: hidden;border-radius: 100%;}
.slide_hader .smart-select .item-title{font-size:0px;}
.slide_hader .smart-select .item-title:before{content: "\f002"; font-family: "FontAwesome";font-size: 15px;text-align: center;height: 30px;width: 30px;display: block;line-height: 30px;}
.slide_hader .smart-select .item-after{opacity: 0;}


.car_svgwrap .card-content-padding.caropt_upload:after{content: '';position: absolute;background-color: var(--f7-list-item-border-color);display: block;z-index: 15;top: auto;right: auto;top: 0;left: 0;height: 2px;width: 100%;transform-origin: 50% 100%;transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));}
.caropt_upload .item_uploading_wrap{border:1.5px dashed #9AA1B4;background-color:#F4F7F9;border-radius: 4px;overflow: hidden;text-align: center;position: relative;margin-bottom: 8px;}
.caropt_upload .item_uploading_wrap a:not(.iuw_delete){position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.caropt_upload .item_uploading_wrap span{font-size:14px;color:#465166;display: block;line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:calc(100vw - 100px);text-align: center;box-sizing: border-box;}
.caropt_upload .item_uploading_wrap:after{display: none !important;}
.caropt_upload .item_uploading_wrap .iuw_delete{position: absolute;right:4px;top: 50%;transform: translateY(-50%);font-size: 20px;height: 18px;width: 18px;text-align: center;line-height: 18px;z-index: 9;}
.item_uploading_button{text-align: right;}
.item_uploading_button .link i{font-size: 20px;margin-right: 5px;}
.item_uploading_button .link{font-size: 14px;text-transform: capitalize;padding: 4px 8px;overflow: hidden;border-radius: 4px;background-color: #e3e7e8;}

.item_uploading_text{margin-bottom:12px;}
.item_uploading_text input{width: 100%;height: var(--f7-input-height);color: var(--f7-input-text-color);font-size: var(--f7-input-font-size);background-color: var(--f7-input-bg-color,transparent);padding-left: var(--f7-input-padding-left);padding-right: var(--f7-input-padding-right);border-bottom:2px solid var(--f7-list-item-border-color);}
.item_uploading_text input:focus{border-color:var(--f7-input-focused-border-color,var(--f7-theme-color));}

.caropt_upload .iup_divider{position: relative;padding-bottom:24px;margin-bottom: 16px;}
.caropt_upload .iup_divider:after{content: "";height: 8px;background-color: #EAEFF3;position: absolute;bottom: 0;left: -16px;right: -16px;}

.bs_pagecontent .card{margin:8px 16px;border-radius: 4px;}
.bs_pagecontent .card .card-content-padding img{max-width:100%;max-height: 240px;display: block;margin:0 auto;}

.newcarsvg svg .sf_path{/*stroke-width: 1px;*/stroke-width: 0px;stroke:#000;stroke-miterlimit:10;fill:transparent;cursor: pointer; transition: all 0.2s;}
.newcarsvg svg .sf_nostroke:not(.active){stroke-width:0px; }
/*.newcarsvg svg .sf_selection.active{fill:#E83838;}*/
.newcarsvg svg .sf_selection.active{fill:rgba(232,56,56,0.44);stroke-width: 0.5px;}
.newcarsvg svg .sf_selection.fill_silver.active{fill:#C0C0C0;stroke-width: 0.5px;}
.newcarsvg svg .sf_selection.sf_yellow.active{fill:rgba(234,190,26,0.85);stroke-width: 0.5px;}

/*.newcarsvg svg .sf_selection_detail.active{fill:#E83838;}*/
.newcarsvg svg .sf_selection_detail.active{fill:rgba(232,56,56,0.44);stroke-width: 0.5px;}
.newcarsvg svg .sf_selection_detail.fill_silver.active{fill:#C0C0C0;stroke-width: 0.5px;}
.newcarsvg svg .sf_selection_detail.sf_yellow.active{fill:rgba(234,190,26,0.85);stroke-width: 0.5px;}

.option_type_popup.web-item-row-1{--f7-sheet-height:260px;}
.option_type_popup.web-item-row-2{--f7-sheet-height:320;}
.option_type_popup {--f7-sheet-height:400px;}
.damage_level_popup .toolbar-whitebg.toolbar{--f7-toolbar-height:60px;}
.sheet-modal .toolbar-whitebg.toolbar .title{font-size: 14px;font-weight: 500; line-height: 18px;margin:0 10px;}
.sheet-modal .toolbar-whitebg.toolbar .toolbar-inner{border-bottom: 1px solid #ddd;}
.damage_level_popup .sheet-modal-inner .ccsp_box .sw-list li label{border-width: 1px;padding: 0 10px;line-height: 46px;}
.sheet-modal .sheet-modal-inner .card{box-shadow: none;}

.carwheel_box{position: relative;margin-bottom:0px;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);max-height:100%; display: flex;align-items: center;justify-content: center;background: #fff;padding: 16px;box-sizing: border-box;max-height: calc(100vh - 70px - 48px);}
.carwheel_box svg{height: 100%;width: 100%;display: block;max-height: calc(100vh - 90px - 48px);}
.carwheel_box svg path:not(.sw_background){fill:rgba(0,0,0,0);stroke:rgba(0,0,0,0);stroke-width:0.5;stroke-miterlimit:10;cursor: pointer; transition: all 0.2s;}
.carwheel_box svg path.active{fill:rgba(232, 56, 56, 0.5);stroke:#e83838;stroke-width:2;stroke-miterlimit:10;}

.carwheel_box svg path.swheel_photo:not(.swheel_photo_upper){fill: #444;stroke-width: 1;stroke: #444;}
.carwheel_box svg path.swheel_photo.swheel_photo_upper{fill: rgb(255 255 255) !important;stroke-width: 0;}

.sw_text{font-size: 20px;font-weight: 500;}
.sw_perc{font-size: 20px;font-weight: bold;}

.wb_slide_img_lis_radio.wb_slide .sw-list{padding: 0 16px;max-width: 360px;margin:0 auto;}
.wb_slide_img_lis_radio.wb_slide .btn_col li label{display: flex;align-items: center;}
.wb_slide_img_lis_radio.wb_slide .btn_col li label img{height: 36px;width:36px;max-height: 100%;}
.wb_slide_img_lis_radio.wb_slide .btn_col li label p{margin:0px;font-size: 14px;text-transform: uppercase;flex:1;text-align: left;font-weight: 500;letter-spacing: 0.4px;}
.wb_slide_img_lis_radio.wb_slide .btn_col li input:checked + label {border-color:#f07b00;background:linear-gradient(261deg,rgba(246,155,0,.18824),rgba(237,106,0,.18824));}
.card_lis_list_wheel.card{margin:16px 0;}
.card_lis_list_wheel.card .list .item-inner .item-title{font-weight: 500;}
.card_lis_list_wheel.card .list .item-inner .item-after{font-weight: 500;}

.carwheelpopup{}
.carwheelpopup .card .card.image_section.list{box-shadow:none;}
.carwheelpopup .card .card-header.withcrdhead{justify-content: flex-start;}
.carwheelpopup .card .card-header.withcrdhead img{max-height: 35px;margin-right:10px;}
.carwheelpopup .cardwheel_img{text-align: center;padding-top: 25px;}
.carwheelpopup .cardwheel_img img{max-width: 140px;display: block;margin:0 auto;}
.carwheelpopup .cardwheel_img p{font-weight: 500;color:#000;font-size:16px;margin:15px 0 0 0;}
.carwheelpopup .cardwheel_img p output{color:green;font-weight: bold;}


.wheel_calipers{width:320px;margin:0 auto;position: relative;transform: scale(0.9);transform-origin: top;}
.wheel_calipers .wheel_surface{height:320px;width:320px;overflow:hidden;position: relative;}
.wheel_calipers .wheel_surface img{height:100%;width:100%;display: block;margin-left:0;display: block;}
.wheel_calipers .calipers_box{position: relative;top:-14px;}
.wheel_calipers .calipers_box .calipers_background{position: relative;padding-bottom: 20px;overflow: hidden;}

/*.wheel_calipers .wheel_surface .wheelborder{height: 320px;width: 320px;background-color: rgba(255, 0, 0, 0);right:-6px;position: absolute;border-radius: 100%;top: -20px;transform: scale(10);transform-origin: right;box-sizing: border-box;border:calc(15px - var(--borwdth)*1.5) solid #fff;transition: all 0.1s ease-in-out;}*/
.wheel_calipers .wheel_surface .wheelborder{position: absolute;top:0;left: 0px;top: -20px;}
.wheel_calipers .wheel_surface .wheelborder svg{transform: scale(10);transform-origin: right;}
.wheel_calipers .wheel_surface .wheelborder svg circle{stroke-width:calc(28.4px - var(--borwdth)*2.78);}
.wheel_calipers .wheel_surface .wheelborder svg circle{stroke: #fff;}


.wheel_calipers .calipers_box .calipers_zone{text-align: right;padding-right:15.5px;}
.wheel_calipers .calipers_box .calipers_zone ul{max-width:138.3px;margin-left:auto !important;}
.wheel_calipers .calipers_box .calipers_zone ul li{max-width:25%;flex: 0 0 25%;list-style: none;height:14px;}
.wheel_calipers .calipers_box .calipers_zone ul li.cz_green{background-color:#23a200;}
.wheel_calipers .calipers_box .calipers_zone ul li.cz_yellow{background-color:#fff200;}
.wheel_calipers .calipers_box .calipers_zone ul li.cz_orange{background-color:#ff9d00;}
.wheel_calipers .calipers_box .calipers_zone ul li.cz_red{background-color:#ef0028;}

.wheel_calipers .calipers_box .calipers_zone ul,
.wheel_calipers .calipers_box .calipers_background ul{margin:0px;padding: 0px;display: flex;flex-direction: row-reverse;flex-wrap: nowrap;justify-content: end;}
.wheel_calipers .calipers_box .calipers_background ul li:first-child{margin-right:0px;}
.wheel_calipers .calipers_box .calipers_background ul li{list-style: none;height:12px;max-width: 1.5px;background-color:#303030;margin:0 0.72px;position: relative;flex:0 0 1.5px;}
.wheel_calipers .calipers_box .calipers_background ul li[data-measure]{flex:0 0 2px;height: 20px;max-width: 2px;}
.wheel_calipers .calipers_box .calipers_background ul li[data-measure]:before{content: attr(data-measure);position: absolute;bottom: -15px;font-weight: 500;font-size: 11px;left: -8px;right: 0;height: 16px;width: 16px;text-align: center;line-height: 16px;display: block;letter-spacing: -1px;}
.wheel_calipers .calipers_box .calipers_background ul li[data-measure='10']:before{color: #B31219;left: -11px;}
.wheel_calipers .calipers_box .calipers_background ul li[data-measure='0']:before{color: #B31219;}
/*.wheel_calipers .wheel_surface img{height: 200%;width: 200%;display: block;margin-left: -100%;display: block;}
/*.wheel_calipers .calipers_box{position: relative;top: -68px;height: 105px;width: 100%;}*/
/*.wheel_calipers .calipers_box .calipers_background{background-image: url(../images/car-body-svg/car-wheel-calipers.png);width: 100%;height: 105px;background-size: contain;background-repeat: no-repeat;background-position: right;position: absolute;z-index: 0;right: 0;top: 0;}*/

.wheel_calipers .calipers_range{position:absolute;left: 0px;top: 0px;height: 100%;width:100%;}
.wheel_calipers .calipers_range input[type=range] { appearance: none;-webkit-appearance: none;-moz-appearance: none;margin: 0;width:154px;display: block;margin-top:0;position: relative;z-index: 1;outline: none;margin-left:auto;background-color:transparent;margin-right:6px;}
/*.wheel_calipers input[type=range] { appearance: none;-webkit-appearance: none;-moz-appearance: none;margin: 0;width: 67.2px;float: right;margin-right: 26.2px;display: block;margin-top: 68.3px;position: relative;z-index: 1;outline: none;}*/
.wheel_calipers input[type=range]:focus {outline: none;}

.wheel_calipers input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 12.8px;cursor: pointer;border-radius: 0px;transition: all 0.2s ease-in-out;border:0px;position: relative;outline: none;}
.wheel_calipers input[type=range]:focus::-webkit-slider-runnable-track {outline: none;}

.wheel_calipers input[type=range]::-moz-range-track {width: 100%;height: 12.8px;cursor: pointer;animate: 0.2s;border-radius: 0px;border:0px;}

.wheel_calipers input[type=range]::-webkit-slider-thumb {appearance: none;-webkit-appearance: none;;background-image: url('../images/car-body-svg/car-wheel-handle.svg');height:320px;width:18px;margin-top:0px;display: block;background-size:contain;background-repeat:no-repeat;outline: none;border:0px;}

.wheel_calipers input[type=range]::-moz-range-thumb {appearance: none;-moz-appearance: none;background-image: url('../images/car-body-svg/car-wheel-handle.png');height:320px;width:18px;margin-top:0px;display: block;background-size:contain;background-repeat:no-repeat;outline: none;border:0px;}


.wheelmm{text-align: center;margin-bottom:16px;display: flex;flex-direction: column;align-items: center;}
.wheelmm p{display: inline-block;padding: 4px 8px;border:1px solid #ddd;border-radius:4px;font-size:15px;margin:0px;}
.wheelmm p + p{margin-top: 10px;}
@media screen and (max-width:390px){

}
.wheelmm p output,
.wheelmm p b{font-size: 16px;color:#1b7f00;font-weight: bold;}

.cardwheel_txt{margin-top: -44px;}
.card-txt{text-align: center;}
.card-txt p{max-width: 80%;margin:0 auto 10px;font-size: 16px;}

.cbw_aggiunta{background-color:#fff;padding: 8px;;}
.cbw_aggiunta .cbw_aggiunta_row{display: flex;padding:12px 0;margin-bottom: 8px;border-bottom:1px solid #ddd;}
.cbw_aggiunta .cbw_aggiunta_item{flex:0 0 50%;max-width: 50%;}
.cbw_aggiunta .cbw_aggiunta_item .cbw_aggiunta_item_inner{display: flex;align-items: center;padding-left:8px;}
.cbw_aggiunta .cbw_aggiunta_item .cbw_aggiunta_item_inner .checkbox{transform: scale(1.4);}
.cbw_aggiunta .cbw_aggiunta_item .cbw_aggiunta_item_inner .checkbox .ripple-wave{display: none;}
.cbw_aggiunta .cbw_aggiunta_item p{font-weight: 500;margin: 0 0 10px 0;}
.cbw_aggiunta .cbw_aggiunta_item img{max-width: 60px;display: block;margin-left: 16px;}
.cbw_aggiunta .cbw_aggiunta_photo{flex:0 0 25%;max-width: 25%;}
.cbw_aggiunta .cbw_aggiunta_photo .cbw_aggiunta_input{height: 40px;width: 40px;overflow: hidden;margin: 0 auto;position: relative;}
.cbw_aggiunta .cbw_aggiunta_photo .cbw_aggiunta_input input{height: 100%;width: 100%;opacity: 0;}
.cbw_aggiunta .cbw_aggiunta_photo .cbw_aggiunta_input .theme-link{height: 40px;width: 40px;background-image:url('../images/photo-camera.png');background-size: cover;background-position: center;}
.cbw_aggiunta .cbw_aggiunta_photo p{margin: 0; font-size: 10px;text-align: center;}
.cbw_aggiunta .cbw_aggiunta_photo_view{flex:0 0 50%;max-width: 50%;}
.cbw_aggiunta .cbw_aggiunta_photo_view ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.cbw_aggiunta .cbw_aggiunta_photo_view ul li{flex:0 0 45px;max-width: 45px;margin: 0 4px 4px 0;position: relative; height: 40px;border-radius:4px;overflow: hidden;}
.cbw_aggiunta .cbw_aggiunta_photo_view ul li img{height: 100%;width: 100%;object-fit: cover;}

.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_item{flex: 0 0 65%;max-width: 65%;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_item .cbw_aggiunta_item_inner{padding-left: 20px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_item .cbw_aggiunta_item_inner img{margin-left: 25px;}
.cbw_aggiunta.cbw_aggiunta_two  .cbw_aggiunta_photo_view ul{justify-content: center;}
.cbw_aggiunta.cbw_aggiunta_two  .cbw_aggiunta_photo_view,
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_photo{flex: 0 0 35%;max-width: 35%;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(2){border-bottom-width: 3px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(1) .cbw_aggiunta_photo{background-color:#fff;position: relative;bottom: -50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(3) .cbw_aggiunta_photo{background-color:#fff;position: relative;bottom: -50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(5) .cbw_aggiunta_photo{background-color:#fff;position: relative;bottom: -50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(1) .cbw_aggiunta_photo_view{background-color:#fff;position: relative;bottom: -50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(3) .cbw_aggiunta_photo_view{background-color:#fff;position: relative;bottom: 50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(1) .cbw_aggiunta_photo_view{background-color:#fff;position: relative;bottom: -50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(2) .cbw_aggiunta_photo_view{background-color:#fff;position: relative;bottom: 50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(3) .cbw_aggiunta_photo_view{background-color:#fff;position: relative;bottom: -50px;}
.cbw_aggiunta.cbw_aggiunta_two .cbw_aggiunta_row:nth-child(4) .cbw_aggiunta_photo_view{background-color:#fff;position: relative;bottom: 50px;}
/*==== car body state css  End =====*/

/*==== Smart page design Start =====*/
.smart-select-page.fa-smart-page-wrap{}
.smart-select-page.fa-smart-page-wrap .page-content{background:#EDF0F2;}
.smart-select-page.fa-smart-page-wrap [class*="smart-select-list-"]{margin: 0;}
.smart-select-page.fa-smart-page-wrap [class*="smart-select-list-"] .icon{margin-right:16px !important;}
/*==== Smart page design End =====*/

/*==== Panel right design Start =====*/
.panel-left{}
.panel-left .brand-panel{padding: 16px;position: relative;}
.panel-left .brand-panel img{display: block;max-height: 50px;margin-bottom: 8px;min-height: 50px;}
.panel-left .brand-panel h3{font-size: 20px;font-weight: 500;line-height: 24px;margin: 14px 0 0 0;position: relative;padding-right: 100px;}
.panel-left .brand-panel h3 span{font-size: 14px;font-weight: normal;position: absolute;right: 0;font-style: italic;color: #757575;}
.panel-left .brand-panel p{margin:0px;font-size: 12px;font-weight: normal;line-height: 16px;}
.panel-left .brand-panel p a{position: relative;z-index: 2;}
.panel-left .brand-panel .panel_close{position: absolute;height: 36px;width: 36px;text-align: center;line-height: 36px;border-radius: 100%;overflow: hidden;top: 16px;right: 16px;}
.panel-left .brand-panel .panel_close a{color:#000;display: block;}
.panel-left .brand-panel .panel_close a i{height: 36px;width: 36px;line-height: 36px;}
.panel-left .brand-panel .panel_close a i:after{line-height: 36px;}
.panel-left .list{margin: 0;}
.panel-left .list li a.item-link .item-inner:before{display: none;}
.list ul:before,
.list ul:after{--f7-list-border-color:rgba(0,0,0,0.5);}
.panel-left .list li a.item-link .item-inner:after{--f7-list-item-border-color:rgba(0,0,0,0.5);}
.panel-left .list li a .item-media img{max-width:36px;}

.operator_profile{padding:30px 0 0;text-align: center;}
.operator_profile .op_wrap{height:120px;width:120px;margin:0 auto;position: relative;}
.operator_profile .op_wrap img{height:120px;width:120px;border-radius: 100%;display: block;}
.operator_profile .op_wrap .upload_link{height:36px;width: 36px;background-color: var(--f7-theme-color);position: absolute;right: 0;bottom: 0;border-radius: 100%;overflow: hidden;text-align: center;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);}
.operator_profile .op_wrap .upload_link a .ripple-wave{z-index: 1;}
.operator_profile .op_wrap .upload_link i{color: #fff;font-size: 20px;line-height: 36px;}
/*==== Panel design End =====*/


/* Overide Css Start ==========*/
.button.color-yellow{background-color:var(--c-theme-y);color:var(--c-theme-d);font-weight: 700;}
.defaultlist.list .item-label{text-transform: uppercase;letter-spacing: 1px;color: #9AA1B4;}
.item_inner_smart .smart-select .item-content .item-inner:after,
.defaultlist.list .item-input-wrap:after{transform: scaleY(2) !important;}

.stepper-inline.item-input .item-inner{flex-direction: row;align-items: center;}
.stepper-inline.item-input .item-inner .item-title.item-label{width: 100px;max-width: 100px;flex: 0 0 100px;}

.navbar .title{font-size: 20px; font-weight:500;}
.navbar .link{color: #5B6770;}
.navbar .navbar-bg{--f7-navbar-bg-color:#fff;}

.navbar .title{ font-size:18px;;letter-spacing: 0.4px;}
.navbar a,
.navbar .link{}
.navbar .ripple-wave{background-color: rgba(0,0,0,0.05);}

.navbar.nav-theme{color:#fff;}
.navbar.nav-theme .navbar-bg{--f7-navbar-bg-color:var(--f7-theme-color);}
.ios .navbar.nav-theme .navbar-bg:after{opacity: 0;}
.navbar.nav-theme a{color:#fff;}
.navbar.nav-theme .ripple-wave{background-color: rgba(0,0,0,0.05);}
.navbar.nav-theme .right .badge{--f7-badge-bg-color:#fff;--f7-badge-text-color:var(--f7-theme-color);--f7-badge-font-weight:600;}
.location-info{max-width: 240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 16px;box-sizing: border-box;padding-top: 5px;}
.ios .location-info{padding-left:8px;}
.location-info b{font-weight: 600;display: block;font-size:16px;line-height:22px;opacity:0.9;}
.location-info span{font-size: 17px;line-height:22px;display: block;overflow: hidden;text-overflow:ellipsis;}
.location-info span i{margin-right:5px;font-size: 18px;position: relative;bottom: -2px;}

.darkinput .item-content{padding-right: 16px;}
.ios .darkinput .item-input-two:not(:last-child),
.ios .darkinput .item-content:not(:last-child){margin-bottom: 24px;}
.ios .darkinput .item-input-two .item-content{margin-bottom: 0px;}
.darkinput .item-content:not(:last-child){margin-bottom: 16px;}
.darkinput .item-input-two:not(:last-child){margin-bottom: 16px;}
.darkinput .item-content .item-label{font-weight: 500;margin-bottom: 5px;}
.darkinput .item-content .item-inner{padding: 0px;}
.darkinput .item-content .item-input-wrap textarea,
.darkinput .item-content .item-input-wrap input{background-color:#f6f7f7;border-radius: 4px;padding: 0px 10px;font-size: 15px;color:var(--c-theme-d);}
.darkinput .item-content .item-input-wrap textarea{--f7-textarea-height:70px;font-size: 15px;padding-top: 8px;padding-bottom: 8px;}
.ios .darkinput .item-content .item-inner:after,
.darkinput .item-content .item-input-wrap:after{display: none !important;}
.darkinput .item-forgot{margin:-14px 16px 0 16px; position: relative;}
.darkinput .item-forgot a{font-size:12px;font-weight: 500;line-height: 15px;}
.darkinput .item-input-two{display: flex;    align-items: center;}
.darkinput .item-input-two > .item-content{flex: 0 0 calc(50% - 8px);max-width: calc(50% - 8px);box-sizing: border-box;margin-bottom:0px;}
.darkinput .item-input-two > .item-content:first-child{margin-right: 8px;padding-right: 0px; }
.darkinput .item-input-two > .item-content:last-child{margin-left: 8px;padding-left: 0px;}
.darkinput .item_add_img{display: block;margin: 0 16px 16px 16px;position: relative;background-color: #f6f7f7;height: 36px;border-radius: 4px;padding: 0px 10px;font-size: 14px;box-sizing: border-box;line-height: 36px;color:#9AA1B4;}
.darkinput .item_add_img i{font-size: 18px;position: relative;bottom: -1px;margin-right: 4px;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.toolbar-left-menu .toolbar-left-menu .menu-icon,
.navbar .menu-icon{width: 30px;margin-left: -1px;margin-right: -1px;}
.toolbar-left-menu .toolbar-left-menu .menu-icon span,
.navbar .menu-icon span{display: block;height:2px;background: #000;border-radius:100px;width: 100%;margin: 0 0 4px;}
.navbar .menu-icon span:nth-child(1){}
.toolbar-left-menu .toolbar-left-menu span:nth-child(2),
.navbar .menu-icon span:nth-child(2){width: calc(100% - 5px);}
.toolbar-left-menu .toolbar-left-menu span:nth-child(3),
.navbar .menu-icon span:nth-child(3){margin-bottom: 0px;width: calc(100% - 10px);}
.toolbar-left-menu .toolbar-left-menu .menu-icon span{margin-left: auto !important;height:3px;background-color: rgba(0, 0, 0, 0.54);}



.default-input{height:24px;border: 1px solid #ddd !important;max-width: 60px;}
/* Overide Css End ==========*/

/* speech mic setting start ====*/

/*old css start*/
/*.item-input-wrap textarea + .input-clear-button.speech_mic{ bottom:auto; top:4px;}
.item-input-wrap .input-clear-button.speech_mic{opacity:0;visibility: visible;background-color: transparent;bottom: 24px;pointer-events: visible;}
.item-input-wrap .input-clear-button.speech_mic a{display: block; color: #c2c2c2;}

.item_movephase textarea + .input-clear-button.speech_mic{ bottom:auto; top:16px;}
.item_movephase textarea{padding-right: 16px;}

.item-input-focused .item-input-wrap .input-clear-button.speech_mic a{color: var(--f7-theme-color);}
.item-input-focused .item-input-wrap .input-clear-button.speech_mic{opacity: 1;}

.subnavbar .title .input-clear-button.speech_mic:after,
.item-input-wrap .input-clear-button.speech_mic:after{display: none;}*/
/* old css end*/

.item-input-wrap textarea + .speech_mic{ bottom:auto; top:4px;}
.item-input-wrap .speech_mic{opacity:0;visibility: visible;background-color: transparent;bottom: 24px;pointer-events: visible;}
.item-input-wrap .speech_mic a{display: block; color: #c2c2c2;}

.item_movephase textarea + .speech_mic{ bottom:auto; top:16px;}
.item_movephase textarea{padding-right: 16px;}

/* .item-input-wrap .speech_mic a, */
.item-input-wrap .speech_mic a{color: var(--f7-theme-color);}
.item-input-wrap .speech_mic{opacity: 1;}

.subnavbar .title .speech_mic:after,
.item-input-wrap .speech_mic:after{display: none;}
/* speech mic setting End ====*/

/* Error css start ============*/
label.error{z-index:9999;font-weight:normal;position:absolute;right:5px;min-width:250px;padding:2px 6px;color:#fff;text-align:center;text-decoration:none;background-color:rgba(192,57,43,.8);-webkit-border-radius:8px;-moz-border-radius:2px;border-radius:2px;min-width:45px;white-space:normal;word-wrap:break-word;font-size:12px;margin:10px 0 0 14px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;width:auto!important;bottom:24px;line-height:16px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3)}
label.err{bottom:25px}
form#login_form label.error,form#forget_form label.error{bottom:30px}
textarea + label.error{bottom:inherit;top:-25px}
label.error:after{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(192,57,43,.8);content:"";left:30px;z-index:1;position:absolute;bottom:-6px}
/* Error css end ============*/


/*=== Start : Network and 404 page ===*/
.empty-page{background-repeat: no-repeat;background-size: cover;background-position: center top;}
.empty-page.empty-network{background-image: url('../images/empty/no-connection.png');}
.empty-page.empty-404{background-image: url('../images/empty/404.png');}
.empty-page .empty-mid-bottom{padding-top: calc(100vh - 150px);text-align:center;}
.empty-page .empty-mid-bottom h4{margin: 0px 0 6px 0;font-size: 17px;font-weight: 600;text-align: center;color: var(--c-theme-d);}
.empty-page .empty-mid-bottom p{margin: 0 auto;font-size: 14px;text-align: center;max-width: 240px;color: var(--c-theme-g);line-height: 16px;font-weight: 500;}
.empty-page .empty-mid-bottom a{max-width: 144px;margin: 20px auto 0;background:var(--f7-theme-color); font-weight:normal;}
/*=== End   : Network and 404 page ===*/

.popup.mechanic_event_reason_popup{height: 450px;width: 400px;border-radius: 8px;left: calc(50% - 200px);top: calc(50% - 225px);}
.popup.mechanic_event_reason_popup .sw-list li label{padding: 0;font-size: 12px;min-height: 34px;line-height: 34px;}
.popup.mechanic_event_reason_popup .button-section{margin-top: 20px;}
.popup.mechanic_event_reason_popup .button-section .button{max-width: 160px;margin: 0 auto;}

.popup.preset_select_popup{height: var(--preset-popup-height,260px);width: 400px;border-radius: 8px;left: calc(50% - 200px);top: calc(50% - calc(var(--preset-popup-height,260px)/2));}
.popup.preset_select_popup .sw-list li label{font-size: 12px;min-height: 34px;line-height: 34px;}
.popup.preset_select_popup .sw-list.col-img-text li label{min-height: 98px;box-sizing: border-box;justify-content: center;}
.popup.preset_select_popup .navbar .title{white-space: normal;text-overflow: initial;overflow: visible;}

.popup.mechanic_event_order_reason_popup{height: 470px;width: 400px;border-radius: 8px;left: calc(50% - 200px);top: calc(50% - 235px);}
.popup.mechanic_event_order_reason_popup .sw-list li label{padding: 0;font-size: 12px;min-height: 34px;line-height: 34px;}
.popup.mechanic_event_order_reason_popup .button-section{margin-top: 20px;}
.popup.mechanic_event_order_reason_popup .button-section .button{max-width: 160px;margin: 0 auto;}

/*sweetalert design start ====*/
.ios body.swal2-height-auto,
.md body.swal2-height-auto {height: inherit !important;}
.md .swal2-container.swal2-shown,
.ios.swal2-container.swal2-shown{ z-index:9999999;}
.swal2-container{padding: 35px !important;}
.swal2-container .swal2-popup .swal2-input{}
.swal2-container .swal2-popup .swal2-content{font-size: 15px;font-weight: normal;}
.swal2-container .swal2-popup .swal2-header .swal2-title{font-size: 17px;text-transform: uppercase;color:#465165;}
.swal2-container .swal2-popup .swal2-actions{display:block !important;}
.swal2-container .swal2-popup .swal2-actions button{width:100px;float: left;margin: 0 10px 0 0;font-size: 14px;padding: 10px;/*display: block !important;*/user-select: none;box-shadow: var(--f7-button-raised-box-shadow) !important;}
.swal2-container .swal2-popup .swal2-actions button:last-child{margin-right:0px;}
.swal2-container .swal2-popup .swal2-actions button.swal2-cancel{background-color: #999 !important;}
.swal2-container .swal2-popup{background:#fff;}
.swal2-container .swal2-popup #swal2-content{color:#919ba2;}
.swal2-popup .swal2-styled:focus{box-shadow: none !important;}
.swal2-actions .ripple-wave{display: none;}

.swal2-container .swal2-popup .swal2-styled.swal2-confirm:focus,
.swal2-container .swal2-popup .swal2-styled.swal2-confirm{background:var(--f7-theme-color) !important;}
/*sweetalert design End ====*/


/*==== Empty Screen css start ===*/
.ex_empty_st{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.ex_empty_st .ees_cell img{max-width: 160px;}
.ex_empty_st .ees_cell h4{margin: 0; font-size: 15px; font-weight: 500;color:#9d9caf;white-space: nowrap;}
.center-pos .ex_empty_st{position: static;transform: inherit;}
.center-pos.spacepos{height: 400px;}
.center-pos{height: 100%;display: flex;width: 100%;align-items: center;justify-content: center; flex-direction: column;}
.center-pos.smallpos{height:calc(100% - 120px);}
.center-pos img{margin: 0 0 20px 0;max-width: 120px;display: block;}
.center-pos img.big-img{max-width: 160px;}
.center-pos h4{margin: 0; font-size: 15px; font-weight: 500;color:#9d9caf;}
.center-pos h4 i{display:block;text-align:center;margin-top:10px;}
.center-pos a{margin-top:10px;text-transform: capitalize;width: 170px;letter-spacing: 1px;}

.empty-text{margin: 0; font-size: 15px; font-weight: 500;color:#5e6a71;text-align: center;}
/*==== Empty Screen css end ===*/


/*==== select file option css start ===*/
.select_file_option_model{ height: 170px; }
.select_file_option_model .sheet-modal-inner{padding: 16px;}
.select_file_option_model .sheet-modal-inner h4{ font-size: 16px; margin-top: 0; font-weight: bold; }
.select_file_option_model .sheet-modal-inner ul{ display: table; width: 100%; margin:0; padding: 0; }
.select_file_option_model .sheet-modal-inner ul li{ display: inline-block; float: left; width: 50%; text-align: center; }
.select_file_option_model .sheet-modal-inner ul li a{font-size: 24px;height: 60px;width: 60px;display: block;text-align: center;margin: 0 auto;line-height: 60px;   border-radius: 100%;box-shadow: 0 0px 2px 0 rgba(0,0,0,0.14); background-color: #efeeee; overflow: hidden;}
.select_file_option_model .sheet-modal-inner ul li a.f-gallery{background-color: #019487; color: #fff;}
.select_file_option_model .sheet-modal-inner ul li a.f-camera{background-color: #2b99f2; color: #fff;}
.select_file_option_model .sheet-modal-inner ul li a.f-delete{ background-color: #fa3137; color: #fff; }
.select_file_option_model .sheet-modal-inner ul li h5{ margin: 5px 0; }
.select_file_option_model{ background-color: #fff;} 

.select_file_option_model_with_preview{ height: 170px; }
.select_file_option_model_with_preview .sheet-modal-inner{padding: 16px;}
.select_file_option_model_with_preview .sheet-modal-inner h4{ font-size: 16px; margin-top: 0; font-weight: bold; }
.select_file_option_model_with_preview .sheet-modal-inner ul{ display: table; width: 100%; margin:0; padding: 0; }
.select_file_option_model_with_preview .sheet-modal-inner ul li{ display: inline-block; float: left; width: 50%; text-align: center; }
.select_file_option_model_with_preview .sheet-modal-inner ul li a{font-size: 24px;height: 60px;width: 60px;display: block;text-align: center;margin: 0 auto;line-height: 60px;   border-radius: 100%;box-shadow: 0 0px 2px 0 rgba(0,0,0,0.14); background-color: #efeeee; overflow: hidden;}
.select_file_option_model_with_preview .sheet-modal-inner ul li a.f-gallery{background-color: #019487; color: #fff;}
.select_file_option_model_with_preview .sheet-modal-inner ul li a.f-camera{background-color: #2b99f2; color: #fff;}
.select_file_option_model_with_preview .sheet-modal-inner ul li a.f-delete{ background-color: #fa3137; color: #fff; }
.select_file_option_model_with_preview .sheet-modal-inner ul li h5{ margin: 5px 0; }
.select_file_option_model_with_preview{ background-color: #fff;}

.select_file_option_model_custom{ height: 170px; }
.select_file_option_model_custom .sheet-modal-inner{padding: 16px;}
.select_file_option_model_custom .sheet-modal-inner h4{ font-size: 16px; margin-top: 0; font-weight: bold; }
.select_file_option_model_custom .sheet-modal-inner ul{ display: table; width: 100%; margin:0; padding: 0; }
.select_file_option_model_custom .sheet-modal-inner ul li{ display: inline-block; float: left; width: 50%; text-align: center; }
.select_file_option_model_custom .sheet-modal-inner ul li a{font-size: 24px;height: 60px;width: 60px;display: block;text-align: center;margin: 0 auto;line-height: 60px;   border-radius: 100%;box-shadow: 0 0px 2px 0 rgba(0,0,0,0.14); background-color: #efeeee; overflow: hidden;}
.select_file_option_model_custom .sheet-modal-inner ul li a.f-gallery{background-color: #019487; color: #fff;}
.select_file_option_model_custom .sheet-modal-inner ul li a.f-camera{background-color: #2b99f2; color: #fff;}
.select_file_option_model_custom .sheet-modal-inner ul li a.f-delete{ background-color: #fa3137; color: #fff; }
.select_file_option_model_custom .sheet-modal-inner ul li h5{ margin: 5px 0; }
.select_file_option_model_custom{ background-color: #fff;}
/*==== select file option css end ===*/

/*==== Start : Home page UI ===*/
.dashbord_list{padding:0px;}
.dashbord_list .card-box{background-color: #3B3B3B;padding: 16px 0;position: relative;overflow: hidden;width: 100%;height: calc(calc(100vh - calc(var(--f7-navbar-height) + var(--f7-safe-area-top)))/8);box-sizing: border-box;display: flex;align-items: center;justify-content: center;min-height: 120px;}
.dashbord_list .card-box>div{display: flex;align-items: center;justify-content: center;width: 100%;padding-left: 10%;}
.dashbord_list .card-box .card-icon{height:80px;width:80px;border-radius:100%;margin:0 auto;line-height:80px;display: flex; align-items: center; justify-content: center;}
.dashbord_list .card-box .card-icon i,
.dashbord_list .card-box .card-icon i:before{font-size:64px;line-height: 60px;color:#fff;font-weight: lighter;}
.dashbord_list .card-box .card-title{font-size:18px;text-transform:capitalize;font-weight: 400;color:#FFD500;letter-spacing: 0.6px;flex: 1;max-width: 100%;margin-left: 20px;position: relative;}
.dashbord_list .card-box .card-title .notification-badge{background: #f00;color: #fff;position: absolute;top: -15px;display: inline-flex;height: 20px;font-size: 14px;font-weight: 500;padding: 0 5px;border-radius: 10px;line-height: 1;align-items: center;justify-content: center;}
.dashbord_list .card-box{border-bottom:2px solid #7B7B7B;}
.dashbord_list .card-box:last-child{border-bottom:0;}

.crt-button{margin: 8px 12px;display: flex;align-items: center;justify-content: flex-end;}
.crt-button .button{--f7-button-small-height:32px;--f7-button-small-font-size:13px;display: flex;align-items: center;justify-content: center;}
.crt-button .button i{font-size: 16px;font-weight: bold;margin-right: 5px;}

#customer_work_plan_id_ajax .item-inner .item-after{white-space: normal;flex-shrink:inherit;max-width: 65%;display: block;}

#customer_work_plan_id_ajax .item-inner .item-after b,
.custom-list-wrap .item-radio .item-title b,
.autocomplete-values .item-radio .item-title b{font-weight: 500;display: block;font-size: 14px;line-height: 1;}

#customer_work_plan_id_ajax .item-inner .item-after span,
.custom-list-wrap .item-radio .item-title span,
.autocomplete-values .item-radio .item-title span{font-size: 14px;line-height: 1.2;display: block;}

#customer_work_plan_id_ajax .item-inner .item-after u,
.custom-list-wrap .item-radio .item-title u,
.autocomplete-values .item-radio .item-title u{display: block;line-height: 1.2;font-size: 14px;text-decoration: none;}

#customer_work_plan_id_ajax .item-inner .item-after i,
.custom-list-wrap .item-radio .item-title i,
.autocomplete-values .item-radio .item-title i{display: block;line-height: 1.2;font-size: 14px;font-style:normal;}


.toggle-info-item{height: 28px;width: 28px;border-radius: 100px;position: absolute;top: 2px;right: 2px;background-color: #d1e9f7;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 22px;color: #1e3645;}
.toggle-info-item:not(.active) i:before{content: "\f107";}
.list-all-info:not(.active) li:nth-child(n+4){display: none;}

.warehouse_tbl .card{margin-left: 12px;margin-right: 12px;}

.qr-code-box{margin: 12px;text-align: center;}
.qr-code-box a{position: relative;overflow: hidden;height: 100px;width: 100px;display: flex;align-items: center;justify-content: center; font-size: 80px;background-color: #fff;color: #303030;padding: 10px;border-radius: 4px;margin: 0 auto;}
.qr-code-box a i{line-height: 1;}

.popup-qr-box{display: flex;align-items: center;justify-content: center;padding: 16px 0;}
.popup-qr-box img{display: block;max-width: 200px;max-height: 200px;}
.popup-warehouse-qrcode.popup{--f7-popup-border-radius:12px; width: 280px;height: 290px;top:calc(50% - 145px);left:calc(50% - 140px);}
.popup-warehouse-qrcode.popup.modal-in{transform: translate3d(0,calc(50% - 145px),0)}

.card-toggle-list{}
.card-toggle-list .card-head{padding: 8px 10px;border-bottom:1px solid #ddd;display: flex;align-items: center;justify-content: space-between;}
.card-toggle-list .card-head ul{margin:0;padding: 0;list-style: none;display: flex;align-items:flex-start;flex:0 0 calc(100% - 40px);max-width:calc(100% - 40px);}
.card-toggle-list .card-head ul li{color:var(--f7-table-head-text-color);font-size: 13px;line-height: 1.3;}
.card-toggle-list .card-head ul li:first-child{flex:0 0 40%;max-width: 40%;padding-right: 5px;}
.card-toggle-list .card-head ul li:nth-child(2){flex:0 0 30%;max-width: 30%;padding-right: 5px;}
.card-toggle-list .card-head ul li:nth-child(3){flex:0 0 30%;max-width: 30%;padding-right: 5px;}
.card-toggle-list .card-head ul li b{display: block;font-weight: 500;color:var(--f7-table-input-text-color);font-size: 13px;margin-bottom: 4px;}
.card-toggle-list .card-head .toggle-panel{border-radius: 100px;height: 28px;width: 28px;display: flex;align-items: center;justify-content: center;background-color: #d1e9f7;font-weight: bold;font-size: 20px;color: #1e3645;}
.card-toggle-list .card-head .toggle-panel.active i:before{content: '\f106';}
.card-toggle-list .card-body{--f7-table-edge-cell-padding-horizontal:8px;--f7-table-cell-padding-horizontal:8px;--f7-table-head-font-size:14px;--f7-table-head-cell-height:40px;--f7-table-body-cell-height:36px;--f7-table-body-font-size:13px;}
.card-toggle-list .card-body th:first-child{width: 120px;}
.card-toggle-list.panel-card.card{margin: 8px;border-radius: 4px;border:1px solid transparent;}
.card-toggle-list.panel-card.card .toggle-body{display: none;}
/*==== End : Home page UI ===*/

@media screen and (min-width: 541px) and (max-width: 1100px){
  .viewer-schedule-col .work-viewer, .viewer-schedule-col .travel-viewer{
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 400px){
	.appointment-schedule .work-schedule .ae-header .ae-work{font-size: 12px;}
	.appointment-schedule .work-schedule .ae-content p{-webkit-line-clamp: 1;}
	.appointment-schedule .appo-schedule-row .work-schedule, .appointment-schedule .appo-schedule-row .travel-schedule, .appointment-schedule .lunch-schedule{width: 140px;left: 60px;}
	.appointment-progress .progress-event-items .pei-event-box, .appointment-progress .progress-event-items .pei-travel-box{left:220px;}
	.appointment-progress .progress-event-items .pei-row.pei-lunch-row.pi-completed:before,
	.appointment-progress .progress-event-items .pei-row:after,
	.appointment-progress .progress-event-items .pei-row.pi-completed:not(.pei-lunch-row):before{left:237px;}
	.appointment-progress .progress-event-items .pei-row .pei-content{width: 80px;font-size: 11px;line-height: 12px;}
	.appointment-head .appointment-week .aw-calendar-date span{font-size: 14px;}
}

@media screen and (max-width: 399px){
    .popup.mechanic_event_order_reason_popup{width:320px;left: calc(50% - 160px);height: 450px;top:calc(50% - 225px)}
    .popup.mechanic_event_order_reason_popup .page-content .card{box-shadow: none;}
    .popup.mechanic_event_order_reason_popup .card-content-padding{padding: 0;}
    .popup.mechanic_event_order_reason_popup .sw-list ul{gap: 12px;}
    .popup.mechanic_event_order_reason_popup .sw-list li{flex:0 0 100%;width: 100%;}
    .popup.mechanic_event_order_reason_popup .sw-list li label{padding: 0 10px;margin: 0;}
    .popup.mechanic_event_order_reason_popup .button-section{margin-top: 0;margin-bottom: 20px;}
}

*{user-select: none; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;}

.blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}