@charset "utf-8" ;

/*@import url('../fonts/lato/fonts.css');*/
@import url('../fonts/segoe/fonts.css');
@import url('../fonts/fleet-icon/fonts.css?v=4.4');
.swal2-popup{
    font-size: 15px;
}
.text-green{color: #0FB860 !important;}
.text-red{color: #BF0000 !important;}
.text-black{color: #000 !important;}

a{color:#B31119;}
a:hover, a:active, a:focus{color: #d25f64;}

.border-all{border:1px solid #d2d6de;}
.border-t3{border-top-width: 3px !important;}




.dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,.175);}

body{font-family: 'Segoe UI'; color: #58666e;font-size: 14px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Segoe UI';}
.pbn { padding-bottom:0 !important; }
.prn { padding-right:0 !important; }
.pln { padding-left:0 !important; }
.ptn { padding-top:0 !important; }
.mtn { margin-top:0 !important;}
.mbn { margin-bottom:0 !important;}
.mrn { margin-right:0 !important;}
.mln { margin-left:0 !important;}

.pn{padding: 0 !important;}
.mn{margin: 0 !important;}

.br-b-0{border-bottom: 0px !important;}
.bor-l-none{border-left: 0px !important;}
.bor-r-none{border-right: 0px !important;}
.bor-b-none{border-bottom: 0px !important;}
.bor-t-none{border-top: 0px !important;}
.mt5 { margin-top:5px !important;}
.mt15 { margin-top:15px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mb50 { margin-bottom:50px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb15 { margin-bottom:15px !important;}
.mb10 { margin-bottom:10px !important;}
.mb5 { margin-bottom:5px !important;}
.ml15 { margin-left:15px !important;}
.mr15 { margin-right:15px !important;}
.pl5{padding-left: 5px !important;}
.pr5{padding-right: 5px !important;}

.fs16{font-size: 16px;}
.fs15{font-size: 15px;}
.fw600{font-weight: 600 !important;}
.fw800{font-weight: 800 !important;}
.after-none:after{display: none !important;}
.mauto{margin: 0 auto !important;}
.hblock100{height:100px;}

.btn-theme{background-color: #B31119;color: #fff;padding: 3px 18px;box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
.btn-theme:hover,.btn-theme:focus{color: #fff;}
.btn-yellow{background-color: #FFD500;color: #fff;padding: 3px 18px;}
.btn-yellow:hover,.btn-yellow:focus{color: #fff;}
.btn-orange{background-color: #f68400;color:#fff;}

.btn-success{background-color: #189500;color: #fff;padding: 3px 18px;box-shadow: 0 3px 6px rgba(0,0,0,0.15);border-color:#189500; }
.btn-success:hover,.btn-success:focus,.btn-success:active:focus{color: #fff;border-color:#189500;}
.btn-success:active{box-shadow: none;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none;}

/*===== Start  : theme style =====*/
.main-header{z-index: 809;}
.main-sidebar{padding-top: 0px;}
.skin-blue-light .main-header .logo, .skin-blue-light .main-header .navbar{background-color: #fff;box-shadow: 0px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);}
/*.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side{background-color: #2e3345;}*/
.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side{background-color: #3B3B3B;}

.skin-blue-light .main-header .navbar .nav>li>a:hover, .skin-blue-light .main-header .navbar .nav>li>a:active, .skin-blue-light .main-header .navbar .nav>li>a:focus, .skin-blue-light .main-header .navbar .nav .open>a, .skin-blue-light .main-header .navbar .nav .open>a:hover, .skin-blue-light .main-header .navbar .nav .open>a:focus, .skin-blue-light .main-header .navbar .nav>.active>a{background-color: transparent;color:#333;}
.skin-blue-light .user-panel>.info, .skin-blue-light .user-panel>.info>a{color: #b4b6bd;}
.skin-blue-light .sidebar-menu>li>a{border-left-width: 4px;}
.skin-blue-light .main-header .logo:hover,
.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color: #fff;color: #333;}
.skin-blue-light .main-header .logo{color: #b4b6bd;}
.skin-blue-light .main-header .navbar .sidebar-toggle,
.skin-blue-light .sidebar-menu .treeview-menu>li>a,
.skin-blue-light .sidebar a{color: #FFD500;}
.skin-blue-light .sidebar-menu .treeview-menu>li.active>a,
.skin-blue-light .sidebar-menu>li.active>a{border-color: #fff;color: #fff;background-color: #636363;}
.skin-blue-light .sidebar-menu .treeview-menu>li:not(.active)>a:hover,
.skin-blue-light .sidebar-menu>li:not(.active):hover>a{color: #fff;background-color: #636363}
.skin-blue-light .sidebar-menu>li>.treeview-menu{background-color: #3b3b3b;}

.skin-blue-light .main-header .navbar .sidebar-toggle{color:#303030;}
.main-sidebar .siderbar-logo{background-color: #fff;}
.main-sidebar .siderbar-logo b{color:#303030;}
/*.skin-blue-light .sidebar-menu>li:nth-child(5n+1)>a>i{color: #23b7e5;}*/
/*.skin-blue-light .sidebar-menu>li:nth-child(5n+2)>a>i{color: #528ff0;}*/
/*.skin-blue-light .sidebar-menu>li:nth-child(5n+3)>a>i{color: #27c24c;}*/
/*.skin-blue-light .sidebar-menu>li:nth-child(5n+4)>a>i{color: #fbe165;}*/
/*.skin-blue-light .sidebar-menu>li:nth-child(5n+5)>a>i{color: #f05050;}*/

.content-wrapper{background-color: #f0f3f4;}
.skin-blue-light .main-header .navbar .nav>li>a{color: #777;}
.skin-blue-light .main-header .navbar .nav>li>a.icon-img{padding-top: 0px;padding-bottom: 0px;height: 50px;display: flex;align-items: center;font-size: 15px;}
.skin-blue-light .main-header .navbar .nav>li>a.icon-img img{height:32px;width: 32px;margin-left:8px;}
.skin-blue-light .main-header .navbar .nav>li>a.icon-img:hover{background-color: #f5f5f5;}

.skin-blue-light .main-header .navbar .nav>li>a.icon-fi{padding-top: 0px;padding-bottom: 0px;height: 50px;display: flex;align-items: center;font-size: 15px;padding-left:32px;padding-right: 8px;border-left: 1px solid #e8e8e8;transition: all 0.2s ease-in-out;}
.skin-blue-light .main-header .navbar .nav>li:nth-last-child(2)>a.icon-fi{border-right: 1px solid #e8e8e8;}
.skin-blue-light .main-header .navbar .nav>li>a.icon-fi:before{content: "\f489";font-family: "Ionicons";height: 20px;width: 20px;position: absolute;left: 7px;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: bold;border: 1px solid #a9a9a9;transform: scale(0.85);transition: all 0.2s ease-in-out;}
.skin-blue-light .main-header .navbar .nav>li>a.icon-fi i{height:24px;width: 24px;margin-left:8px;font-size: 24px;line-height: 24px;}
.skin-blue-light .main-header .navbar .nav>li>a.icon-fi:hover{background-color: #f5f5f5;}
.skin-blue-light .main-header .navbar .nav>li>a.icon-fi:hover:before{transform: scale(1);}

.main-sidebar .siderbar-logo img{max-width: 62px;}
.main-header .logo .logo-lg img {max-width: 200px;max-height: 44px;}
.main-header .logo .logo-lg b{color:#333;}
.sidebar-collapse .main-header .sidebar-toggle:before{content:"\f0c9";}
.main-header .sidebar-toggle:before{content:'\f00d';}

.main-sidebar .siderbar-logo{height:50px;display: flex;align-items: center;justify-content: center;font-size: 24px;}
.main-sidebar .siderbar-logo b{font-weight: 800;}
.main-sidebar .user-panel{display: flex;align-items: center;justify-content: flex-start;}
.main-sidebar .user-panel .user-panel-image{height:44px;width:44px;border-radius: 100%;overflow: hidden;}
.main-sidebar .user-panel .user-panel-image img{height:100%;width:100%;object-position: center;object-fit: cover;}
.main-sidebar .user-panel .user-panel-info{flex:0 0 calc(100% - 44px - 14px);max-width: calc(100% - 44px - 14px);padding-left: 14px;}
.main-sidebar .user-panel .user-panel-info p{margin:0px;font-size: 16px;color: #b4b6bd;font-weight: 600;overflow: hidden;text-overflow: ellipsis;}

.navbar-custom-search{float: left;width: 340px;margin-top: 8px;position: relative;}
.navbar-custom-search .search-close{position: absolute;z-index: 4;height: 24px;width: 24px;line-height: 24px;color: #fff;background: #e65252;text-align: center;border-radius: 4px;top: 8px;right: 8px;cursor: pointer;}
.navbar-custom-search .custom-serch-input{position: relative;}
.navbar-custom-search .custom-serch-input input{border:1px solid #ddd;border-radius: 50px;padding-left:40px;}
.navbar-custom-search .custom-serch-input:before{content: "\f002";font-family: 'FontAwesome';position: absolute;font-size: 16px;opacity: 0.8;top: 50%;left: 14px;transform: translateY(-50%);}
.navbar-custom-search .custom-serch-result{opacity: 0;visibility: hidden;position: absolute;top:100%;background-color: #fff;border-radius:8px;left:0;right:0px;box-shadow: 0px 30px 60px rgba(0,0,0,0.4);transform: translateY(50px);transition: all 0.2s ease;}
.navbar-custom-search .custom-serch-result .common-search-data{max-height: calc(100vh - 50px);overflow-y: auto;}
.navbar-custom-search .custom-serch-result .serch-suggestions{padding:8px 16px;position: relative;}
.serch-suggestions .ss-header{border-bottom: 2px solid rgba(0,0,0,0.07);margin-bottom: 15px;padding-bottom: 5px;color:#047bf8;}
.serch-suggestions .ss-list{display: flex;flex-wrap: wrap;flex-direction: column;}
.serch-suggestions .ss-list a{padding:0px 10px 7px 0px;margin-bottom: 7px;color:#3E4B5B;transition: all 0.2s ease;border-bottom: 1px solid rgba(0,0,0,0.05);}
.serch-suggestions .ss-list a:hover{color:#047bf8;margin-left:8px;}
.serch-suggestions .ss-list a:last-child{margin-bottom:0;border-bottom: none;}
.navbar-custom-search.search-active .custom-serch-result{transform: none;opacity: 1;visibility: visible;}
.sidebar-collapse .main-sidebar .sidebar-menu>li>a>.menu-icon-img{max-width: 28px;max-height: 32px;display: block;margin: 0 auto 8px;}
body:not(.sidebar-collapse) .main-sidebar .sidebar-menu>li>a>.menu-icon-img{content: url("../images/map-icons/new/icon-12-yellow.svg"); max-width: 20px;max-height: 20px;display: inline-block;margin: 0;vertical-align: middle;}
body:not(.sidebar-collapse) .main-sidebar .sidebar-menu>li.active>a>.menu-icon-img{content:url("../images/map-icons/new/icon-12-white.svg");}
body:not(.sidebar-collapse) .main-sidebar .sidebar-menu>li:hover>a>.menu-icon-img{content: "";}
/* start : slide menu when collepse */
@media screen and (min-width:768px){
    .sidebar-collapse .wrapper{background-color: #f0f3f4;}
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .main-header .logo{width: 100px;}
    .sidebar-collapse .main-header .navbar,
    .sidebar-collapse .content-wrapper,
    .sidebar-collapse .main-footer{margin-left: 100px;}

    .sidebar-collapse .main-sidebar {-webkit-transform: translate(0px, 0);-ms-transform: translate(0px, 0);-o-transform: translate(0px, 0);transform: translate(0px, 0);}

    .sidebar-collapse .main-sidebar .siderbar-logo{height:auto;}
    .sidebar-collapse .main-sidebar .siderbar-logo a{flex: 1;max-width: 100%;text-align: center;padding:2px 0 4px;background-color: #fff;}
    .sidebar-collapse .main-sidebar .siderbar-logo img{display: block;margin: 0 auto;}
    .sidebar-collapse .main-sidebar .siderbar-logo b{font-size: 16px;line-height: normal;display: block;color: #303030;}
    .sidebar-collapse .main-sidebar .user-panel{padding: 10px 0;flex-direction: column;}
    .sidebar-collapse .main-sidebar .user-panel .user-panel-image{flex: 1;max-width: 100%;height:auto;width:auto;}
    .sidebar-collapse .main-sidebar .user-panel .user-panel-image img{height: 44px;width: 44px;}
    .sidebar-collapse .main-sidebar .user-panel .user-panel-info{flex: 1;max-width: 100%;padding: 0 8px;}
    .sidebar-collapse .main-sidebar .user-panel .user-panel-info p{font-size: 14px;text-align: center;margin-top:4px;}
    .sidebar-collapse .main-sidebar .sidebar-menu{white-space: normal;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li{border-top:1px solid #7b7b7b;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li:last-child{border-bottom:2px solid #7b7b7b;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li>a{border-left: 0px;padding:8px 8px;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li>a>i{display: block;width: auto;font-size: 26px;line-height:26px;margin: 0 auto 5px;text-align: center;color: #fff;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li>a>i[class*=fa-]{font-size: 22px;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li>a>span:not(.pull-right-container){display: block;text-align: center;line-height: 16px;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li>a>span.pull-right-container{right: 0;margin: 0;top: 4px;}
    .sidebar-collapse .main-sidebar .sidebar-menu>li>a>span.pull-right-container i{font-weight: bold;font-size: 20px;transform: rotateY(180deg);}
    .sidebar-collapse .main-sidebar .sidebar-menu>li.menu-open>a>span.pull-right-container i{font-weight: bold;font-size: 20px;transform: rotate(90deg);}
    .sidebar-collapse .main-sidebar .sidebar-menu>li ul.treeview-menu{position: fixed;left: 100%;width: 225px;top: 0;padding-left: 0px;}
    /*.sidebar-collapse .main-sidebar .sidebar-menu>li ul.treeview-menu:not(.treeview-active){display: none;}*/
    .sidebar-collapse .main-sidebar .sidebar-menu{overflow: hidden;height: calc(100vh - 51px);overflow-y: auto;}
    .sidebar-collapse .main-sidebar .sidebar-menu::-webkit-scrollbar{display: none;}
    .sidebar-collapse .main-sidebar .sidebar{padding-bottom: 0px;}

    body.sidemenu-active{overflow: hidden;}
    body.sidemenu-active .sidebar-menu.tree{overflow: hidden;}
    body .sidebar-menu-overlay{position: fixed;top:0;bottom: 0;left: 0;right: 0;z-index: 809;}
}
/* end : slide menu when collepse */

.swal2-container {zoom: 1.4;}

.skin-blue-light .main-footer{background-color: #f0f3f4;border:none;color: #8f96b3;}
.skin-blue-light .main-footer a{color:#333;}

.custom-dropdownbox{ border: 1px solid #ddd;background: #fff;color: #1d3b4a;padding:4px 8px;line-height: 18px;border-radius: 4px;border-width:1px;outline: none;user-select: none;margin:7px 8px 0;}
.custom-dropdownbox:focus{outline: none;}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{border:1px solid #bfc2c3;border-radius: 0;width: 340px;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu .header{padding: 14px 12px;color: #4e5b62;font-size: 14px;text-transform: uppercase;font-weight: 600;border-bottom-color: #ebebeb;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu .footer a{border-top:1px solid #ebebeb;padding: 14px 12px;color: #4e5b62 !important;font-size: 15px;transition: all 0.2s ease-in-out;border-radius: 0px;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu .footer a:hover{background-color: #f0f3f4;}
.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{box-sizing: border-box;display: flex;align-items: flex-start;justify-content: flex-start;overflow: hidden;width: 100%;white-space: normal;word-break: break-all;}
.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a .message-menu-img{margin: 0px;height: 44px;width: 44px;overflow: hidden;}
.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a .message-menu-img img{height:100%;width:100%;object-position: center;object-fit: cover;margin:0px;}
.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a .message-menu-content{flex: 0 0 calc(100% - 44px);max-width: calc(100% - 44px);box-sizing: border-box;padding: 0 0 0 14px;overflow: hidden;}

.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a .message-menu-content h4{margin:0;color: #717c81;font-size: 16px;font-weight: 600;padding-right:64px;position: relative;margin-bottom: 10px;}
.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a .message-menu-content h4 span{position: absolute;right: 0px;font-size: 12px;top: 2px;font-weight: normal;opacity: 0.9;max-width: 60px;overflow: hidden;white-space: nowrap;}
.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a .message-menu-content p{margin:0px;color:#717c81;font-size: 15px;line-height: 20px;}
.navbar-custom-menu>.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li:last-child>a{border-bottom: none;}

.navbar-custom-menu>.navbar-nav>.user-menu{}
.navbar-custom-menu>.navbar-nav>.user-menu>.dropdown-toggle{padding: 7px 12px;}
.navbar-custom-menu>.navbar-nav>.user-menu>.dropdown-toggle span{height: 36px;width: 36px;display: block;text-align: center;font-size: 18px;line-height: 36px;background-color: #f8f8f9;border-radius: 100%;}
.navbar-custom-menu>.navbar-nav>.user-menu.open>.dropdown-toggle span{background-color: #f2f7fd;color:#2577e4;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{display: flex;height: auto;align-items: center;justify-content: flex-start;background-color: #fff;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header img{height:44px;width:44px;object-position: center;object-fit: cover;border: 0;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header p{flex:0 0 calc(100% - 44px);max-width: calc(100% - 44px);color: #4e5b62;font-size: 15px;text-transform: capitalize;font-weight: 600;margin:0;text-align: left;padding-left: 14px;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header p span{font-weight: 400;display: block;font-size: 14px;opacity: 0.8;margin-top: 1px;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color: #f3f6f7;border-top:1px solid #ececec;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer p{color: #58646b;font-size: 14px;margin: 0;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer h5{color: #4e5b62;font-size: 16px;margin: 8px 0 14px;font-weight: 600;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer h5 i{opacity: 0.8;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .user-footer-btn{display: flex;align-items: stretch;justify-content: space-between;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .user-footer-btn .btn{flex: 0 0 49%;max-width: 49%;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .user-footer-btn .btn-primary{padding:3px 18px;}
/*===== End  : theme style =====*/


/*===== Start  : Login And Regstration page =====*/
.login-page{background-color: #e3edf3;}
.login-page .login-box{width:440px;border-radius: 14px;box-shadow: 0 0 14px rgba(0,0,0,0.16);background-color: #fff;overflow: hidden;}
.login-page .login-box .login-bg{background-color:rgba(9,129,199,1);position: relative;height:100%;width:100%;overflow: hidden;}
.login-page .login-box .login-bg img{height:100%;width: 100%;display: block;object-fit: cover;object-position: right bottom;opacity: 0.4;}
.login-page .login-box .login-inner-side{padding:30px 60px;position: relative;}
.login-page .login-box .login-logo{margin-bottom: 20px;}
.login-page .login-box .login-logo img{max-width: 200px;display: block;margin:0 auto;}
.login-page .login-box .login-logo h4{font-weight: 600;font-size: 17px;text-transform: uppercase;letter-spacing: 1px;margin: 14px 0 0 0;color: #7493a7;}
.login-page .login-box form{margin:40px 0 00px;}
.login-page .login-box form .form-group{margin-bottom: 30px;}
.login-page .login-box .login-button{text-align:center;}
.login-page .login-box .login-button .btn{background-color: #0083D3;border: none !important;outline-offset: 0px; font-size: 18px;letter-spacing: 1px;font-weight: 600;padding: 10px 32px;line-height: 18px;box-shadow: 0px 4px 6px rgba(0,0,0,0.16);border-radius: 5px;position: relative;transition: all 0.1s ease-in-out;}
.login-page .login-box .login-button .btn:hover{box-shadow: 0px 4px 6px rgba(0,0,0,0.04);border:none;}
.login-page .login-box .login-button p{margin:10px 0 0 0;text-align: center;}
.login-page .login-box .login-button p a{font-size: 15px;color:#667c8a;font-weight: 600;}

/*===== End  : Login And Regstration page =====*/

/*===== Start  : fancy control =====*/
.fancy_control{position: relative;}
.fancy_control .form-group{position: relative;}
.fancy_control .form-group .form-control{box-shadow: none;height:auto;padding:10px; font-size: 14px;border-radius: 4px;}
.fancy_control .form-group[data-extra-lg]{position: relative;padding-right:100px;}
.fancy_control .form-group[data-extra]{position: relative;padding-right:50px;}
.fancy_control .form-group[data-extra-lg] .form-control,
.fancy_control .form-group[data-extra] .form-control{border-radius: 4px 0 0 4px;}
.fancy_control .form-group[data-extra-lg]:before,
.fancy_control .form-group[data-extra]:before{content: attr(data-extra);position: absolute;right: 0;border: 1px solid #d2d6de;height: 48px;width: 50px;border-left: none;border-radius: 0 4px 4px 0;top: 0;text-align: center;line-height: 43px;font-size: 16px;color: #636F73;}
.fancy_control .form-group[data-extra-lg]:before{width:100px;content: attr(data-extra-lg);}
.fancy_control .form-group .form-control:focus{border-color: #BF0000;}
.fancy_control .form-group .form-control:focus + label:not(.error){color: #BF0000;}
.fancy_control .form-group label:not(.error){margin:0;font-size: 14px;display: inline-block;padding: 4px 10px 0;font-weight:600;pointer-events: none;background-color: #fff;position: absolute;top:-11px;left: 12px;color: #666;}

select[multiple].form-control{height: 34px;}

.form-group.has-error .select2.select2-container .select2-selection--single{border-color:#dd4b39;box-shadow: none;}
/*===== End  : fancy control =====*/

/*===== Start  : timeline  =====*/
.timeline-wrap{padding:4px;}
.timeline-wrap .ta-record{margin-bottom:20px;border-radius:6px;padding:0;position: relative;background-color:#fff;border:2px solid #efefef;}
.timeline-wrap .ta-record:before{content: ""; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 28' style='enable-background:new 0 0 15.6 28;' xml:space='preserve'%3E%3Cpolygon fill='%23efefef' points='14,28 0,14 14,0 15.6,0 15.6,1.6 3.2,14 15.6,26.4 15.6,28'/%3E%3C/svg%3E");width:15.6px;height:28px;position: absolute;left: -15.6px;top: 10px;background-color: #fff;}

.timeline-wrap .timed-activities.compact .timed-activity .ta-timestamp{position: relative;margin:0px;width:auto;text-transform: capitalize;padding: 10px 20px;font-size: 14px;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-timestamp:after{display: none;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-timestamp .with-avatar{margin-right:15px;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-timestamp .label{color: #adb5bd;font-weight:400;display: inline-block;vertical-align: middle;margin-right:5px;font-size: 14px;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-timestamp strong{vertical-align: middle;display: inline-block;font-size: 12px;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-activity{padding: 8px 16px;box-shadow: 0px 5px 15px rgba(0,0,0,0.05); border-bottom: 0px;margin-bottom:0px;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-record-w{padding-left: 0px;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-title{font-size:16px;font-weight: 600;line-height:16px;color: #334152;margin-bottom:5px;}
.timeline-wrap .timed-activities.compact .timed-activity .ta-content{font-size: 15px;}

.timeline-wrap .with-avatar img {display: inline-block;vertical-align: middle;border-radius: 50px;width: 30px;height: auto;margin-right: 10px;}
.timed-activities.compact .timed-activity:before {position: absolute;width: 1px;background-color: rgba(0,0,0,0.1);bottom: 0px;top: 45px;content: "";left: 8px;}
.timed-activities.compact .timed-activity {display: block;padding-left: 30px;position: relative;margin-bottom: 2rem;font-size: 1.08rem;}
.timeline-wrap a.with-avatar span {border-bottom: 1px solid #b31119;}
.timeline-wrap .with-avatar span {display: inline-block;vertical-align: middle;}
/*===== End  : timeline  =====*/

/*===== Start  : Lead Details  =====*/
.car-details-box.box{}
.car-details-box.box .box-header{font-size: 16px;font-weight: 600;}
.car-details-box.box .box-header span{color:#0083D3;}
.car-details-box.box .box-header{}
.car-details-box.box .car-img-box{width: 200px;height: 144px;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-details-box.box .car-img-box span{position: absolute;left: 0;right: 0;color:#3E4B5B;bottom: 40px;text-align: center;font-size: 12px;font-weight: 600;}
.car-details-box.box .box-footer{background-color: #fff;}
.car-details-box.box .box-footer ul{margin:0px;padding:0px;}
.car-details-box.box .box-footer ul li{display: block;margin-bottom: 10px;font-weight: 600;color:#3E4B5B;padding-left: 40px;position: relative;}
.car-details-box.box .box-footer ul li i{font-size: 28px;position: absolute;left: 7px;top: 50%;transform: translateY(-50%);}
.car-details-box.box .box-footer ul li:last-child{margin-bottom: 0px;}
.car-details-box.box .box-footer ul li span{color:rgba(90,99,126,0.80);font-size: 14px;font-weight: 400;display: block;}

.box-owner-details{}
.box-owner-details h4{color:#334152;margin:0 0 20px 0;font-size: 17px;font-weight: 600;}
.box-owner-details h4 span{color:#047BF8;}
.box-owner-details .card-body .sw-map{height:340px;}
.row-owner-items{margin-bottom: 10px;padding-bottom: 10px;position: relative;border-bottom:1px solid rgba(0,0,0,0.05);}
.row-owner-items h5{color:#334152;margin:0 0 4px 0;font-size: 17px;font-weight: 600;}
.row-owner-items p{color:#617082;font-size: 16px;line-height: 20px;margin:0px;}
.owner-select-list,
.photo-item-popup:not(.van-report-photo-item){margin:10px 0px 0 0;padding:0px;position: relative;list-style: none;display: flex;flex-wrap: wrap;}
.owner-select-list li,
.photo-item-popup:not(.van-report-photo-item) figure{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;}
.photo-item-popup:not(.van-report-photo-item) figure a{display: block;max-width: 100%;position: relative;transition: all 0.2s ease-in-out;}
.photo-item-popup:not(.van-report-photo-item) figure a .extra_file_btn{margin: 21px 12px;}
.photo-item-popup:not(.van-report-photo-item) figure img{height: 100%;width: 100%;display: block;object-position: center;object-fit: cover;}
.owner-select-list li img{max-width: 100px;max-height: 64px;display: block;text-align: center;margin: 0 auto;}
.owner-select-list li p{font-size: 14px;}
.owner-select-list li p,
.photo-item-popup:not(.van-report-photo-item) figure figcaption{margin: 0;height: 32px;border-top: 1px solid #ddd;display: block;padding: 4px 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;width: 100%;box-sizing: border-box;}

.photo-preset-wrap{border: 1px solid #f1f1f1;border-radius: 8px;margin-bottom: 25px;position: relative;}
.photo-preset-wrap h3{color:#334152;margin:0;padding:10px 12px;font-size: 17px;font-weight: 600;background-color: #fafafa;border-bottom: 1px solid #f1f1f1;border-radius: 8px 8px 0 0 }
.photo-preset-wrap .photo-item-popup{padding:12px;}

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

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

.photo-item-popup.one-img-popup{margin:0px;}
.photo-item-popup.one-img-popup figure{margin:0px;}
.photo-item-popup.one-img-popup figure a{height: 80px;}

.photo-item-popup.calendar-img-popup{margin:0px;}
.photo-item-popup.calendar-img-popup figure{margin:0px;flex: 0 0 64px;max-width: 64px;}
.photo-item-popup.calendar-img-popup figure a{height: 44px;}

.highlight-icon{}
.highlight-icon li{color:#465165}
.highlight-icon li i{height: 22px;width: 22px;background-color: #EAEFF3;color: #6d7488;text-align: center;line-height: 22px;border-radius: 100%;font-size: 11px;margin-right: 8px;}

.empty-block{text-align: center;padding:12px 0; font-size: 16px;font-weight: 600;letter-spacing: 0.8px;text-transform: capitalize;color:#5e6a71;}
/*===== End  : Lead Details  =====*/

/*===== Start  : New Lead Details Desing  =====*/
.detail-box-row{display: flex;align-items: stretch;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);}
.detail-box-row>.detail-panel-box{flex:0 0 40%;max-width: 40%;box-shadow: none;margin:0;display: flex;flex-direction: column;}
.detail-box-row>.detail-panel-box>.vehicle-info-body,
.detail-box-row>.detail-panel-box>.driver-info-row{flex: 1;}
.detail-box-row>.detail-panel-box:first-child{border-right:1px solid #ddd;flex:0 0 60%;max-width: 60%;}

.main-custom-nav.custom-nav{border-top:2px solid #f4f4f4;margin-bottom: 20px;}
.main-custom-nav.custom-nav>ul.nav>li{flex:1;max-width: 100%;}
.main-custom-nav.custom-nav>ul.nav>li>a{font-size: 17px;padding: 14px 15px;text-align: center;}

.detail-panel-box .box-footer.nav-footer{padding: 0px;background-color: #fff;}
.nav-footer ul.nav{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;flex: 1;max-width: 100%;}
.nav-footer ul.nav li{flex: 1;max-width: 100%;}
.nav-footer ul.nav li:not(:first-child){border-left:1px solid #ddd;}
.nav-footer ul.nav li a{background-color: #F6F6F6;color:#000000;display: block;text-align: center;font-size: 16px;font-weight: 600;}
.nav-footer>ul.nav>li>a>i{display: inline-block;vertical-align: middle;margin-right: 5px;line-height: 17px;}
.nav-footer ul.nav li:hover a,
.nav-footer ul.nav li.active a{background-color: #fff;}
.nav-footer > ul.nav > li:hover a,
.nav-footer > ul.nav > li.active a{background-color: #fff;color:#047bf8;}
/*.nav-footer > ul.nav > li:hover a:after,*/
/*.nav-footer > ul.nav > li.active a:after{border-bottom:2px solid #047bf8;content: "";position: absolute;bottom: 0;left: 0;right: 0;}*/
.info-inner-nav.nav li:hover a:after,
.info-inner-nav.nav li.active a:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;border: 2px solid #047bf8;top: -2px;border-bottom: none;}

.vehicle-info-body{display: flex;align-items: stretch;padding:0px !important;}
.vehicle-info-body .vehicle-info-image{padding: 12px;flex:0 0 180px;max-width: 180px;box-sizing: border-box;}
.vehicle-info-body .vehicle-info-image img{max-width: 160px;max-height:85px;display: block;margin:0 auto;}
.vehicle-info-body .vehicle-info-content{flex:0 0 calc(100% - 180px);max-width: calc(100% - 180px);box-sizing: border-box;}
.vehicle-info-body .vehicle-info-content ul{margin:0px;padding:0px;display: flex;align-items:stretch;flex-wrap: wrap;list-style: none;}
.vehicle-info-body .vehicle-info-content ul li{flex:0 0 26%;max-width: 26%;font-size: 16px;font-weight: 600;color: #343a40;box-sizing: border-box;padding:4px 8px;border-bottom: 1px solid #f4f4f4;border-left: 1px solid #f4f4f4;}
.vehicle-info-body .vehicle-info-content ul li.col-lg{flex:0 0 37%;max-width: 37%;}
.vehicle-info-body .vehicle-info-content ul li.col-sm{flex:0 0 16%;max-width: 16%;}
.vehicle-info-body .vehicle-info-content ul li.col-sm:nth-child(n+9){flex:0 0 calc(100%/6);max-width: calc(100%/6);}
.vehicle-info-body .vehicle-info-content ul li span{display: block;color:rgba(90,99,126,0.80);font-size: 14px;font-weight: 400;margin-bottom: 0px}
.detail-box-row>.detail-panel-box:first-child .box-header .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: 5px auto 0;}

.box .box-body.driver-info-row{/*display: flex;align-items: stretch;flex-wrap: wrap;*/padding: 12px;}
.driver-info-row .driver-info-item{border:1px solid #f4f4f4;border-radius: 4px;overflow: hidden;margin-right: 8px;margin-bottom: 8px;flex: 0 0 110px;max-width: 110px;}
.driver-info-row .driver-info-item:nth-child(4n){margin-right: 0px;}
.driver-info-row .driver-info-item img{max-width: 100%;}
.driver-info-row .driver-info-item .drive-info-content{padding: 8px 8px;border-top: 1px solid #f4f4f4;overflow: hidden;}
.driver-info-row .driver-info-item .drive-info-content h4{font-size: 14px;font-weight: 600;text-align: center;margin:0px;}
.driver-info-row .driver-info-item .drive-info-content p{margin:2px 0 0;text-align: center;}
.driver-info-row .driver-info-item .drive-info-content p a{font-size: 12px;font-weight: 600;letter-spacing: 0.4px;}

.driver-info-row .table{}
.driver-info-row .table tbody td img{max-width:40px;max-height: 36px;}

.box .box-header.box-header-highlight{font-size: 16px;font-weight: 600;}
.box .box-header.box-header-highlight span{color:#B31119;}
.box .box-header.box-header-highlight span small{color:#617082;margin-left: 10px;}

.detail-panel-box .box-body.customer-vehicle-info{display: flex;align-items: stretch;flex-wrap: wrap;padding: 0 8px 8px 8px;}
.customer-vehicle-info>.card.card_width_lg{flex:0 0 36%;max-width: 36%;}
.customer-vehicle-info>.card.card_width_half{flex:0 0 50%;max-width: 50%;}
.customer-vehicle-info>.card.card_width_half_40{flex:0 0 40%;max-width: 40%;}
.customer-vehicle-info>.card.card_width_half_60{flex:0 0 60%;max-width: 60%;}
.customer-vehicle-info>.card{box-shadow: none;flex:0 0 28%;max-width: 28%;border-radius: 0px;margin-bottom: 0px;}
.customer-vehicle-info>.card>.card-header{padding: 5px 8px;background-color: #FAFBFC;}
.customer-vehicle-info>.card>.card-header .card-title{font-size: 14px;}
.customer-vehicle-info>.card>.card-body{padding:8px;}

.customer-vehicle-info>.card>.card-body .photo-item-popup,
.customer-vehicle-info>.card>.card-body .owner-select-list{margin-top: 0px;}

.request-data-list{margin: 0px;padding: 0px;display: flex;align-items: stretch;flex-wrap: wrap;list-style: none;}
.request-data-list li{font-size: 16px;font-weight: 600;color: #343a40;box-sizing: border-box;padding:0px;flex:0 0 50%;max-width: 50%;line-height: 18px;}
.request-data-list li:nth-child(n+3){margin-top: 8px;}
.request-data-list li span{display: block;color: rgba(90,99,126,0.80);font-size: 14px;font-weight: 400;margin-bottom: 0px;line-height: 15px;margin-bottom:2px;}

.detail-panel-box .box-body.customer-vehicle-info .owner-select-list li,
.detail-panel-box .box-body.customer-vehicle-info .photo-item-popup figure{flex: 0 0 60px;max-width: 60px;margin-right: 5px;margin-bottom: 5px;}
.detail-panel-box .box-body.customer-vehicle-info .owner-select-list li:nth-child(6n),
.detail-panel-box .box-body.customer-vehicle-info .photo-item-popup figure:nth-child(6n){margin-right: 0px;}
.detail-panel-box .box-body.customer-vehicle-info .owner-select-list li img{max-width: 100%;max-height: 34px;}
.detail-panel-box .box-body.customer-vehicle-info .photo-item-popup figure a{height: 40px;}
.detail-panel-box .box-body.customer-vehicle-info .photo-item-popup figure figcaption{display: none;}

.detail-panel-box .box-body.customer-vehicle-info .request-data-list li{font-size: 14px;}
.detail-panel-box .box-body.customer-vehicle-info .request-data-list li span{display: inline-block;text-transform: capitalize;}
.detail-panel-box .box-body.customer-vehicle-info .empty-block{padding: 4px 0;font-size: 14px;}

.map-panel-wrap.box{}
.map-panel-wrap.box .box-header .box-title.text-danger{color:#B31119;}
.map-panel-wrap.box .box-header .box-title span{font-weight: normal;color:#617082;font-size: 14px;}
.map-panel-wrap.box .box-body .sw-map{height:300px;border-radius: 0px;}

.sm-photo-list{margin:0px;padding:0px;list-style: none;flex-wrap: wrap;display: flex;max-width: 240px;}
.sm-photo-list li{flex: 0 0 40px;max-width: 40px;list-style: none;margin-right: 5px;margin-bottom: 5px;position: relative;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.sm-photo-list li img{max-width:36px;max-height:28px;display: block;text-align: center;margin: 0 auto;}

.inner-custom-nav.custom-nav{background-color: #F6F6F6;}
.inner-custom-nav.custom-nav>ul{}
.inner-custom-nav.custom-nav>ul>li{flex: 1;max-width: 100%;}
.inner-custom-nav.custom-nav>ul>li>a{color:#333 !important;text-transform: uppercase; letter-spacing: 0.8px;text-align: center;}
.inner-custom-nav.custom-nav>ul>li>a>span{text-align: center;padding-left:24px;position: relative;z-index: 2;}
.inner-custom-nav.custom-nav>ul>li>a>span>i{color: #303030;position: absolute;left: -8px;font-size: 25px;line-height: 25px;top: -4px;}
.inner-custom-nav.custom-nav>ul.nav>li.active>a:hover, .inner-custom-nav.custom-nav>ul.nav>li.active>a:active, .inner-custom-nav.custom-nav>ul.nav>li.active>a:focus,
.inner-custom-nav.custom-nav>ul>li.active>a{background-color: #FFBCBC;}
.inner-custom-nav.custom-nav>ul>li.active>a>span>i{color: #B31119;}
.inner-custom-nav.custom-nav>ul.nav>li:not(:first-child)>a:before{content: "";position: absolute;z-index:1;top: 6px;bottom: 0;height: 28px;width: 28px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);left: -34px;background-color: #f6f6f6;}
.inner-custom-nav.custom-nav>ul.nav>li:not(:first-child)>a:after{content: "";position: absolute;height: 100%;top: 0;bottom: 0;left: -20px;width: 20px;z-index: 0;background-color: #f6f6f6;}
.inner-custom-nav.custom-nav>ul.nav>li.active>a:after,
.inner-custom-nav.custom-nav>ul.nav>li.active+li>a:before{background-color: #FFBCBC;}

.configuration-tbl.table-theme{border-bottom: 1px solid #f4f4f4;}
.configuration-tbl.table-theme thead tr:not(.config-detail-row):first-child th{border-bottom: 0px;text-align: center;}
.configuration-tbl.table-theme thead tr:not(.config-detail-row):last-child th{border-top: 0px;padding-top: 0px;}
.configuration-tbl.table-theme thead tr:not(.config-detail-row){border: 0px !important;}
.configuration-tbl.table-theme thead tr:not(.config-detail-row) th{white-space: nowrap;}
.configuration-tbl.table-theme tbody tr:not(.config-detail-row) td,
.configuration-tbl.table-theme thead tr:not(.config-detail-row) th{padding: 4px;vertical-align: middle;text-align: center;}
.configuration-tbl.table-theme tbody tr:not(.config-detail-row):not(.config-detail-row) td:first-child{background-color: #B31119;text-align: center;color:#fff;font-size: 16px;font-weight: 600;cursor: pointer;}
.configuration-tbl.table-theme tbody tr:not(.config-detail-row) td{font-size: 12px;}
.configuration-tbl.table-theme tbody tr:not(.config-detail-row) td img{max-height: 32px;max-width: 32px;display: block;margin:0 auto;}
.configuration-tbl.table-theme tbody tr:not(.config-detail-row) td p{margin:4px 0 0 0;text-align: center;}
.configuration-tbl.table-theme tbody tr:not(.config-detail-row) td img.md-width80{max-height:47px;max-width: 80px;display: block;margin:0 auto;}

.configuration-tbl:not(.active-tbl) thead tr:first-child th:not(:last-child):nth-child(n+2),
.configuration-tbl:not(.active-tbl) thead tr:last-child th:not(:last-child):nth-child(n+9),
.configuration-tbl:not(.active-tbl) tbody tr:not(.config-detail-row) td:not(:last-child):nth-child(n+9){display: none;}
.config-total-tbl:not(.active-tbl) {display: none;}

.configuration-tbl.table-customer thead tr:last-child th:nth-child(8),
.configuration-tbl.table-customer thead tr:last-child th:nth-child(9),
.configuration-tbl.table-customer thead tr:last-child th:nth-child(14),
.configuration-tbl.table-customer tbody tr:not(.config-detail-row) td:nth-child(8),
.configuration-tbl.table-customer tbody tr:not(.config-detail-row) td:nth-child(9),
.configuration-tbl.table-customer tbody tr:not(.config-detail-row) td:nth-child(14){display: none;}

.configuration-tbl.table-theme tbody tr.inspection_category td:not(:last-child):nth-child(n+3):not(:nth-child(n+9)){display: none;}
.configuration-tbl.table-theme tbody tr.inspection_category td:nth-child(9){display: table-cell !important;}

.config-detail-row{}
.config-detail-row>td{padding:0px !important;}
.config-detail-row .custom-nav{box-shadow: none;background-color: #f8f8f8;border-top:1px solid #ddd;}
.config-detail-row .custom-nav>ul.nav>li{flex: 1;max-width: 100%;}
.config-detail-row .custom-nav>ul.nav>li>a{background-color: #f8f8f8;font-weight: 600;text-align: center;}
.config-detail-row .custom-nav>ul.nav>li.active>a{background-color: #fff;}
.config-detail-row .custom-nav>ul.nav>li>a:after{display: none}
.config-detail-row .config-tab-wrap{padding: 12px 0;position: relative;display: flex;align-items: stretch;}
.config-detail-row .config-tab-wrap.ct-only_desc{padding: 12px 8px;position: relative;display:block;}
.config-detail-row .config-tab-wrap .config-tab-item{padding-right:12px;position: relative;flex:0 0 25%;max-width: 25%;box-sizing: border-box;}
.config-detail-row .config-tab-wrap .config-tab-item:first-child{padding-left:12px;}
.config-detail-row .config-tab-wrap .config-tab-item.cti_width_11{flex:0 0 11%;max-width: 11%;}
.config-detail-row .config-tab-wrap .config-tab-item.cti_width_44{flex:0 0 44%;max-width: 44%;}
.config-detail-row .config-tab-wrap .config-tab-item.cti_width_20{flex:0 0 20%;max-width: 20%;}
.config-detail-row .config-tab-wrap .ct-brand{position: relative;display: flex;align-items: stretch;}
.config-detail-row .config-tab-wrap .ct-brand .ct-brand-img{height:80px;width: 80px;}
.config-detail-row .config-tab-wrap .ct-brand .ct-brand-img img{height:100%;width:100%;object-fit: contain;object-position: center;}
.config-detail-row .config-tab-wrap .ct-brand .ct-brand-content{flex: 0 0 calc(100% - 80px);max-width: calc(100% - 80px);padding-left:15px;box-sizing: border-box;}
.config-detail-row .config-tab-wrap .ct-brand .ct-brand-content h4{margin-bottom: 0px;font-weight: 600;font-size: 14px;}
.config-detail-row .config-pd-list{margin:0px;padding:0px;list-style: none;display: flex;flex-wrap: wrap;}
.config-detail-row .config-pd-list li{display: flex;flex:0 0 calc(50% - 6px);align-items: center;justify-content: space-between;max-width: calc(50% - 6px);box-sizing: border-box;border-radius: 4px; font-size: 12px;padding: 4px;}
.config-detail-row .config-pd-list li:nth-child(2n){margin-left: 12px;}
.config-detail-row .config-pd-list li span{box-sizing: border-box;font-weight:600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.config-detail-row .config-pd-list li:nth-child(4n-3){background-color: #f5f5f5;}
.config-detail-row .config-pd-list li:nth-child(4n){background-color: #f5f5f5;}
.config-detail-row .config-pd-list li span img{max-width:50px;max-height: 28px;}
.config-detail-row .config-pd-list li span:last-child{padding-left: 10px;text-align: right;}
.config-detail-row .config-oem-list{margin:0px;padding:0px;list-style: none;max-height: 90px;}
.config-detail-row .config-oem-list li{display: block;font-size: 12px;padding: 4px 8px;border-bottom: 1px solid #ddd;}
.config-detail-row .cti-title{margin:0px;padding:4px;font-size: 14px;font-weight: 600;background-color: #f5f5f5;border-radius: 4px;}

.config-tab-wrap .doc-item-list{margin:0px;padding:0px;list-style: none;display: flex;align-items: stretch;flex-wrap: wrap;position: relative;}
.config-tab-wrap .doc-item-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-tab-wrap .doc-item-list li a{text-decoration: none;display: block;height: 40px;text-align: center;line-height: 40px;}
.config-tab-wrap .doc-item-list li a:hover{background-color: #f4f4f4;}

.detail-panel-box .config-head-card.box-body{display: flex;align-items: stretch;padding: 0px;}
.config-head-card.box-body .config-head-left{flex:0 0 57%;max-width: 57%;position: relative;box-sizing: border-box;padding:8px;}
.config-head-card.box-body .config-head-right{flex:0 0 43%;max-width: 43%;position: relative;box-sizing: border-box;padding:8px;border-left:1px solid #ddd;}
.config-head-card.box-body .config-head-left ul{margin:0px;padding: 0px;list-style: none;display: flex;align-items: center;justify-content: flex-start;}
.config-head-card.box-body .config-head-left ul li:not(:last-child){margin-right: 8px;padding-right: 8px;position: relative;border-right:2px solid #c5c5c5;}
.config-head-card.box-body .config-head-left h4{color:#040404;margin:0;font-size: 16px;}
.config-head-card.box-body .config-head-left p{margin-bottom: 0px;}
.config-head-card.box-body .config-head-left p > b{margin-right:8px;}
.config-head-card.box-body .config-head-right h4{margin:0;display: flex;align-items: center;justify-content: space-between;}
.config-head-card.box-body .config-head-right h4 span{font-weight: bold;font-size: 16px;}
.config-head-card.box-body .config-head-right h4 .ch-tools{font-size: 16px;}
.config-head-card.box-body .config-head-right h4 .ch-tools .btn{font-size: 12px;padding: 2px 10px;}
.config-head-card.box-body .config-head-right .ch-details-row{display: flex;align-items: center;justify-content: space-between;position: relative;}
.config-head-card.box-body .config-head-right .ch-details-row p{margin: 0px;}
.config-head-card.box-body .config-head-right .ch-button-row{display: flex;align-items: center;justify-content: space-between;position: relative;padding:0;}
.config-head-card.box-body .config-head-right .ch-button-row .btn:last-child{margin-left: auto;}

.add-btn-circle{text-align: center;}
.add-btn-circle>a+a{margin-left: 10px;;}
.add-btn-circle a.add-preset-product,
.add-btn-circle a.add-lead-item{font-size: 30px;color: rgba(90,99,126,0.80);display: inline-block;line-height: 30px;}
.add-btn-circle a.add-preset-product{ border: 1px solid rgba(90,99,126,0.80);font-size: 16px;height: 26px;width: 26px;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;line-height: normal;position: relative;top: -5px;}
.config-total-tbl.table{}
.config-total-tbl-show.table{margin:0px;}
.config-total-tbl-show.table+table,
.config-total-tbl-show.table+table>tbody>tr:first-child>td{border-top: none;}
.config-total-tbl-show.table tr td,
.config-total-tbl.table tr td{font-size: 16px;text-align: right;font-weight: 600;}
.config-total-tbl-show.table tr td:first-child,
.config-total-tbl.table tr td:first-child{text-align: left;width: 72%;}

.twoline-desc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-widget.ui-widget-content.auto_compl-cat{max-height: 280px;overflow-y: auto;}
/*===== End  : New Lead Details Desing  =====*/

/*=== Error Start ===*/
.mandatory{
    color: #ea4031;
}
.form-group{position: relative;}
.error.error_preview:empty { display: none !important; }
.error.error_preview { position: absolute; background: #ea4031; font-weight: normal; z-index: 2; left:  inherit; right:0; bottom:32px; min-width: 250px; padding: 2px 8px; color: #fff !important; text-align: center; text-decoration: none; border: 1px solid #ea4031; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-width: 45px; word-wrap: break-word; font-size: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; width: auto !important; font-weight: normal; box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);max-width: 240px;}
.error.error_preview:after { border-bottom: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ea4031; content: ""; left: 30px; z-index: 1; position: absolute; bottom: -6px; }
textarea + .error.error_preview{bottom: inherit;top:0px;}
/*=== Error End ===*/


.ajax_loader { background: rgba(255, 255, 255, 0.8) url("../images/loader.gif") no-repeat scroll center center; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999999 ; }
.ajax_loader.fixed { position: fixed; }

.select2-container--default .select2-driver .select2-results>.select2-results__options{max-height:140px;}
.select2.select2-container .select2-selection--single .select2-selection__rendered span img,
.select2-container--default .select2-results>.select2-results__options .select2-results__option span img{width: auto;max-width: 24px;max-height: 24px;display: inline-block;margin-right: 8px;mix-blend-mode: multiply;}

/*===== Start : Customer Details ======*/
.car-img-desc .card-header .card-title{font-weight: 600;}
.car-img-desc .card-body{display:flex;align-items: stretch;}
.car-img-desc .card-car-img{flex:0 0 50%;max-width: 50%;padding-right: 14px;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;}
.car-img-desc .card-car-img .cci-vector span{position: absolute;left: 0;right: 0;color:#3E4B5B;bottom: 67px;text-align: center;font-size: 12px;font-weight: 600;}
.car-img-desc .card-car-details{flex:0 0 50%;max-width: 50%;}
.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: 600;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: 14px;font-weight: 400;display: block;}
/*===== End : Customer Details ======*/

/*===== Start : Customer Details ======*/
.badge-danger{background-color: #B31119 !important;}

.btn-white{border:1px solid #B7BEC1;color:#262C2D;border-radius: 7px;background-color: #fff;}
.btn-white:focus{outline: none;}

.custom-checkbox{position: relative;}
.custom-switch input[type="checkbox"],
.custom-checkbox input[type="checkbox"]{position: absolute;height: 0;width: 0;opacity: 0;margin:0;}
.custom-checkbox label{padding-left:30px;font-size:14px;position: relative;cursor: pointer;user-select: none;z-index: 1;display: block;min-height: 22px;color:#333; font-weight: 500;}
.custom-checkbox label:before{content:"";height:22px;width:22px;position: absolute;left: 0;border: 2px solid #6F7C94;border-radius: 4px;transition: all 0.2s ease-in-out;}
.custom-checkbox label:after{content:"";height: 0;width:0px;border-left: 3px solid #6F7C94;border-bottom: 3px solid #6F7C94;position: absolute;left:5px;transform: rotate(-45deg);top:5px;opacity:0;transition:all 0.2s ease-in-out;}
.custom-checkbox input[type="checkbox"]:checked + label:after{height:8px;width:14px;opacity: 1;border-color: #fff;}
.custom-checkbox input[type="checkbox"]:checked + label:before{background-color:#B31119;border-color:#B31119;}
.custom-checkbox-group .custom-checkbox{margin: 0 14px 14px 0;display: inline-block;}
.custom-checkbox-group .custom-checkbox label:before{top:0;}
.custom-checkbox-group .custom-checkbox label:after{top:5px;}
.custom-checkbox-group .custom-checkbox label{font-weight:600;}
.custom-checkbox-group .custom-checkbox label span{display:block;font-weight:normal;}

.custom-checkbox-sm.custom-checkbox label:before{height: 18px;width: 18px;}
.custom-checkbox-sm.custom-checkbox label:after{left: 4px;top: 5px;border-left-width: 2px;border-bottom-width: 2px;}
.custom-checkbox-sm.custom-checkbox label{padding-left: 20px;min-height: 18px;margin-bottom: 0px;}
.custom-checkbox-sm.custom-checkbox input[type="checkbox"]:checked + label:after{height: 6px;width: 11px;}
.custom-checkbox-sm.custom-checkbox input[type="checkbox"]:disabled + label{opacity: 0.8;cursor: not-allowed;}
.custom-checkbox-sm.custom-checkbox input[type="checkbox"]:readonly + label{opacity: 0.8;cursor: not-allowed;}

.custom-radio-list{}
.custom-radio-list ul{margin:0px;padding: 0px;}
.custom-radio-list ul li{display: inline-block;vertical-align: middle;margin-right: 20px;}
.custom-radio-list ul li:last-child{margin-right:0px;}
.custom-radio input{height: 0px;width: 0px;margin:0px;position: absolute;z-index: -1;opacity: 0;}
.custom-radio label{display: block;padding-left:28px;font-size:14px;position: relative;cursor: pointer;min-height:20px;}
.custom-radio label:before{content: "";height: 20px;width: 20px;border:2px solid #333333;position: absolute;left: 0;border-radius: 100%;}
.custom-radio label:after{content: "";height: 8px;width: 8px;background-color: #b31119;position: absolute;left: 6px;top: 6px;border-radius: 100%;transform: scale(0);transition: transform 0.2s ease-in-out; }
.custom-radio input:checked + label:after{transform: scale(1);}
.custom-radio input:checked + label:before{border-color: #b31119;}


.custom-switch{position: relative;}
.custom-switch label{ height: 20px;width: 44px;border-radius: 20px;border:1px solid #6F7C94;background-color: #E4E6EB;position: relative;transition: all 0.2s ease-in-out;margin-right: 40px;cursor: pointer;}
.custom-switch label:before{content: "";height:12px;width:12px;border-radius:100%;background-color:#6F7C94;position: absolute;top:3px;left:3px;transition:all 0.2s ease-in-out;}
.custom-switch label:after{content: "OFF";position: absolute;right: -30px;top: -2px;font-size: 14px;color: #636F73;}
.custom-switch input[type="checkbox"]:checked + label:after{content: "ON";}
.custom-switch input[type="checkbox"]:checked + label:before{left:27px;background-color: #fff;}
.custom-switch input[type="checkbox"]:checked + label{background-color: #00a65a;border-color: #008d4c;}

.permission-box .panel-default{box-shadow: none;}
.permission-box .panel-default .panel-heading .custom-checkbox label{margin-bottom:0;display: inline-block;font-size: 16px;font-weight: 600; }
.permission-box .panel-default .panel-body ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.permission-box .panel-default .panel-body ul li{flex:0 0 20%;max-width: 25%;margin-top: 10px;}
.permission-box .panel-default .panel-body ul li:not(:nth-child(n+6)){margin-top:0px;}
.permission-box .panel-default .panel-body ul li.custom-checkbox-sm.custom-checkbox label{padding-left: 24px;font-weight: 600;}

.form_wrap{}
.form_wrap .form-control{border-radius: 4px;}
.form_wrap .form-control:focus{border-color: #BF0000;}
.no-shadow{box-shadow: none !important;}
.custom-nav{box-shadow: 0 4px 7px rgba(0,0,0,0.08);position: relative;background-color: #fff;border-radius: 2px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.custom-nav>ul.nav{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;flex: 1;max-width: 100%;}
.custom-nav>ul.nav>li{position: relative;}
.custom-nav>ul.nav>li>a{font-size: 15px;color: #58666e;position: relative;}
.custom-nav>ul.nav>li.active>a{color:#528ff0;}
.custom-nav>ul.nav>li.active>a:after{content: "";height:2px;position: absolute;left:0px;right:0px;bottom:0px;background-color:#528ff0;}
.custom-nav>ul.nav>li>a:hover, .custom-nav>ul.nav>li>a:active, .custom-nav>ul.nav>li>a:focus{background-color: transparent;}
.custom-nav>.nav-extra{padding: 0 12px;}

.select2.select2-container{display: block;}
.select2.select2-container .select2-selection--single{height: 34px;border-color:#d2d6de;border-radius: 0px;}
.select2.select2-container--default .select2-selection--single .select2-selection__arrow{height: 34px;}
.select2.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0px;}
.select2-container--default .select2-selection--multiple{border-color:#d2d6de;border-radius: 0px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de;border-radius: 0px;}

.dash_piplines .nav-tabs{border-bottom: none;}
.dash_piplines .nav-tabs>li>a{border:none;color:rgba(0,0,0,0.3);transition: all 0.2s ease;position: relative;font-size: 16px;font-weight: 600;border-radius: 0px;}
.dash_piplines .nav-tabs>li>a:hover,
.dash_piplines .nav-tabs>li.active>a{color:#555;}
.dash_piplines .nav-tabs>li.active>a,
.dash_piplines .nav-tabs>li.active>a:focus,
.dash_piplines .nav-tabs>li>a:hover,
.dash_piplines .nav-tabs>li>a:focus,
.dash_piplines .nav-tabs>li.active>a:hover{border:none;background-color:transparent;}

.dash_piplines .nav-tabs>li>a:after {content: "";width: 0%;height: 3px;background-color: #047bf8;position: absolute;bottom: 0px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.dash_piplines .nav-tabs>li.active>a:after,.dash_piplines .nav-tabs>li:hover>a:after {width: 100%}

.detail-box{background-color: #fff;border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);}
.detail-panel-box {box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);background-color: #fff;border-radius: 2px;border-top:none;}
.detail-panel-box .box-header{background-color:#FAFBFC;padding:14px 16px;}
.detail-panel-box .box-body{padding:16px;}
.detail-panel-box .box-footer{background-color: #fbfcfd;}
.detail-panel-box .box-header .box-title{font-size: 16px; font-weight: 600;line-height: 19px;letter-spacing: 0.4px;color: #333;}
.detail-panel-box .box-header .box-tools.d-flex{ display: flex;align-items: center;justify-content: flex-end;}
.detail-panel-box .box-header .box-tools.d-flex .btn + .number_plate{margin-left: 5px;}

.detail-panel-box .box-future-lavorazione{}
.detail-panel-box .box-future-lavorazione .table tbody{background-color:#e4e40c; }
.detail-panel-box .box-future-lavorazione .table tbody td .msr-van{max-width: 70px;mix-blend-mode: multiply;}
.detail-panel-box .box-future-lavorazione .table tbody td{color: #333c42;}
.detail-panel-box .box-future-lavorazione .table tbody td p{margin: 0;}
.detail-panel-box .box-future-lavorazione .table tbody td .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;display: block;margin: 0;}

.custom-box-title{font-size: 18px;padding-top:24px;padding-bottom: 16px;color: #58666e;}

.detail-box-semi-title{font-size: 16px;font-weight: 600;margin:20px 0 8px;color: #636F73;}
.detail-box-disable-txt{color:#A3ACAF;}

.panel-iframe{background-color: #fff;position: relative;border:none;box-shadow: none;}
.panel-iframe .panel-heading{background-color:#FAFBFC;}
.panel-iframe .panel-heading .panel-title{font-size: 16px; font-weight: 600;line-height: 19px;letter-spacing: 0.4px;color: #636F73;}

.box-topbar{display: flex;align-items: center;justify-content: space-between;position: relative;}
.box-topbar .box-topbar-left{padding-left: 0px;padding-right: 8px;}
.box-topbar .box-topbar-right{padding-right:0px;padding-left: 8px;}

.user-content{padding:16px 12px;text-align: center;}
.user-content img{height: 64px;width: 64px;border-radius: 100%;display: block;margin:0 auto 10px;}
.user-content h4{font-size: 16px;line-height: normal;color: #636F73; font-weight: bold;text-transform: capitalize;}
.user-content p{font-size:12px;color: #8E9DA2;line-height: 14px;margin-bottom: 8px}
.user-content .button-group{margin-top: 15px;}

.comment-post-profile{position: relative;margin:20px 0 15px;display: flex;align-items: center;}
.comment-post-profile img{border-radius: 100px;height: 36px;width: 36px;}
.comment-post-profile p{font-size: 16px; font-weight: 600;margin:0 0 0 10px;color: #636F73;}

.user-button-group{position: relative;margin-top: 15px;border-radius: 4px;overflow: hidden;box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);background-color: #fff;margin-bottom:12px;}
.user-button-group ul{display: block;padding: 0;margin:0;}
.user-button-group ul li{display: block;}
.user-button-group ul li:not(:last-child){border-bottom: 1px solid #D6D6D6}
.user-button-group ul li a{padding: 8px 12px; display: block;text-align: center;color:#636F73;}
.user-button-group ul li a .badge{background-color: #636F73;}
.user-button-group ul li a.active{background-color: #B31119;color:#fff;}


.box-pagination{display: flex;align-items: center;justify-content: space-between;width: 100%;position: relative;margin-bottom:20px;}
.box-pagination .box-items{display: flex;align-items: center;flex-grow: 1;}
.box-pagination .box-items:last-child{justify-content: flex-end;}
.box-pagination .box-items p{margin:0; font-size: 14px;line-height: 17px;color:#636F73;}

.table-theme{}
.table-theme thead tr{background-color: #e7ecee;border-bottom: 1px solid #d8d8d8 !important;border-top: 1px solid #d8d8d8 !important;}
.table-theme thead tr th{color:#5e6a71;}
.table-theme:not(.configuration-tbl):not(.tbl_no_striped) tbody tr:nth-child(2n-1){background-color:#f8f8f8;}
.table-theme.configuration-tbl tbody tr:nth-child(4n+1){background-color: #f8f8f8;}
.table-theme-lg td,.table-theme-lg th{padding:14px 8px !important;}
.table-theme.event-tbl tbody tr:nth-child(2n-1){background-color:transparent;}
.table-theme.event-tbl tbody tr th{color:#5e6a71;}

.table-theme tbody tr[data-highlight="active"]>td{background-color:#FFE4E4;}
.table-theme tbody tr td.clt_icon i{font-size: 24px;line-height: 17px;display: block;}
.table-theme tbody tr td.clt_icon span{display: block;font-size: 12px;line-height: 12px;}

.table-theme caption{padding: 0px;}
.table-theme caption span{height: 30px;position: relative;background-color: #B31119;font-weight:500;font-size: 15px;display: inline-block;color: #fff;padding: 0px 10px;box-sizing: border-box;line-height: 30px;}
.table-theme caption span:after{content: "";background-image: url('../images/wizard-head-bg.png');height: 30px;position: absolute;right: -21px;width: 33px;background-repeat: no-repeat;z-index:0;background-size:100% 100%;}

.table-vertical.table{}
.table-vertical.table tr{}
.table-vertical.table tr td:first-child{text-align: right;font-weight: 600;}
.table-vertical.table tr td{vertical-align: middle;border-color: rgba(83,101,140,0.24);}
.table-vertical.table tr td .form-control{height: 28px;padding-top: 0;padding-bottom: 0;}

.table-light{border:1px solid rgba(0,0,0,0.06);}
.table-light thead tr{background-color: #f0f3f4;border-top:0 !important;}
.table-light thead tr th{border-bottom:1px solid rgba(0,0,0,0.06);}
.table-light.table tr th,
.table-light.table tr td{padding:4px 8px;}
.box-owner-details .table-light thead tr th:last-child{width: 20%;}
.box-owner-details .table-light thead tr th:first-child{width: 45%;}

.panel-extra{border:1px solid #E4E4E4;background-color: #fff;position: relative;border-radius: 6px;box-shadow: none;}
.panel-extra .panel-heading{background-color: #FAFBFC;display: flex;align-items: center;justify-content: space-between;position: relative;border-radius: 6px 6px 0 0;}
.panel-extra .panel-heading .panel-title{font-size: 14px; font-weight: 600;line-height: 18px;margin:0;color: #636F73;}
.panel-extra .panel-heading .panel-option .btn{border-radius: 4px;border-color: #D0D3D5;background-color: #F7F8F9;padding: 2px 16px;font-size: 12px;color:#636F73;font-weight:600;}
.panel-extra .panel-heading .panel-option .btn:hover{background-color: transparent;}
.panel-extra .simple-list{}
.panel-extra .simple-list label{ font-size: 14px;margin:0;display: block;color:#262C2D; }
.panel-extra .simple-list p{margin:0;color:#636F73;}

.empty-wrap.empty-wrap-lg{flex-direction:column;}
.empty-wrap{display: flex;align-items: center;justify-content: center;}
.empty-wrap p{color: #636F73;font-size: 14px;margin:0;}
.empty-wrap p i{font-size: 20px;margin-right: 8px;}

.content-nav{margin:-15px -15px 20px -15px;background-color: #fff;position: relative;display: flex;align-items: center;justify-content: space-between;box-shadow: 0px 3px 6px rgba(0,0,0,0.15);}
.content-nav .nav-btn-group{display: flex;align-items: center;}
.content-nav .nav.nav-tabs{border:none;}
.content-nav .nav.nav-tabs li{margin:0;}
.content-nav .nav.nav-tabs a{border:none;margin:0;color: #6F7C94;position: relative;display: flex;align-items: center;}
.content-nav .nav.nav-tabs a i{display: block;height: 16px;margin-right: 7px;}
.content-nav .nav.nav-tabs li.active a{color:#B31119;}
.content-nav .nav.nav-tabs li.active:before{content: "";height: 2px;width: 100%;left: 0;position: absolute;bottom: 0;background-color: #B31119;}
.content-nav .nav-tabs>li.active>a, .content-nav .nav-tabs>li.active>a:focus, .content-nav .nav-tabs>li.active>a:hover{border:none;background-color: transparent;}

.bg-white{background-color: #fff !important;}
.d-inline-block{display: inline-block;}
.custom-group{}
.btn-custom.btn,
.custom-group>.btn{border-color: #cfdadd;border-radius: 0;background-color: #fff;padding: 9px 14px;color: #58666e;box-shadow: none;}
.custom-group>.btn.active{border-color: #528ff0;z-index: 4;}
.custom-group>.btn:hover,.custom-group>.btn:focus,.custom-group>.btn:active{background-color: #fff;}
.custom-group>.btn:not(.active):active:hover{border-color:#cfdadd;}

.btn-link{text-decoration: none !important;}

.user-enable{position: relative;margin-bottom:20px;display: flex;align-items: center;   }
.user-enable .user-info{display: flex;align-items: center;  }
.user-enable .user-info img{height: 54px;width: 54px;border-radius: 100%;margin-right:15px;}
.user-enable .user-info h4{margin:0;font-size:16px;color:#636F73;font-weight: 600;}
.user-enable .user-info h4 span{margin:0;font-size:14px;color:#B0B4B5;font-weight:normal;display: block;}

.custom-btn-group .btn-white:focus,
.custom-btn-group .btn-white{outline: none;}
.custom-btn-group .btn-white.active{background-color: #B31119;color: #fff;}

.content-nav.dash-content-nav{}
.content-nav.dash-content-nav .dashboard-nav-menu{flex:0 0 calc(100% - 200px);max-width: calc(100% - 200px);}
.content-nav.dash-content-nav .nav-btn-group{flex:0 0 200px;max-width: 200px;padding-right: 16px;flex-direction:column;justify-content: flex-start;}
.content-nav.dash-content-nav .nav-btn-group label{display: block;font-weight: 600;flex-grow:1; font-size:17px;line-height: 17px;text-transform: capitalize;width: 100%;color: #b31119;}
.content-nav.dash-content-nav .nav-btn-group .price{display: block;font-weight: 600;flex-grow:1; font-size:17px;line-height: 17px;text-transform: capitalize;width: 100%;color: #b31119;}


.product_detail_slide .product_detail.card{}
.product_detail_slide .product_detail.card .card-body{display: flex;align-items: stretch;}
.product_detail_slide .product_detail.card .card-body .card-prd-image{flex:0 0 50%;max-width: 50%;padding-right: 14px;box-sizing: border-box;position: relative;}
.product_detail_slide .product_detail.card .card-body .card-prd-image img{display: block;margin: 0 auto;max-width: 240px;max-height: 240px;}
.product_detail_slide .product_detail.card .card-body .card-prd-details{flex:0 0 50%;max-width: 50%;}
.product_detail_slide .product_detail.card .card-body .card-prd-details ul{margin: 0 0 20px 0;padding: 0;list-style: none;}
.product_detail_slide .product_detail.card .card-body .card-prd-details ul li{display: block;margin-bottom: 10px;font-weight: 600;color: #3E4B5B;}
.product_detail_slide .product_detail.card .card-body .card-prd-details ul li span{color: rgba(90,99,126,0.80);font-size: 14px;font-weight: 400;display: block;}
.product_detail_slide .product_detail.card .card-body input[type=number]::-webkit-inner-spin-button,
.product_detail_slide .product_detail.card .card-body input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
/*===== End : Customer Details ======*/


/*===== Start : Dashboard  ======*/
.analytics-wrap{display: flex;align-items: center;justify-content: space-between;}
.analytics-wrap .dropdown{}
.analytics-wrap .dropdown .dropdown-toggle{padding:11px 14px;position: relative;color: #58666e;border:1px solid #e2e2e2;}
.analytics-wrap .dropdown .dropdown-toggle>.fa{padding-right:8px;}
.analytics-wrap .dropdown .dropdown-toggle>.caret{border-top-color: #ccc;margin-left: 8px;}
.analytics-wrap .ondemand-enabled{}

.keymetrics-box{position: relative;margin-top:24px;}
.keymetrics-box ul{margin:0px;padding:0px;display: flex;align-items: stretch;list-style: none;}
.keymetrics-box ul li{margin-bottom: 16px;flex:0 0 calc(100%/3);max-width: calc(100%/3);}
.keymetrics-box ul li a{background-color: #fff;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);border-radius: 2px;padding: 16px 16px 8px;display: block;border:1px solid transparent;position: relative;}
.keymetrics-box ul li a:hover,
.keymetrics-box ul li a.active{border:1px solid #528ff0;}
.keymetrics-box ul li a.active:after{content: " ";position: absolute;top: 100%;left: 50%;margin-left: -10px;display: block;border-width: 10px;border-color: transparent;border-bottom-width: 0;border-top-color: #528ff0;border-style: solid;}
.keymetrics-box ul li a p{color:#808080;font-size: 15px;margin:0px;}
.keymetrics-box ul li a p i{color:#9fb1c7;}
.keymetrics-box ul li a h1{margin-top: 0;margin-bottom: 8px;font-size: 32px;line-height: 40px;color:#58666e;}
.keymetrics-box ul li:not(:last-child) a{margin-right: 14px;}

.definition-txt{display: inline-block;color: #0b5;font-weight: 600;font-size: 15px;}
.definition-txt span{color: #919aa7;font-size: 12px;display: block;}
.definition-txt:before{content: "";line-height: 100%;display: inline-block;border-color: transparent;border-bottom-color: #0b5;border-style: solid;border-width: 0.4em;border-top-width: 0;border-bottom-width: 0.8em;margin-right: 0.2em;vertical-align: middle;}
/*===== End : Dashboard  ======*/


/*===== Start : Ticket Maps  ======*/
.maps-content{display: flex;align-items: stretch;position: relative;overflow: hidden;height:100%;width:100%;}
.maps-content.planner-content .lead-list-left,
.maps-content:not(.planner-content) .ticket-wrap{flex: 0 0 340px;max-width: 340px;position: relative;background-color: #fff;z-index: 1;transition: all 0.2s ease-in-out;height:100%;}
.planner-content .lead-list-left .tab-content .tab-pane,
.planner-content .lead-list-left .tab-content,
.maps-content .ticket-wrap .tab-content .tab-pane,
.maps-content .ticket-wrap .tab-content{height: 100%;}
.maps-content .ticket-wrap .tab-content .custom-checkbox-group{padding: 0 10px;}
.maps-content .ticket-wrap .tab-content .custom-checkbox-group .custom-checkbox{margin-right: 10px;}
.maps-content .ticket-wrap .tab-content .custom-checkbox-group .custom-checkbox:last-child{margin-right:0px;}
.ticket-wrap .ticket-header{padding:0px;position: relative;}
.ticket-wrap .ticket-header ul{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;flex: 1;max-width: 100%;}
.ticket-wrap .ticket-header ul li{flex: 1;max-width: 100%;}
.ticket-wrap .ticket-header ul li a{background-color: #F6F6F6;color: #000000;display: block;text-align: center;font-size: 16px;font-weight: 600;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);}
.ticket-wrap .ticket-header ul li a i{display: inline-block;vertical-align: middle;margin-right: 5px;font-size: 20px;}
.ticket-wrap .ticket-header ul li.active a{background-color: #fff;box-shadow: none;}

.ticket-wrap .ticket-body{position: relative;overflow-x: hidden;overflow-y: auto;height:calc(100% - 118px);}

.ticket-wrap .ticket-body ul{margin:0px;padding:0px;list-style: none;}
.ticket-wrap .ticket-body ul li{display: flex;position: relative;z-index: 2; align-items: center;flex-wrap: nowrap;padding: 8px 10px;box-sizing: border-box;border-bottom: 1px solid #f0f3f4;transition: all 0.2s ease-in-out;}
.ticket-wrap .ticket-body ul li:not(.province-group).highlight{background-color: #ededed;}
.ticket-wrap .ticket-body ul li:not(.province-group):hover{background-color: #ededed;}
.ticket-wrap .ticket-body ul li.province-group{background-color: #F8F9FB;color:#334152;font-size: 16px;font-weight: 600;text-align: center;align-items: center;justify-content: center;}
.maps-schedule-week-body .mswb-mobile-station .trip-icon,
.appointment-ms ul li .trip-icon,
.ticket-wrap .trip-icon{flex:0 0 60px;max-width: 60px;}
.maps-schedule-week-body .mswb-mobile-station .trip-icon img,
.appointment-ms ul li .trip-icon img,
.ticket-wrap .trip-icon img{max-width: 100%;mix-blend-mode: multiply;position: relative;top: -4px;}
.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: 600;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.mob-station-id b{font-weight: 600;display: block;width: 20px;word-break: break-all;}
.maps-content:not(.planner-content) .ticket-wrap .trip-icon .mob-station-id{position: absolute;bottom: 6px;height: 22px;min-width:50px;width: auto;max-width: 74px; border-radius: 0;}
.maps-content:not(.planner-content) .ticket-wrap .trip-icon .mob-station-id b{letter-spacing: 1px;width: auto;}
.ticket-wrap .sos-trip-li .trip-icon .mob-station-id{border-color: #BF0000;background-color: #FFD500;color: #BF0000;}
.ticket-wrap .sos-trip-li .trip-icon .mob-station-id b{color: #BF0000;}
.ticket-wrap .sos-trip-li .trip-content h4{color: #7A0909;}
.ticket-wrap .sos-trip-li .trip-content h4 small{color: #7A0909;font-size: 16px;margin-left: 5px;}

.maps-schedule-week-body .mswb-mobile-station .trip-content,
.appointment-ms ul li .trip-content,
.ticket-wrap .trip-content{flex:0 0 calc(100% - 60px);max-width: calc(100% - 60px);position: relative;padding-left: 10px;box-sizing: border-box;}
.maps-schedule-week-body .mswb-mobile-station .trip-content h4,
.appointment-ms ul li .trip-content h4,
.ticket-wrap .trip-content h4{color:#465165;margin:0px;font-size: 17px;line-height: 20px;font-weight: 600;}
.maps-schedule-week-body .mswb-mobile-station .trip-content p,
.ticket-wrap .trip-content p{color:#6a7179;margin:0px;font-size: 14px;line-height: 18px;}

.maps-schedule-week-body .mswb-mobile-station .trip-icon,
.appointment-ms ul li .trip-icon,
.maps-content.planner-content .ticket-wrap .trip-icon{position: relative;}
.maps-schedule-week-body .mswb-mobile-station .trip-icon .mob-station-id,
.appointment-ms ul li .trip-icon .mob-station-id,
.maps-content.planner-content .ticket-wrap .trip-icon .mob-station-id{position: absolute;bottom: -12px;}
.maps-schedule-week-body .mswb-mobile-station .trip-content h4,
.appointment-ms ul li .trip-content h4,
.maps-content.planner-content .ticket-wrap .trip-content h4{font-size: 15px;}
.maps-schedule-week-body .mswb-mobile-station .trip-content h4 span,
.appointment-ms ul li .trip-content h4 span,
.maps-content.planner-content .ticket-wrap .trip-content h4 span{color:#0670d9;}

.ms-driver-plate{display: flex;align-items: center;justify-content: space-between;position: relative;}
.ms-driver-plate .ms-driver-info{flex:1;max-width: 100%;display: flex;align-items: center;justify-content: flex-start;}
.ms-driver-plate .ms-driver-info img{max-width: 18px;mix-blend-mode: multiply;}
.ms-driver-plate .ms-driver-info span{max-width: 124px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;padding-left: 4px;}
.ms-driver-plate .ms-number-plate{flex:0 0 86px;max-width: 86px;}
.ms-driver-plate .ms-number-plate .number_plate{background-image: url(../images/number_plat.png);height: 18px;width: 85px;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: 0px auto 0;display: block;}

.maps-schedule-week-body .mswb-mobile-station .trip-content p,
.appointment-ms ul li .trip-content p,
.maps-content.planner-content .ticket-wrap .trip-content p{margin: 0px;}
.maps-schedule-week-body .mswb-mobile-station .trip-content p b,
.appointment-ms ul li .trip-content p b,
.maps-content.planner-content .ticket-wrap .trip-content p b{font-weight: 600;}

.maps-content .maps-wrap{flex: 0 0 calc(100% - 340px);max-width: calc(100% - 340px);position: relative;}
.maps-content .maps-wrap .fullmaps{height:100%;width: 100%;position: relative;}
.maps-content .maps-wrap .fullmaps.vista-live-icon:before{content: "\4f";font-family: "fleet";height: 44px;width: 44px;background-color: #fff;border-radius: 2px;box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;position: absolute;top: 8px;left: 8px;z-index: 1;font-size: 22px;display: flex;align-items: center;justify-content: center;}
.maps-content .maps-wrap .fullmaps *{outline: none;}

.maps-wrap .mobile-station-wrap{z-index: 2;position: absolute;bottom: 0;left:0;right:0px;background-color: #fff;min-height: 310px;}
.maps-wrap .mobile-station-wrap .detail-panel-box{margin: 0px;border-radius: 0px;}
.mobile-station-wrap .detail-panel-box .box-header{padding: 8px 16px;}


.mobile-station-wrap .mstation-panel-toggle{position: absolute;height: 36px;width: 36px;top: -36px;border-radius:4px 4px 0 0;display: flex;align-items: center;justify-content: center;z-index: 1;background-color: #FAFBFC;right: 6px;box-shadow: 0px -5px 9px rgb(0 0 0 / 20%);cursor: pointer;}
.mobile-station-wrap .mstation-panel-toggle:hover{color: #f94e5e;}
.mobile-station-wrap .mstation-panel-toggle i{font-size: 18px;}
.mobile-station-wrap .tab-content .configuration_lead_item .config-total-tbl.table{margin-bottom: 0px;}
.mobile-station-wrap .config-total-tbl-show.table tr td,
.mobile-station-wrap .config-total-tbl.table tr td{font-size: 13px;padding: 5px 8px;}


.ticket-details-popup{margin:0px;border-radius: 0px;}
.bor-top.box-body{border-top:1px solid #f0f3f4;border-radius: 0px;}
.ticket-details-popup .box-header .head-foot{margin-top: 4px; display: flex;align-items: center;justify-content: space-between;position: relative;}
.box-header .head-foot .hf-left span{background-color: #EAEFF3;color: #6d7488;border: 1px solid #caccd4;padding: 4px 10px;font-size: 12px;letter-spacing: 1px;font-weight: 800;text-transform: uppercase;border-radius: 4px;line-height: 14px;display: inline-block;}
.box-header .head-foot .hf-left b{position: relative;display: inline-block;margin-left: 10px;font-size: 14px;color: #6d7488;}
.box-header .head-foot .hf-left b:before{content: "";height:6px;width:6px;border-radius: 6px;background-color:#949aa9;display: inline-block;vertical-align: middle;margin-right: 4px;}
.box-header .head-foot .hf-left b.success{color:#18b76d;}
.box-header .head-foot .hf-left b.success:before{background-color:#18b76d;}
.box-header .head-foot .hf-right{}
.box-header .head-foot .hf-right span{background-color: #fff;color: #6d7488;border: 2px solid #caccd4;padding: 4px 10px;font-size: 14px;letter-spacing: 0.7px;font-weight:600;text-transform: capitalize;border-radius: 4px;line-height: 14px;display: inline-block;}
.box-header .head-foot .hf-right span.danger{color: #ff0017;border-color: #fd4e5e;}


.open-ticket-info{}
.open-ticket-info.panel{margin-bottom: 0px;border-radius: 0px;box-shadow: none;border:none;}
.open-ticket-info.panel>.panel-heading{position: relative; background-color: #fff;border-color: #f0f3f4; padding-right:60px; font-size: 16px;color: #474f65;font-weight: 600;user-select: none;cursor: pointer;}
.open-ticket-info.panel>.panel-heading i{position: absolute;right: 24px;top: 14px;}
.open-ticket-info.panel>.panel-heading[aria-expanded="true"] i:before{content: "\f068";}
.open-ticket-info.panel>.panel-heading:not([aria-expanded="true"]){border:none;}
.open-ticket-info.panel>.panel-heading span{color:#0083D3;}
.open-ticket-info .box-header{position: relative; font-size: 16px;color: #474f65;font-weight: 600;user-select: none;}
.open-ticket-info .box-header span{color:#0083D3;}

.open-ticket-info .panel-body{display: flex;align-items: stretch;position: relative;flex-wrap: wrap;}
.open-ticket-info .open-ticket-flex .open-ticket-left,
.open-ticket-info .panel-body .open-ticket-left{flex:0 0 240px;max-width: 240px;box-sizing: border-box;/*border-right:1px solid rgba(0,0,0,0.05);*/}
.open-ticket-info .open-ticket-flex .open-ticket-right,
.open-ticket-info .panel-body .open-ticket-right{flex:0 0 calc(100% - 240px);max-width: calc(100% - 240px);box-sizing: border-box;padding-left: 12px;}
.open-ticket-info .box-body .open-ticket-tbl,
.open-ticket-info .panel-body .open-ticket-tbl{flex:0 0 100%;max-width: 100%;box-sizing: border-box;margin-top: 10px;}
.open-ticket-info .row-owner-items h5{font-size: 15px;}
.open-ticket-info .row-owner-items p{font-size: 14px;}
.open-ticket-info .open-ticket-left .row-owner-items{padding-bottom: 5px;}
.open-ticket-info .open-ticket-left .row-owner-items ul li{flex:0 0 50px;max-width: 50px;}
.open-ticket-info .open-ticket-left .row-owner-items ul li img{max-height: 24px;max-width: 37px;}
.open-ticket-info .open-ticket-right .row-owner-items{border-bottom: 0px;padding-bottom: 0px;}
.open-ticket-info .open-ticket-right ul{margin:0px;padding:0px;list-style: none;display: flex;flex-wrap:wrap;border-top: 1px solid rgba(0,0,0,0.05);border-right: 1px solid rgba(0,0,0,0.05);}
.open-ticket-info .open-ticket-right ul li{flex:0 0 40%;max-width: 40%;box-sizing: border-box;padding:4px 8px;border-bottom: 1px solid rgba(0,0,0,0.05);border-left: 1px solid rgba(0,0,0,0.05);}
.open-ticket-info .open-ticket-right ul li.widthfull{flex:0 0 100%;max-width: 100%;box-sizing: border-box;}
.open-ticket-info .open-ticket-right ul li.width2x{flex:0 0 60%;max-width: 60%;box-sizing: border-box;}
.open-ticket-info .open-ticket-right ul li.width2x + li{flex:0 0 40%;max-width: 40%;box-sizing: border-box;}
.open-ticket-info .open-ticket-right ul li label{color: #617082;margin: 0;font-size: 13px;font-weight:400;}
.open-ticket-info .open-ticket-right ul li h4{display: block;color:#334152;font-weight: 500;font-size: 14px;margin:0px;line-height:18px;}

.open-ticket-flex{display: flex;align-items: stretch;position: relative;flex-wrap: wrap;}

.open-ticket-info .button-section{padding:14px 16px;text-align: center;}
.open-ticket-info .button-section .btn{margin:0 8px;}

.vehicle-extra-info{display: flex;align-items: center;justify-content: space-between;}
.vehicle-extra-info span{max-width: 47%;flex: 0 0 47%;background-color: #f6f7f9;color: #474f65;border: 1px solid #caccd4;text-align: center;border-radius: 4px;padding: 10px 0;font-size: 16px;display: block;}
.vehicle-extra-info span i{margin-right: 4px;}
.vehicle-extra-info span b{display: block;font-size: 16px;}

.ticket-details-popup .timeline{margin-bottom: 0px;}
.ticket-details-popup .timeline>li{margin-bottom: 24px;}
.ticket-details-popup .timeline>li:last-child{margin-bottom:0px;}
.ticket-details-popup .timeline:before{width: 2px;left: 14px;background: #7edcca;}
.ticket-details-popup .timeline .timeline-item{margin-left: 30px;margin-right: 0px;box-shadow: none;}
.ticket-details-popup .timeline .timeline-item:before{content: "";height: 14px;width: 14px;border-radius: 8px;background-color: #1f967d;position: absolute;left: -22px;border: 3px solid #fff;}
.ticket-details-popup .timeline .warning .timeline-item:before{background-color: #fbb73b;}
.ticket-details-popup .timeline .danger .timeline-item:before{background-color: #fd4e5e;}
.ticket-details-popup .timeline .timeline-item .timeline-body{padding:0px;}
.ticket-details-popup .timeline .timeline-body h5{color: rgba(51,65,82,0.64);margin:0 0 2px 0;line-height: 14px; font-size: 12px;font-weight: 600;text-transform: uppercase;}
.ticket-details-popup .timeline .timeline-body h5 span{color: #fd4e5e;background-color: #ffe8ea;padding: 4px 8px;font-size: 11px;line-height: 12px;text-transform: capitalize;border-radius: 4px;margin-left: 10px;letter-spacing: 1px;}
.ticket-details-popup .timeline .timeline-body p{color:#334152;font-size: 14px;margin-bottom: 2px;font-weight: 600;}
.ticket-details-popup .timeline .timeline-body p.ti-date{font-size: 12px;line-height: 14px;margin-bottom: 0px;color:#88919c;font-weight: normal;}

.gm-style .gm-style-iw-d,
.gm-style .gm-style-iw-c{padding:0px;/*overflow: hidden !important;*/}
.gmap-card{width: 240px;font-size: 14px;}
.gmap-card .card-header{background-color: #FAFBFC;font-weight: 500;color:#0083D3;font-size: 16px;line-height: 16px;}
.gmap-card .card-header b{font-weight: 500;color:#334152;}
.gmap-card .card-body{padding:10px;}
.gmap-card p{margin:0px 0 8px;font-size: 14px;color:#617082;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.gmap-card p b{color:#334152;font-weight: 500;}
.gmap-card .report-img-list{margin:8px 0px;}
.gmap-card .report-img-list b{color:#334152;font-size: 14px;font-weight: 500;}
.gmap-card .report-img-list ul{margin:4px 0px 0 0;padding:0px;display: block;}
.gmap-card .report-img-list ul li{display: inline-block;padding:4px;border:1px solid #ddd;border-radius: 4px;margin:0 5px 0 0;}
.gmap-card .report-img-list ul li img{max-width: 28px;max-height: 22px;}
.gmap-card .gbtn-section{margin:0px;position: relative;text-align: center;}
.gmap-card .gbtn-section .btn{font-size: 12px;box-shadow: 0 3px 6px rgba(0,0,0,0.15);}


.gmap-box{width: 240px;font-size: 14px;font-family: inherit;}
.gmap-box .gmap-body{padding:8px 14px;}
.gmap-box .gmap-body img{max-width: 40px;max-height: 38px;margin-right: 10px;margin-top: 2px;}
.gmap-box .gmap-body h4{margin:0px;font-size: 14px;font-weight: 500;color:#334152;font-family: inherit;}
.gmap-box .gmap-body h4 span{background-color: #FFD500;display: inline-block;padding: 2px 4px;border-radius: 2px;line-height: 14px;vertical-align: middle;}
.gmap-box .gmap-body h5{margin:5px 0 0 0;font-size: 14px;font-weight: 400;color:#334152;font-family: inherit;text-align: center}
.gmap-box .gmap-body h5 span{color:#BF0000;}
.gmap-box .gmap-body .number_plate{background-image: url(../images/number_plat.png);height: 22px;width: 104px;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: 4px auto 0;}
.gmap-box .gmap-footer{background-color: #3B3B3B;padding: 4px 8px;text-align: center;color: #fff;font-size: 14px;font-weight: 500;}
.gmap-box.blue .gmap-footer{background-color: #0670D9;}
.gmap-box.green .gmap-footer{background-color: #189500;}
.gmap-box.red .gmap-footer{background-color: #BF0000;}
.gmap-box.orange .gmap-footer{background-color: #FF6F00;}
/*
.maps-timepicker .box{margin:0px;border-radius: 0px;}
.maps-timepicker .mt-list ul{margin:0px;padding:0;display: flex;flex-wrap: wrap;list-style: none;}
.maps-timepicker .mt-list ul li{max-width: 25%;flex: 0 0 25%;padding: 0 10px 0 0;box-sizing: border-box;margin-bottom: 10px;font-size: 15px;color:#617082;}
.maps-timepicker .mt-list ul li b{color:#334152;}
.maps-timepicker .mt-list ul li.inputbox-li{display: flex;align-items: center;}
.maps-timepicker .mt-list ul li.inputbox-li b{white-space: nowrap;margin-right: 8px;}

.maps-timepicker .d-flex{display: flex;align-items:center;}
.maps-timepicker .d-flex b{white-space: nowrap;padding-right: 10px;}

:root{
    --mt-column:14;
    --event-space:1;
    --event-col:1;
    --event-s-min:0;
    --event-e-min:0;
    --event-travel-min:0;
    --event-color:#fafafa
}
.mt-calendar{min-height:90px;position: relative;}
.mt-calendar .mt-index{position: absolute;left: 0;right: 0;top: 0;bottom: 0;height:100%;width: 100%;z-index: 1;}
.mt-calendar .mt-index ul{margin:0px;padding:0px;list-style: none;display: flex;align-items: stretch;justify-content: flex-start;position: relative;border:1px solid #ddd;height: calc(100% - 20px);border-right: none;}
.mt-calendar .mt-index ul li{display: block;flex: 0 0 calc(100%/var(--mt-column));max-width: calc(100%/var(--mt-column));position: relative;}
.mt-calendar .mt-index ul li.highlight{background-color: #f3f6f9;}
.mt-calendar .mt-index ul li:after{content:attr(data-slot);position: absolute;bottom: -20px;font-size: 14px;font-weight: 600;right: 0;}
.mt-calendar .mt-index ul li:before{content: "";position: absolute;top: 0;bottom: 0;width: 1px;height: 100%;background-color: #ddd;right: 0;}
.mt-calendar .mt-event-box{height:100%; width: 100%;position: relative;overflow: hidden;padding-bottom: 20px;}
.mt-calendar .mt-event-box .mt-line{position: relative;margin:5px 0;}
.mt-calendar .mt-event-box .mt-line span{border: 1px solid #ddd;border-radius: 4px;padding: 4px;font-size: 12px;font-weight: 600;line-height: 14px;position: relative;box-sizing: border-box;color: #fff;z-index: 2;cursor: pointer; display: block;}
.mt-calendar .mt-event-box .mt-line:before,
.mt-calendar .mt-event-box .mt-line span{
    width: calc(calc(100%/var(--mt-column) * var(--event-col)) - calc(calc(100%/var(--mt-column) / 60) * var(--event-s-min)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-e-min)));
    margin-left:calc(calc(100%/var(--mt-column) * var(--event-space)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-s-min)));
}
.mt-calendar .mt-event-box .mt-line:after{content: "";background-color:#d22626;position: absolute;top:0;bottom: 0;height:100%;border-radius:5px;z-index:1;
    left:calc(calc(100%/var(--mt-column) * var(--event-space)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-s-min)));
    width: calc(calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-min)));
}
.mt-calendar .mt-event-box .mt-line:before{
    content: "";background-color: var(--event-color);position: absolute;top:0;left:0;right:0px;bottom: 0;border-radius: 5px;z-index: 1;
}

.map_timeline>p{margin:8px 16px;}
.map_timeline>p>span{margin-left: 5px;color:#617082;}
.map_timeline>p>span>b{color:#334152;}

.input-wrong{border-color: #ff2525 !important;}
*/
/*===== End : Ticket Maps  ======*/


/*===== Start : Ticket Maps New Desing ======*/
.ticket-wrap .ticket-search{position: relative;display: flex;align-items: stretch;justify-content: space-between;padding:16px 12px;}
.ticket-wrap .ticket-search .ticket-province{flex:0 0 40%;max-width: 40%;}
.ticket-wrap .ticket-search .ticket-search-input{flex:0 0 60%;max-width: 60%;padding-left: 14px;box-sizing: border-box;}
.ticket-wrap .ticket-search .ticket-search-input input{border:1px solid #f0f3f4;padding-right: 30px;}
.ticket-wrap .ticket-search .ticket-search-input a{color: #6d7488;position: absolute;right: 8px;top: 50%;font-size: 16px;z-index: 1;height: 32px;width: 32px;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);}

.appointment-wrap{position: relative;}
.appointment-wrap .appointment-head{background-color: #f0f3f4;padding:8px 16px 0px 16px;position: relative;display:flex;align-items: stretch;justify-content: space-between;}
.appointment-head .appointment-head-left{flex:0 0 120px;max-width: 120px;box-sizing: border-box;position: relative;display:flex;align-items: stretch;}
.appointment-head .appointment-head-left .appointment-h-img{max-width:120px;flex:0 0 120px;box-sizing: border-box;}
.appointment-head .appointment-head-left .appointment-h-img img{max-width: 100%;mix-blend-mode: multiply;margin: 0 auto;display: block;}
.appointment-head .appointment-head-left .appointment-h-img span{transform: scale(1.2);position: absolute;top: 34px;left: 4px;}
/*.appointment-head .appointment-head-left .appointment-h-img span b{width: auto;}*/
/*.appointment-head .appointment-head-left .appointment-h-cal{max-width:120px;flex:0 0 120px;box-sizing: border-box;padding: 0 12px;}
.appointment-head .appointment-head-left .appointment-h-cal label{display: block;text-align: center;font-size: 14px;}
.appointment-head .appointment-head-left .appointment-h-cal i{font-size:48px;display: block;line-height:38px;text-align: center;}*/
.appointment-head .appointment-head-right{flex:0 0 calc(100% - 120px);max-width: calc(100% - 120px);box-sizing: border-box;padding-left: 16px;position: relative;}
.appointment-head .appointment-head-right .appointment-title{position: relative;font-size: 17px;line-height: 17px;display: flex;align-items: stretch;margin-top:0px;padding-bottom:4px;margin-bottom:2px;border-bottom: 2px solid #c9d1d4;}
.appointment-head .appointment-head-right .appointment-title span{color:#000000;font-weight: bold;}
.appointment-head .appointment-head-right .appointment-title span em{font-style: normal;color:#EFB600;}
.appointment-head .appointment-head-right .appointment-title small{margin-left: 24px;font-size: 16px;}
/*.appointment-head .appointment-head-right .appointment-title b{display: block;margin-left: auto;font-size: 18px;}*/
.appointment-head .appointment-head-right .appointment-title .button-row{display: block;margin-left: auto;}
.appointment-head .appointment-head-right .ahr-details{display: flex;align-items: stretch;justify-content: space-between;position: relative;}
.appointment-head .appointment-head-right .ahr-details .ahr-driver{flex: 0 0 45%;max-width: 45%;box-sizing: border-box;position: relative;padding: 0 8px 4px 0px;border-right: 2px solid #c9d1d4;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger{flex: 0 0 55%;max-width: 55%;box-sizing: border-box;position: relative;padding: 0 8px 2px;}
.appointment-head .appointment-head-right .ahr-details label{display: block;text-align: center;line-height: 12px;font-weight: 600;font-size: 12px;letter-spacing: 1px;margin-bottom: 2px;}
.appointment-head .appointment-head-right .ahr-details .table-theme{border:1px solid #c9d1d4;}
.appointment-head .appointment-head-right .ahr-details .table-theme td,
.appointment-head .appointment-head-right .ahr-details .table-theme th{padding: 2px 4px;font-size: 11px;line-height: 14px;}
.appointment-head .appointment-head-right .ahr-details .table-theme thead tr{border:none !important;}


.appointment-wrap .detail-panel-box{box-shadow: none;margin:0px;border-radius: 0px;}
.appointment-wrap .detail-panel-box .box-header{padding: 8px 16px;}
.appointment-wrap .detail-panel-box .box-body{padding:0px;}

.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul{margin:0px;padding: 0px;display: flex;align-items: stretch;list-style: none;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li{flex:1;max-width: 100%;padding:8px;box-sizing: border-box;font-size: 16px;font-weight: 600;color: #343a40;position: relative;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li:not(:last-child){border-right: 1px solid #ddd;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li.internal-icon{padding-left:44px;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li.internal-icon i{position: absolute;left:8px;font-size: 30px;line-height: 30px;top:12px;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li span{display: block;color: rgba(90,99,126,0.80);font-size: 14px;font-weight: 400;margin-bottom: 0px;line-height: 14px;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li p{margin: 0px;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li.internal-action{text-align: center;}
.appointment-head .appointment-head-right .ahr-details .ahr-passenger ul li.internal-action span {display: none; font-weight: 600;margin-bottom: 10px;}
.appointment-wrap .appointment-ms,
.appointment-wrap .appointment-week{position: relative;background-color: #fff;border-top: 1px solid #ddd;}
.appointment-wrap .appointment-ms ul,
.appointment-wrap .appointment-day-col ul,
.appointment-wrap .appointment-week ul{position: relative;margin:0px;padding: 0px;display: flex;align-items: stretch;list-style: none;}
.appointment-wrap .appointment-ms ul li,
.appointment-wrap .appointment-day-col ul li,
.appointment-wrap .appointment-week ul li{max-width: calc((100% - 120px)/7);flex:calc((100% - 120px)/7);position: relative;padding:4px 8px;text-align: center;cursor: pointer;box-sizing: border-box;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);background-color:#f1f1f1;border-right: 1px solid #ddd;transition: all 0.2s;}
.appointment-wrap .appointment-day-col ul li:last-child,
.appointment-wrap .appointment-week ul li:last-child{border-right:none;}
.appointment-wrap .appointment-week ul li:not(.aw-calc):hover,
.appointment-wrap .appointment-week ul li.active:not(.aw-calc){background-color: #fff;box-shadow: none;}
.appointment-wrap .appointment-week ul li:not(.aw-calc){color: #BF0000;font-size: 20px;line-height: 20px;font-weight: 800;}
.appointment-wrap .appointment-week ul li:not(.aw-calc) span{display: block;font-size: 15px;line-height: 14px;font-weight: normal;color: #58666e;margin-bottom: 4px;}
.appointment-wrap .appointment-week ul li.aw-calc{display: flex;align-items:center;max-width: 120px;flex: 120px;background-color: #fff;user-select: none;position: relative;padding: 0px;}
.appointment-wrap .appointment-week ul li.aw-calc>input{position: absolute;}
.appointment-wrap .appointment-week ul li.aw-calc>label{display: flex;align-items: center;margin: 0;font-weight: normal;cursor: pointer;background-color: #fff;box-sizing: border-box;height: 100%;padding: 8px;flex: 0 0 100%;max-width: 100%;z-index: 1;}
.appointment-wrap .appointment-week ul li.aw-calc>label>span{display: block;flex:0 0 50%;max-width: 50%;}
.appointment-wrap .appointment-week ul li.aw-calc>label>span>em{display: block;font-size:18px;line-height: 14px;font-style: normal;font-weight: 600;color:#BF0000;text-transform: uppercase;}
.appointment-wrap .appointment-week ul li.aw-calc>label>span>b{display: block;font-size: 17px;line-height: 16px;font-style: normal;font-weight: 600;letter-spacing: 1px;}
.appointment-wrap .appointment-week ul li.aw-calc>label>span>i{font-size: 28px;line-height: 28px;position: relative;}
.appointment-wrap .appointment-week ul li.aw-calc>label>span>i:after{content:attr(data-week);font-family: 'Segoe UI';font-weight: 800;font-size: 15px;position: absolute;left: 0;right: 0;text-align: center;top: 3px;color: #BF0000;}


.appointment-wrap .appointment-week .aw-switch{position: absolute;top: -16px;z-index: 2;left: 64px;}
.appointment-wrap-vertical .appointment-wrap-row .aw-switch{left: 140px;}
.appointment-wrap .appointment-week .aw-switch label{margin:0px;}
.appointment-wrap .appointment-week .aw-switch label:after{display: none;}

.appointment-wrap .appointment-day-col{background-color: #fff;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);}
.appointment-wrap .appointment-day-col ul li{background-color: #fff;box-shadow: none;border-top: 1px solid #ddd;text-align: left;min-height: 70px;cursor: inherit;}
.appointment-wrap .appointment-day-col ul li.bg-red{background-color: #ffdede;}
.appointment-wrap .appointment-day-col ul li:first-child{max-width: 120px;flex: 120px;}
.appointment-wrap .appointment-day-col ul li .adc-box{display: flex;align-items: flex-start;justify-content: flex-start;position: relative;padding-right: 10px;padding-bottom: 7px;}
.appointment-wrap .appointment-day-col ul li .delete_cw_icon{position: absolute;top: 4px;right: 4px;}
.appointment-wrap .appointment-day-col ul li .adc-box img{max-width: 25px;}
.appointment-wrap .appointment-day-col ul li .adc-box p{flex:1;max-width: 100%;margin: 0px;line-height: 16px;padding-left: 8px;font-weight: 600;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.appointment-wrap .appointment-day-col ul li .text-center a:not(.delete_cw_icon)>i{font-size: 18px;color:#afafaf;}


.maps-weekly-schedule{position: relative;overflow: hidden;height: 100%;width: 100%;background-color: #fff;}

.maps-schedule-head{background-color: #636363;position: relative;display: flex;align-items: center;justify-content: flex-start;}
.maps-schedule-head h4{color: #fff;font-size: 17px;font-weight: 600;letter-spacing: 2px;margin: 0;text-transform: uppercase;padding-right: 10px;padding-left: 50px;}
.maps-weekly-calc{display: flex;align-items:center;max-width: 125px;flex: 125px;background-color: #fff;user-select: none;position: relative;padding: 0px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.maps-weekly-calc>input{position: absolute;}
.maps-weekly-calc>label{display: flex;align-items: center;margin: 0;font-weight: normal;cursor: pointer;background-color: #fff;box-sizing: border-box;height: 100%;padding: 8px;flex: 0 0 100%;max-width: 100%;z-index: 1;text-align: center;}
.maps-weekly-calc>label[data-today]{padding-left: 0px;position: relative;padding-right: 2px;}
.maps-weekly-calc>label[data-today]:before{content: attr(data-today);font-weight: 600;font-size: 28px;letter-spacing: 1px;}
.maps-weekly-calc>label>span{display: block;flex:0 0 50%;max-width: 50%;}
.maps-weekly-calc>label>span>em{display: block;font-size:18px;line-height: 14px;font-style: normal;font-weight: 600;color:#BF0000;text-transform: uppercase;}
.maps-weekly-calc>label>span>b{display: block;font-size: 17px;line-height: 16px;font-style: normal;font-weight: 600;letter-spacing: 1px;}
.maps-weekly-calc>label>span>i{font-size: 28px;line-height: 28px;position: relative;}
.maps-weekly-calc>label>span>i:after{content:attr(data-week);font-family: 'Segoe UI';font-weight: 800;font-size: 15px;position: absolute;left: 0;right: 0;text-align: center;top: 3px;color: #BF0000;}
.maps-ms-week-view{position: relative;border-left: 1px solid #565555;margin:0 10px;border-right: 1px solid #565555;}
.maps-ms-week-view a{display: flex;align-items: center;justify-content: flex-start;padding: 8px;height: 46px;box-sizing: border-box;}
.maps-ms-week-view a img{max-width: 28px;max-height: 25px;flex:0 0 28px;filter: brightness(0) invert(1);}
.maps-ms-week-view a span{font-size: 16px;color:#fff;padding-left: 6px;font-weight: 600;}

.maps-weekly-calc-single.maps-weekly-calc{border:none;height: 46px;max-width: 100%;flex: 1;order:3;}
.maps-weekly-calc-single.maps-weekly-calc>label[data-today]:before{font-weight: 600;font-size: 18px;color: #fff;white-space: nowrap;margin-right: 8px;text-transform: capitalize;}
.maps-weekly-calc-single.maps-weekly-calc>label{background-color: #636363;justify-content: center;}
.maps-weekly-calc-single.maps-weekly-calc>label>span>em{display: inherit;color:#fff;font-weight: 600;text-transform: capitalize;}
.maps-weekly-calc-single.maps-weekly-calc>label>span>b{display: inherit;color:#ff6868;font-size: 18px;margin-left: 5px;font-weight: 800;line-height: 14px;}
.maps-weekly-calc-single.maps-weekly-calc>label>span:first-child{flex: 1;max-width: max-content;display: flex;}
.maps-weekly-calc-single.maps-weekly-calc>label>span:last-child{display: none}

.maps-schedule-head .msw-city-filter{position: relative;padding: 4px 40px 4px 8px;box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;order: 4;}
.maps-schedule-head .msw-city-filter .msw-filter-item input{position: absolute;top:0px;left: 0px;margin: 0px;height: 0px;width: 0px;opacity: 0;}
.maps-schedule-head .msw-city-filter .msw-filter-item{margin: 0px 4px 0 0;}
.maps-schedule-head .msw-city-filter .msw-filter-item label{display: block;margin: 0px;background-color: #fff;font-size: 14px;font-weight: 400;color: #465166;cursor: pointer;user-select: none;transition: background 0.14s ease-in-out;text-transform: capitalize;position: relative;z-index: 1;padding: 4px 8px;border-radius: 2px;}
.maps-schedule-head .msw-city-filter .msw-filter-item label:hover{background-color: #ff6868;color:#fff;}
.maps-schedule-head .msw-city-filter .msw-filter-item input:checked + label{background:#ff6868;color:#fff;}

.maps-schedule-body{position: relative;}
.maps-schedule-body .maps-schedule-week{position: relative;background-color: #fff;border-top: 1px solid #ddd;}
.maps-schedule-body .maps-schedule-week ul{position: relative;margin: 0px;padding: 0px;display: flex;align-items: stretch;list-style: none;}
.maps-schedule-body .maps-schedule-week ul li:not(.msw-state-selection){color: #BF0000;font-size: 20px;line-height: 20px;font-weight: 800;position: relative;padding: 4px 8px;text-align: center;cursor: pointer;box-sizing: border-box;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);background-color: #f1f1f1;transition: all 0.2s;}
.maps-schedule-body .maps-schedule-week ul li:not(.msw-state-selection) span{display: block;font-size: 15px;line-height: 14px;font-weight: normal;color: #58666e;margin-bottom: 4px;}
.maps-schedule-body .maps-schedule-week ul li:not(.msw-state-selection):hover,
.maps-schedule-body .maps-schedule-week ul li.active:not(.msw-state-selection){background-color: #fff;box-shadow: none;}

.maps-schedule-week-body .mswbody-row .mswbody-items:not(.mswb-mobile-station),
.maps-schedule-body .maps-schedule-week ul li:not(.msw-state-selection){position: relative;z-index: 1; max-width: calc((100% - 340px)/7);flex: calc((100% - 340px)/7);border-left: 1px solid #ddd;}
.maps-schedule-week-body .mswbody-row .mswbody-items.mswb-mobile-station,
.maps-schedule-body .maps-schedule-week ul li.msw-state-selection{max-width:340px;flex:340px;}
.maps-schedule-week-body .mswbody-row .mswbody-items.mswb-mobile-station{background-color: #ededed;}
.maps-schedule-week-body .mswbody-row .mswbody-items.mswb-mobile-station:hover{background-color: #cecccc;}
.maps-schedule-week-body .mswbody-row .mswbody-items .msw-a-box{position: relative;height: 22px;z-index: 1;padding: 2px 4px 0 0;margin-top: auto;cursor: pointer;}
.maps-schedule-week-body .mswbody-row .mswbody-items .msw-a-box img{max-height: 14px;position: relative;margin-left: auto;display: block;opacity: 0.8;}
.maps-schedule-week-body .mswbody-row .mswbody-items:not(.mswb-mobile-station){display: flex;flex-direction: column;}
.maps-schedule-week-body .mswbody-row .mswbody-items:not(.mswb-mobile-station)>div{width: 100%;}
.maps-schedule-week-body .mswbody-row .mswbody-items .adc-box,
.maps-schedule-week-body .mswbody-row .mswbody-items .adc-event-box,
.maps-schedule-week-body .mswbody-row .mswbody-items .text-right a{position: relative;z-index: 1;}


.maps-schedule-body .maps-schedule-week ul li.msw-state-selection{position: relative;/*padding: 4px 8px;*/box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.msw-state-selection .msw-state-item input{position: absolute;top:0px;left: 0px;margin: 0px;height: 0px;width: 0px;opacity: 0;}
.msw-state-selection .msw-state-item{margin: 0 4px 4px 0px;}
.msw-state-selection .msw-state-item label{display: block;margin: 0px;border:1px solid #dde5eb;    background-color: #fff;font-size: 14px;font-weight: 400;color: #465166;cursor: pointer;user-select: none;transition: background 0.14s ease-in-out;text-transform: capitalize;position: relative;z-index: 1;padding: 4px 8px;border-radius: 5px;}
.msw-state-selection .msw-state-item label:hover{background-color: rgba(234,239,243,.5);}
.msw-state-selection .msw-state-item input:checked + label{border-color:#a8b6c1;background:#EAEFF3;}

.maps-schedule-week-body{}
.maps-schedule-week-body .mswbody-row{position: relative;display: flex;border-top: 1px solid #ddd;}
.maps-schedule-week-body .mswbody-row:last-child{border-bottom: 1px solid #ddd;}
.maps-schedule-week-body .mswbody-row.mswbody-cityname .mswbody-items:first-child{background-color: #F8F9FB;color: #334152;font-size: 15px;font-weight: 600;text-align: center;position: relative;padding: 2px 16px;display: block;}
.maps-schedule-week-body .mswb-mobile-station{}

.maps-schedule-week-body .mswb-mobile-station{display: flex;position: relative;z-index: 2; align-items: center;flex-wrap: nowrap;padding: 8px 16px;box-sizing: border-box;transition: all 0.2s ease-in-out;}
.maps-schedule-week-body .mswb-mobile-station.highlight{background-color: #ededed;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms ul li:not(.aw-calc):hover,
.maps-schedule-week-body .mswb-mobile-station:hover{background-color: #cecccc;}
.maps-schedule-week-body .mswb-mobile-station .sos-trip-li .trip-icon .mob-station-id{border-color: #BF0000;background-color: #FFD500;color: #BF0000;}
.maps-schedule-week-body .mswb-mobile-station .sos-trip-li .trip-icon .mob-station-id b{color: #BF0000;}
.maps-schedule-week-body .mswb-mobile-station .sos-trip-li .trip-content h4{color: #7A0909;}
.maps-schedule-week-body .mswb-mobile-station .sos-trip-li .trip-content h4 small{color: #7A0909;font-size: 16px;margin-left: 5px;}


.maps-schedule-week-body .mswbody-row .mswbody-items .adc-event-box{position: relative;margin: 2px 4px;}
.maps-schedule-week-body .mswbody-row .mswbody-items .adc-event-box .a-block{display: block;    color: #fff;padding: 1px 4px;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.maps-schedule-week-body .mswbody-row .mswbody-items .adc-box{display: flex;align-items: flex-start;justify-content: flex-start;position: relative;padding:5px 18px 5px 5px;}
.maps-schedule-week-body .mswbody-row .mswbody-items .adc-box + .adc-box{padding-top: 0px;}
.maps-schedule-week-body .mswbody-row .mswbody-items .delete_cw_icon{position: absolute;top: 4px;right: 4px;}
.maps-schedule-week-body .mswbody-row .mswbody-items .adc-box img{max-width: 22px;}
.maps-schedule-week-body .mswbody-row .mswbody-items .adc-box p{flex:1;max-width: 100%;margin: 0px;line-height: 16px;padding-left:4px;font-weight: 600;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.maps-schedule-week-body .mswbody-row .mswbody-items .text-right a:not(.delete_cw_icon)>i{font-size: 18px;color:#afafaf;margin-right: 4px;margin-top: 4px;}



.appointment-calendar{position: relative;min-height: 140px;background-color: #fff;padding-bottom:0px;overflow: hidden;}
.appointment-calendar .appointment-index{position: absolute;left: 0;right: 0;top: 0;bottom: 0;height:100%;width: 100%;z-index: 1;}
.appointment-calendar .appointment-index ul{margin:0px;padding:0px;list-style: none;display: flex;align-items: stretch;justify-content: flex-start;position: relative;border:1px solid #ddd;height:100%;border-right: none;}
.appointment-calendar .appointment-index ul li{display: block;flex: 0 0 calc(100%/calc(var(--mt-column) * 2));max-width: calc(100%/calc(var(--mt-column) * 2));position: relative;}
.appointment-calendar .appointment-index ul li:nth-child(2n-1):before{opacity: 0;}
.appointment-calendar .appointment-index ul li:nth-child(2n):after{opacity: 0;}
.appointment-calendar .appointment-index ul li.highlight{background-color: #f3f6f9;}
.appointment-calendar .appointment-index ul li:after{content:attr(data-time);position: absolute;top: 0;font-size: 14px;font-weight:500;right: 0;left: 0;text-align: center;pointer-events: none;width: 200%;z-index: 1;}
.appointment-calendar .appointment-index ul li:before{content: "";position: absolute;top: 0;bottom: 0;width: 1px;height: 100%;background-color: #e8e8e8;right: 0;}

.appointment-calendar .appointment-event{position: relative;padding-top:50px;}
.appointment-calendar .appointment-event .appointment-customer-name{}
.appointment-calendar .appointment-event .appointment-customer-name span a.customer_work_plan_delete{position: absolute;right: 6px;}
.appointment-calendar .appointment-event .appointment-customer-name span a:not(.customer_work_plan_delete){color:#303030;max-width: 200px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: sub;}
.appointment-calendar .appointment-event .appointment-customer-name span{padding: 4px 28px 4px 8px;box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);border-radius: 4px;background-color: #fff;font-size: 14px;font-weight: 600;line-height: 18px;position: absolute;z-index: 2;top: 20px;}
.appointment-calendar .appointment-event .appointment-customer-name span{left:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));}
.appointment-event .appointment-schedule{height: 74px;}
.appointment-event .appointment-schedule .as-arrow-right:after,
.appointment-event .appointment-schedule .as-arrow-left:after{content: "";background-image: url("../images/arrow-animated.svg"); height: 20px;width: 20px;display: flex;align-items: center;justify-content: center;background-color: #8e8e8e;border-radius: 2px;right: 0;position: absolute;z-index: 4;color: #fff;font-size: 18px;font-weight: 400;background-size: contain;background-repeat: no-repeat;}
.appointment-event .appointment-schedule .as-arrow-left:after{right: inherit;left: 0;transform: rotateY(180deg);}
.appointment-schedule .lunch-schedule,
.appointment-schedule .appo-schedule-row{position: absolute;left:0;right:0px;}
.appointment-calendar .appointment-event .appointment-progress{position: relative;}
.appointment-progress .progress-event-items{position: relative;height:44px;padding-top:0px;}
.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: 2;}
.appointment-progress .progress-event-items .pei-row .pei-icon{height: 32px;width: 32px;border: 2px solid #ddd;position: relative;left:-16px;font-size: 18px;display: flex;align-items: center;justify-content: center;background-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 .pei-icon:after{content: "";height: 14px;left: 13px;width: 2px;background: #9c9c9c;position: absolute;bottom: -15px;}
.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-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{
    left: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{
    left: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{
    left: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{position: relative;}
.appointment-progress .progress-event-items .pei-row .pei-content{position: absolute;text-align:center;top:32px;font-size: 12px;line-height: 14px;
    left:calc(calc(-1 * calc(100%/var(--mt-column) * var(--event-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-e-min))));
    right:0px;
}
.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: "";height: 2px;position: absolute;bottom: -17px;border-top: 2px dashed #9c9c9c;z-index: 1;}
.appointment-progress .progress-event-items .pei-row:not(.pei-lunch-row):after{
    width: 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)));
    left: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{
    width: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)));
    left: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: "";height: 2px;position: absolute;bottom: -17px;border-top: 2px solid #189500;z-index: 2;
    width: 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)));
    left: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: "";height: 2px;position: absolute;bottom: -17px;border-top: 2px solid #189500;z-index: 2;
    width: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)));
    left: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;
    left: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: -25px;left: -24px;z-index: 1;}
.appointment-progress .progress-event-items .pei-row.pi-completed .pei-point:before{content: attr(data-desc);width: 120px;font-size: 11px;line-height: 12px;z-index: 2;position: absolute;top: -52px;left: -25px;}

/*
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));
}
*/
: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;
}
.appointment-schedule .appo-schedule-row .work-schedule{background-color: #008BF1;color:#fff;z-index: 2;position: absolute;}
.appointment-schedule .appo-schedule-row:before,
.appointment-schedule .appo-schedule-row .work-schedule{
    width: 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)));
    left: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);top: -20px;text-align: center;padding: 0 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;z-index: 1;}

.appointment-schedule .appo-schedule-row .travel-schedule{background-color: #1CAB00;z-index: 2;position: absolute;}
.appointment-schedule .appo-schedule-row:not(.sos-schedule) .travel-schedule{
    width: 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)));
    left:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
}

/* Start : travel-schedule with sos-schedule*/
.appointment-schedule .appo-schedule-row.sos-schedule .travel-schedule{
    padding-left: 14px;
    width: calc(calc(100%/var(--mt-column) * calc(var(--travel-end) - 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)));
    left:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
}
.appointment-schedule .appo-schedule-row.sos-schedule .travel-schedule .ae-header{display: flex;align-items: stretch;justify-content: space-between;margin:3px 0;}
.appointment-schedule .appo-schedule-row.sos-schedule .travel-schedule .ae-header .ae-work{font-size: 12px;line-height: 14px;padding-left: 20px;position: relative;white-space: nowrap;flex: 0 0 100%;max-width: 100%;overflow: hidden;}
.appointment-schedule .appo-schedule-row.sos-schedule .travel-schedule .ae-header .ae-work i{position: absolute;left: 1px;font-weight: 300;font-size: 15px;top: 3px;}
.appointment-schedule .appo-schedule-row.sos-schedule .travel-schedule .ae-foot>a{color: #fff;margin: 0;position: absolute;right: 0;bottom: 0;background: #1CAB00;height: 20px;width: 20px;text-align: center;z-index: 2;}
/* End : travel-schedule with sos-schedule*/

.appointment-schedule .lunch-schedule .lunch-schedule-box{background-color: #FFAA00;z-index: 1;position: absolute;}
.appointment-schedule .lunch-schedule .lunch-schedule-box{
    width: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)));
    left:calc(calc(100%/var(--mt-column) * var(--lunch-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
}

.pei-drag-box{z-index: 2;position: absolute;height: 70px;padding:0px;color: #fff;overflow: hidden;display: flex;flex-direction: column;top:0px;transition: all 0.2s ease-in-out;width: 8px;}
.pei-drag-box{
    left:calc(calc(100%/var(--mt-column) * var(--travel-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--event-travel-s-min)));
}
.lunch-schedule .pei-drag-box{
    left:calc(calc(100%/var(--mt-column) * var(--lunch-left)) + calc(calc(100%/var(--mt-column) / 60) * var(--lunch-s-min)));
}
.pei-drag-box:not(:hover):before{content: "";height: 14px;border-left: 6px double rgba(0,0,0,0.28);position: absolute;left: 2px;top: calc(50% - 7px);}
.travel-schedule.hide ~ .pei-drag-box{
    left: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.dragging .pei-drag-box{cursor: grabbing;width: 40px;}
.appointment-schedule .appo-schedule-row .pei-drag-box:hover,
.appointment-schedule .lunch-schedule .pei-drag-box:hover{width: 12px;}
.appointment-schedule .appo-schedule-row:hover .pei-drag-box{background-color: #1e6710;cursor: e-resize;}
.appointment-schedule .appo-schedule-row:hover .travel-schedule:not(.hide) ~ .pei-drag-box{background-color: #1e6710;cursor: e-resize;}
.appointment-schedule .appo-schedule-row:hover .travel-schedule.hide ~ .pei-drag-box{background-color: #074471;cursor: e-resize;}
.appointment-schedule .lunch-schedule:hover .pei-drag-box{background-color: #ce8c09;cursor: e-resize;}
.appointment-schedule .lunch-schedule:hover .pei-drag-box:before,
.appointment-schedule .appo-schedule-row:hover .pei-drag-box:before{opacity: 0;}

.appointment-schedule.drag-active .appo-schedule-row .work-schedule,
.appointment-schedule.drag-active .appo-schedule-row .travel-schedule,
.appointment-schedule.drag-active .lunch-schedule .lunch-schedule-box{z-index: 1;pointer-events: none;}

.appointment-schedule .appo-schedule-row .work-schedule .out-scontent{}

.appointment-schedule .appo-schedule-row .work-schedule,
.appointment-schedule .appo-schedule-row .travel-schedule,
.appointment-schedule .lunch-schedule .lunch-schedule-box{height: 70px;padding: 2px 5px;color: #fff;overflow: hidden;display: flex;flex-direction: column;}

.appointment-schedule .ae-title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.appointment-schedule .ae-edit-lunch{color: #fff;margin: 0;position: absolute;right: 0;top: 0;background: #FFAA00;height: 20px;width: 20px;text-align: center;z-index: 2;}
.appointment-schedule .ae-title span{}
.appointment-schedule .ae-foot{margin-top: auto;display: flex;}
.appointment-schedule .ae-foot span{display: block;font-size: 12px; /*margin-left: auto;*/}
.appointment-schedule .work-schedule .ae-header{display: flex;align-items: stretch;justify-content: space-between;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 2px solid rgb(255 255 255 / 34%);}
.appointment-schedule .work-schedule .ae-header .ae-work{font-size: 12px;line-height: 12px;padding-left: 12px;position: relative;white-space: nowrap;}
.appointment-schedule .work-schedule .ae-header .ae-work i{position: absolute;left: -2px;font-weight: 300;font-size: 14px;top: 3px;}
.appointment-schedule .work-schedule .ae-header .ae-time{font-size: 12px;font-weight: 600;white-space: nowrap;overflow: hidden;}
.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: 1;-webkit-box-orient: vertical;}
.appointment-schedule .work-schedule .ae-content .ae-bottom{margin-top: auto;display: flex;align-items: center;justify-content: space-between;margin-right: 20px;}
.appointment-schedule .work-schedule .ae-content .ae-bottom span{font-size: 12px;font-weight: 600;}
.appointment-schedule .work-schedule .ae-content .ae-bottom i{margin-left: auto;}
.appointment-schedule .work-schedule .ae-content .ae-bottom a{color: #fff;margin: 0;position: absolute;right: 0;bottom: 0;background: #008BF1;height: 20px;width: 20px;text-align: center;z-index: 2;}
.appointment-schedule .work-schedule .ae-content .ae-bottom a i{margin: 0px;}



.appointment-wrap-row{display: flex;align-items: stretch;width: 100%;position: relative;}
.appointment-wrap-row .appointment-week{flex:0 0 190px;max-width: 190px;}
.appointment-wrap-row .appointment-calendar{flex:0 0 calc(100% - 190px);max-width: calc(100% - 190px);}
.appointment-wrap-row .appointment-ms{flex:0 0 320px;max-width: 320px;}
.appointment-wrap-row .appointment-ms +.appointment-calendar{flex:0 0 calc(100% - 320px);max-width: calc(100% - 320px);}
.appointment-wrap-vertical .appointment-wrap-row .appointment-calendar{padding-top: 102px;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms + .appointment-calendar{padding-top: 24px;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-week.appointment-week-day .aw-calc>label{padding: 10px 8px 4px;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms ul,
.appointment-wrap-vertical .appointment-wrap-row .appointment-week ul{flex-direction: column;border-top: 1px solid #ddd;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms ul{padding-top: 22px;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms ul:before{height: 22px;content: "";background-color: #f1f1f1;position: absolute;top: 0;left: 0;right: 0;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms ul li,
.appointment-wrap-vertical .appointment-wrap-row .appointment-week ul li{flex:0 0 100%;max-width: 100%;border-right: none;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-week ul li.aw-calc{border-bottom: 1px solid #ddd;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms ul li:not(.aw-calc),
.appointment-wrap-vertical .appointment-wrap-row .appointment-week ul li:not(.aw-calc){min-height: 97px;display: flex;align-items: center;justify-content: center;flex-direction: column;border-bottom: 1px solid #ddd;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-ms ul li:not(.aw-calc){flex-direction: row;justify-content: flex-start;text-align: left;background-color: #ededed;}
.appointment-wrap-vertical .appointment-wrap-row .appointment-calendar .appointment-event{padding: 20px 0 2px 0;border-bottom: 1px solid #ddd;min-height: 97px;}

.appointment-wrap-row .appointment-week.appointment-week-day{}

.ai-current-day{background-color: #ffffd4 !important;}

.appointment-week.appointment-week-day .aw-calc{display: flex;align-items:center;max-width: 100%;flex: 1;background-color: #fff;user-select: none;position: relative;padding: 0px;}
.appointment-week.appointment-week-day .aw-calc>input{position: absolute;}
.appointment-week.appointment-week-day .aw-calc>label{display: flex;align-items: center;margin: 0;font-weight: normal;cursor: pointer;background-color: #fff;box-sizing: border-box;height: 100%;padding:14px 8px;flex: 0 0 100%;max-width: 100%;z-index: 1;justify-content: center;}
.appointment-week.appointment-week-day .aw-calc>label>span{display: block;flex: 0 0 100%;max-width: 100%;text-align: center;}
.appointment-week.appointment-week-day .aw-calc>label>span>em{display: inline-block;font-size:18px;line-height: 14px;font-style: normal;font-weight: 600;color:#BF0000;text-transform: uppercase;margin-right: 8px;}
.appointment-week.appointment-week-day .aw-calc>label>span>b{display: inline-block;font-size: 18px;line-height: 14px;font-style: normal;font-weight: 600;letter-spacing: 1px;}
.appointment-week.appointment-week-day .aw-calc>label>span>i{font-size: 28px;line-height: 28px;position: relative;}
.appointment-week.appointment-week-day .aw-calc>label>span>i:after{content:attr(data-week);font-family: 'Segoe UI';font-weight: 800;font-size: 15px;position: absolute;left: 0;right: 0;text-align: center;top: 3px;color: #BF0000;}

.appointment-week.appointment-week-day .awd-change{background-color: #f0f3f4;padding: 8px;position: relative;}
.appointment-week.appointment-week-day .awd-change .awd-change-arrow{position: absolute;z-index: 2;left: 8px;right: 8px;top: 22px;display: flex;align-items: center;justify-content: space-between;}
.appointment-week.appointment-week-day .awd-change .awd-change-date{text-align: center;max-width: 140px;margin: 0 auto;position: relative;z-index: 1;}
.appointment-week.appointment-week-day .awd-change .awd-change-date p{margin:0px;color: rgba(90,99,126,0.80);font-size: 17px;}
.appointment-week.appointment-week-day .awd-change .awd-change-date span{font-size: 28px;display: block;font-style: normal;font-weight: 600;color: #BF0000;text-transform: uppercase;line-height: 28px;}
.appointment-week.appointment-week-day .awd-change-view{display: flex;align-items: center;justify-content: center;position: relative;padding: 8px 8px 24px 8px;}
.appointment-week.appointment-week-day .awd-change-view .awd-view-item input{height: 0px;width: 0px;opacity: 0;margin: 0px;position: absolute;}
.appointment-week.appointment-week-day .awd-change-view .awd-view-item label{display: block;margin: 0 4px;cursor: pointer;height: 34px;width: 34px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 2px;position: relative;}
.appointment-week.appointment-week-day .awd-change-view .awd-view-item label img{max-width: 70%;max-height: 60%;}
.appointment-week.appointment-week-day .awd-change-view .awd-view-item label span{position: absolute;bottom: -20px;font-size: 12px;letter-spacing: 1px;text-transform: capitalize;}
.appointment-week.appointment-week-day .awd-change-view .awd-view-item input:checked + label:after{content: "\f058";font-family: 'FontAwesome';position: absolute;color: green;top: -10px;right: -5px;}
.appointment-week.appointment-week-day .awd-change-view .awd-view-item input:checked + label span{}


.customer-work-plan{min-width: 380px;}
.customer-work-plan .table{margin:0px;}
.customer-work-plan .table .btn{padding: 3px 12px;font-size: 12px;}

.tbl-th-dflex{display: flex;align-items: center;justify-content: space-between;}
.tbl-th-dflex .btn{padding: 2px 8px;font-size: 10px;}

.add-multiple-request{padding: 80px;position:relative;}
.add-multiple-request .box{border-radius: 8px;}
.add-multiple-request .table{margin:0px;}
.add-multiple-request .table .select2.select2-container{width:100% !important;}
.add-multiple-request .box-footer{text-align: center;background-color: #fff;display: flex;}
.add-multiple-request .box-footer .box-btn-left{flex:0 0 calc(100% - 100px);max-width:calc(100% - 100px);margin-left: auto;}
.config-details-iframe{padding:0px;width: 800px;min-height: 396px;}
.config-details-iframe .empty-block{padding: 10px 0;font-size: 14px;font-weight: 500;background-color: #fff;}
.config-details-iframe .cdi-tabs .nav{display: flex;align-items: stretch;justify-content: flex-start;}
.config-details-iframe .cdi-tabs .nav li{flex:0 0 50%;max-width: 50%;}
.config-details-iframe .cdi-tabs .nav li a{background-color: #F6F6F6;color: #000000;display: block;text-align: center;font-size: 14px;font-weight: 500;letter-spacing: 0.5px;padding: 5px 10px;border-bottom: 1px solid #ddd;}
.config-details-iframe .cdi-tabs .nav li:hover a,
.config-details-iframe .cdi-tabs .nav li.active a{background-color: #fff;color: #047bf8; }
.config-details-iframe .cdi-row-wrap{position: relative;display: flex;align-items: stretch;flex-wrap: wrap;border:1px solid #ddd;border-top: none;}
.config-details-iframe .cdi-row-wrap .cdi-item{flex:0 0 50%;max-width:50%;border-bottom:1px solid #ddd; box-sizing: border-box;padding:4px 8px;}
.config-details-iframe .cdi-row-wrap .cdi-item:last-child{border-bottom: none;}
.config-details-iframe .cdi-row-wrap .cdi-item p{margin:0px;font-size: 12px;}
.config-details-iframe .cdi-row-wrap .cdi-item p b{font-weight: 600;}
.config-details-iframe .cdi-row-wrap .cdi-item.cdi-item-100{flex:0 0 100%;max-width:100%;}
.config-details-iframe .cdi-row-wrap .cdi-item.cdi-item-33{flex:0 0 33.33%;max-width:33.33%;}
.config-details-iframe .cdi-row-wrap .cdi-item.card{border: 0;padding: 0;box-shadow: none;margin: 0;border-bottom:1px solid #ddd;border-radius: 0px;}
.config-details-iframe .cdi-row-wrap .cdi-item.card .card-header{padding: 4px 8px;background-color: #f3f4f5;border-color: #ddd;}
.config-details-iframe .cdi-row-wrap .cdi-item.card .card-header .card-title{font-size: 12px; font-weight: 500;}
.config-details-iframe .cdi-row-wrap .cdi-item.card .card-body{padding:8px 8px 4px;}
.config-details-iframe .cdi-row-wrap .cdi-item:nth-child(1),
.config-details-iframe .cdi-row-wrap .cdi-item:nth-child(2),
.config-details-iframe .cdi-row-wrap .cdi-item:nth-child(4),
.config-details-iframe .cdi-row-wrap .cdi-item:nth-child(5),
.config-details-iframe .cdi-row-wrap .cdi-item:nth-child(10),
.config-details-iframe .cdi-row-wrap .cdi-item:nth-child(8){border-right:1px solid #ddd;}
.config-details-iframe .cdi-row-wrap .cdi-item .request-data-list li{flex: 0 0 60%;max-width: 60%;font-size: 12px; font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.config-details-iframe .cdi-row-wrap .cdi-item .request-data-list li span{font-size: 12px;line-height: 12px;}
.config-details-iframe .cdi-row-wrap .cdi-item .request-data-list li:nth-child(2n){flex: 0 0 40%;max-width: 40%;}
.config-details-iframe .cdi-row-wrap .cdi-item .request-data-list li:nth-child(n+3){margin-top: 4px;}
.config-details-iframe .cdi-row-wrap .cdi-item .owner-select-list{margin: 0px;}
.config-details-iframe .cdi-row-wrap .cdi-item .owner-select-list li{flex: 0 0 43px;max-width: 43px;margin-right: 4px;margin-bottom: 4px;}
.config-details-iframe .cdi-row-wrap .cdi-item .owner-select-list li:nth-child(5n){margin-right:0px;}
.config-details-iframe .cdi-row-wrap .cdi-item .owner-select-list li img{max-width: 100%;max-height: 28px;}
.config-details-iframe .cdi-row-wrap .cdi-item .owner-select-list li p{padding: 2px;height: auto;font-size: 10px;text-align: center;line-height: 10px;font-weight: 500;}
.config-details-iframe .cdi-row-wrap .cdi-item .empty-block{padding: 0px;font-weight: 500;font-size: 14px;}
.config-details-iframe .cdi-row-wrap .cdi-item-flex{display: flex;align-items: center;justify-content: space-between;}
.config-details-iframe .cdi-row-wrap .cdi-item-flex .text-right{margin-left: auto;}
.config-details-iframe .event-viewer-box .work-list-wrap .card .card-footer .wl-content .tab-pane .card .card-body{padding: 5px 5px 0 5px;}
.config-details-iframe .event-viewer-box .work-list-wrap .card .card-footer .config-photo-list li{flex: 0 0 56px;max-width: 56px;height: 34px;}
.config-details-iframe .event-viewer-box .work-list-wrap .card .card-footer .config-document-list li{margin-right: 5px;margin-bottom: 5px;flex: 0 0 30px;max-width: 30px;}
.config-details-iframe .event-viewer-box .work-list-wrap .card .card-footer .config-document-list li a{height: 30px;}
.config-details-iframe .event-viewer-box .work-list-wrap .card .card-footer .config-document-list li a i{font-size: 16px;}
.config-details-iframe .event-viewer-box .work-list-wrap .card .card-footer .config-description p{font-size: 13px;font-weight: normal;}

.toggle-planner_panel,
.toggle-lead-panel,
.appointment-toggle-box,
.toggle-ticket-panel{height: 36px;width: 36px;border-radius: 0 4px 4px 0;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);position: absolute;right: -36px;background-color: #fff;top: 60px;}
.toggle-planner_panel>a,
.toggle-lead-panel>a,
.appointment-toggle-box>a,
.toggle-ticket-panel>a{height: 36px;width: 36px;display: flex;align-items: center;justify-content: center;font-size: 18px;color:#303030;}
.toggle-planner_panel>a:hover,
.toggle-lead-panel>a:hover,
.appointment-toggle-box>a:hover,
.toggle-ticket-panel>a:hover{color:#B31119;}
.maps-content .maps-wrap.mw-fullsize{flex: 0 0 100%;max-width: 100%;}
.maps-content .ticket-wrap.tw-inactive{transform: translateX(-340px);position: absolute;top: 0;bottom: 0;}
.maps-content .ticket-wrap.tw-inactive>.toggle-ticket-panel>a>i:before{content: "\f054";}

.ticket-wrap .ticket-switch{display: flex;align-items: center;position: relative;padding: 12px 0;}
.ticket-wrap .ticket-switch p{flex:1;max-width: 100%;margin: 0px;font-weight: 600;font-size: 16px;white-space: nowrap;}
.ticket-wrap .ticket-switch p.active{color:#0ba20b}
.ticket-wrap .ticket-switch p i{font-size: 18px;display: inline-block;vertical-align: middle;}
.ticket-wrap .ticket-switch p:first-child{text-align: right;}
.ticket-wrap .ticket-switch p:last-child{padding-right: 4px;}
.ticket-wrap .ticket-switch .switch-label {position: relative;display: inline-block;width: 60px;height: 28px;flex:0 0 60px;max-width: 60px;margin:0 8px;}
.ticket-wrap .ticket-switch .switch-label input {opacity: 0;width: 0;height: 0;}
.ticket-wrap .ticket-switch .switch-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.ticket-wrap .ticket-switch .switch-slider:before {position: absolute;content: "";height: 20px;width: 20px;right: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.ticket-wrap .ticket-switch input:checked + .switch-slider {background-color: #2196F3;}
.ticket-wrap .ticket-switch input:focus + .switch-slider {box-shadow: 0 0 1px #2196F3;}
.ticket-wrap .ticket-switch input:checked + .switch-slider:before {-webkit-transform: translateX(-30px);}
.ticket-wrap .ticket-switch .switch-slider.round {border-radius: 34px;}
.ticket-wrap .ticket-switch .switch-slider.round:before {border-radius: 50%;}


.appointment-toggle-box{right: 16px;bottom: -35px;top: auto;z-index: 2;border-radius: 0 0 4px 4px;}
.maps-content.planner-content .ticket-wrap .toggle-ticket-panel{right: inherit;left: -36px;border-radius:4px 0 0 4px;top: 5px;}
.maps-content.planner-content .ticket-wrap.tw-inactive{transform: translateX(0);box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.maps-content.planner-content .ticket-wrap,
.maps-content .lead-list-right{width: 320px;position: absolute;top: 0;bottom: 0;right: 0;background-color: #fff;z-index: 99;transition: all 0.2s ease-in-out;transform: translateX(320px);}
.maps-content.planner-content .ticket-wrap.active,
.maps-content .lead-list-right.active{transform: translateX(0px);box-shadow: -4px 0px 10px 0 rgb(0 0 0 / 10%);}
.maps-content .lead-list-right:not(.active) .toggle-lead-panel{width:100px;left: -100px;}
.maps-content .lead-list-right .toggle-lead-panel{top: 34px;}
.maps-content .lead-list-right:not(.active) .toggle-lead-panel>a{width: auto;}
.maps-content .lead-list-right:not(.active) .toggle-lead-panel>a>span{font-size: 15px;margin: 0 0 0 10px;line-height: normal;position: relative;top: -2px;font-weight: 600;}
.maps-content .lead-list-right.active .toggle-lead-panel span{display: none;}
.maps-content .lead-list-right.active .toggle-lead-panel i:before{content: "\f054";}
.lead-list-right .toggle-lead-panel{right: inherit;left: -36px;border-radius: 4px 0 0 4px;}

.lead-list-right .detail-panel-box{border-radius: 0px;box-shadow: none;height: 100%;}
.lead-list-right .detail-panel-box .lead-search-input{position: relative;border-bottom: 2px solid #f0f0f1;padding-bottom: 10px;}
.lead-list-right .detail-panel-box .lead-search-input .row{margin: 0;padding-right: 8px;}
.lead-list-right .detail-panel-box .lead-search-input .row .col-sm-6,
.lead-list-right .detail-panel-box .lead-search-input .row .col-sm-12{padding-left: 8px;padding-right: 0px;margin-top: 8px;}
.lead-list-right .detail-panel-box .lead-search-input input{border: 1px solid #f0f3f4;}
.lead-list-right .detail-panel-box .lead-search-input .ls-button{padding: 0 8px;position: relative;margin-top: 8px;text-align: center;}
.lead-list-right .detail-panel-box .lead-search-input .ls-button .btn-default{padding: 3px 18px;box-shadow: 0 3px 6px rgb(0 0 0 / 15%);border-color:transparent;background-color: #e6e6e6; }
.lead-list-right .detail-panel-box .lead-search-input .ls-button .btn-default:focus{box-shadow: 0 3px 6px rgba(0,0,0,0.08);}
.lead-list-right .detail-panel-box .box-body{padding: 0px;position: relative;overflow-x: hidden;overflow-y: auto;height:calc(100% - 180px);}
.lead-list-right .detail-panel-box .box-body .lead-right-item{border-bottom: 1px solid #ddd;position: relative;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a{color:#334152;display: block;position: relative;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-head{padding: 5px 8px;background-color: #F8F9FB;position: relative;padding-left: 42px;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-head img{position: absolute;left: 6px;max-height: 32px;max-width: 30px;top: 8px;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-head h4{padding-right: 100px;position: relative;font-size: 14px;color: #334152;font-weight: 600;margin: 0;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-head h4 b{color: #047BF8;}
.lead-list-right .detail-panel-box .box-body .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: 0px;right: 6px;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-head p{margin: 4px 0 0 0;display: flex;align-items: center;justify-content: space-between;line-height: normal;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-head p span{color: #7a838e;font-size: 12px;font-weight: 500;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-head p b{margin-right: 8px;color: #047BF8;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-body{display: flex;flex-wrap:wrap; align-items: stretch;position: relative;padding: 7px 0;}
.lead-list-right .detail-panel-box .box-body .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;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-body .lr-body-item:last-child{padding-bottom: 0px;}
.lead-list-right .detail-panel-box .box-body .lead-right-item a .lr-body .lr-body-item span{font-weight: 600;color:#334152;}
.lead-list-right .detail-panel-box .box-body .lead-right-item.item-blink{animation: blink-head 1s steps(5, start) infinite;-webkit-animation: blink-head 1s steps(5, start) infinite;}
.lead-list-right .detail-panel-box .box-body .lead-right-item.item-blink .lr-head{background-color: transparent;}
.lead-list-right .detail-panel-box .box-body .lead-right-item.item-blink .lr-body{background-color: transparent;}
@keyframes blink-head {
    to {background-color: #f9d4d4;}
}
@-webkit-keyframes blink-head {
    to {background-color: #f9d4d4;}
}
/*===== End : Ticket Maps New Design ======*/


/*===== Start : Planner New Design ======*/
:root{
    --mpc-panel-width:450px;
}
.maps-content.planner-content .maps-wrap .ms-week-view-full{height: calc(100vh -  92px);}
.maps-content.planner-content .ticket-wrap{}
.maps-content.planner-content .ticket-wrap.tw-panel-small{bottom: 460px;}
.maps-content.planner-content .ticket-wrap.tw-panel-small .tab-content .ticket-body{}
.maps-content.planner-content .maps-wrap{flex: 0 0 calc(100% - var(--mpc-panel-width));max-width: calc(100% - var(--mpc-panel-width));}
.maps-content.planner-content .maps-wrap.mw-fullsize{flex: 0 0 100%;max-width: 100%;}
.maps-content.planner-content .lead-list-left{flex: 0 0 var(--mpc-panel-width);max-width: var(--mpc-panel-width);z-index: 4;border-right: 1px solid #ddd;box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.maps-content.planner-content .lead-list-left.active{transform: translateX(calc(var(--mpc-panel-width) * -1));position: absolute;top: 0;bottom: 0;box-shadow:none;}
.maps-content.planner-content .lead-list-left .toggle-lead-panel{top:5px;}
.maps-content.planner-content .lead-list-left.active .toggle-lead-panel>a>i:before {content: "\f054";}
.maps-content.planner-content .lead-list-left .box .box-header{padding: 0}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer .scrtabs-tab-scroll-arrow{height: 65px;padding-top: 21px;color:#FFD500;background-color: #636363;border-color: #3b3b3b;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer .scrtabs-tab-scroll-arrow:hover{background-color: #3b3b3b;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer .scrtabs-tab-container,
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer .scrtabs-tabs-fixed-container{height: 65px;}
/*.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li{}*/
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li a .dpb-count{background-color: #B31119;color: #fff;height: 16px;min-width: 16px;position: absolute;border-radius: 100%;text-align: center;font-size: 11px;line-height: 16px;right: -3px;top: -2px;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li a{font-size: 12px;padding: 5px 4px 20px 4px;display: flex;align-items: center;justify-content: center;height: 100%;color:#000 !important;text-align: left;margin: 0px;border-radius: 0;line-height: normal;border:0px;}

.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav{flex-wrap: nowrap;border-bottom: 0px;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li{border-bottom: 1px solid #ddd;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li.active{border-bottom: 1px solid #fff;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li a img{max-width: 22px;max-height: 18px;display: block;margin: 0 auto;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li a .llt-icon{height: 35px;width: 35px;flex:0 0 35px; border-radius: 100%;background-color: #ececec;display: flex;align-items: center;justify-content: center;position: relative;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li a .llt-text{flex:0 0 calc(100% - 35px);max-width: calc(100% - 35px);padding-left: 6px;white-space: normal; }
.maps-content.planner-content .lead-list-left .box .box-header .box-tab.nav-footer ul.nav li a .llt-icon-total{position: absolute;bottom: 4px;font-weight: 600;font-size: 16px;line-height: 16px;}
.maps-content.planner-content .lead-list-left .box .box-header .box-tab{border-bottom: 1px solid #f4f4f4;}

.planner-content .lead-list-left .detail-panel-box{border-radius: 0px;box-shadow: none;height: 100%;}
.planner-content .lead-list-left .detail-panel-box .lead-search-input{position: relative;border-bottom: 2px solid #f0f0f1;padding-bottom: 10px;padding-top: 8px;}
.planner-content .lead-list-left .detail-panel-box .lead-search-input .row{margin: 0;padding-right: 8px;}
.planner-content .lead-list-left .detail-panel-box .lead-search-input .row .col-sm-6,
.planner-content .lead-list-left .detail-panel-box .lead-search-input .row .col-sm-12{padding-left: 8px;padding-right: 0px;margin-top: 8px;}
.planner-content .lead-list-left .detail-panel-box .lead-search-input input{border: 1px solid #f0f3f4;}
.planner-content .lead-list-left .detail-panel-box .lead-search-input .ls-button{padding: 0 8px;position: relative;margin-top: 8px;text-align: center;}
.planner-content .lead-list-left .detail-panel-box .lead-search-input .ls-button .btn-default{padding: 4px 18px;font-weight: 600;border-color:#bbbbbb;background-color: #e5e5e5;letter-spacing: 0.4px; }
.planner-content .lead-list-left .detail-panel-box .lead-search-input .ls-button .btn-default:focus{box-shadow: 0 3px 6px rgba(0,0,0,0.08);}
.planner-content .lead-list-left .detail-panel-box .box-body{padding: 0px;position: relative;overflow-x: hidden;overflow-y: auto;height:calc(100% - 200px);}
.planner-content .lead-list-left .detail-panel-box #dpb-tab-1 .box-body{height:calc(100% - 200px);}
.planner-content .lead-list-left .detail-panel-box #dpb-tab-2 .box-body:hover .mCSB_scrollTools{opacity: 0 !important;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item{border-bottom: 1px solid #ddd;position: relative;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor{cursor:pointer;color:#334152;display: block;position: relative;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-delete{position: absolute;z-index: 1;left: -20px;top: 4px;transition: left 0.2s ease-in-out;visibility: hidden;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item:hover .lri-delete{left:4px;visibility: visible;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head{padding:0 0 0 4px;background-color: #F8F9FB;position: relative;display: flex;align-items: center;justify-content: flex-start;height: 60px;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-ms-icon{max-width: 40px;flex: 0 0 40px;display: flex;align-items: center;justify-content: center;background-color: #ececec;border-radius: 100%;height: 40px;padding: 0;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head img{max-height: 25px;max-width: 28px;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head h4{position: relative;font-size: 14px;color: #334152;font-weight: normal;margin: 0;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head h4 b{color: #334152;font-weight: 600;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head p{margin: 0;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-ms-name{max-width: 160px;flex:0 0 160px;padding:0 5px;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-address{font-size: 10px;max-width: 140px;flex:0 0 140px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.notread .lr-head .lr-address{font-size: 12px;}

.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.current-lead-active .lr-head{background-color: #e0e0e0;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.notread .lr-head{background-color: #fff;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.notread .lr-head h4,
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.notread .lr-head p,
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.notread .lr-head h4 b,
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.notread .lr-head .lr-address span,
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor.notread .lr-head .lr-address{color:#1876f2;font-weight: 600;}

.planner-content .lead-list-left .detail-panel-box  #dpb-tab-1 .box-body .lead-right-item .lri-anchor .lr-head .lr-ms-icon{/*max-width: 50px;flex: 0 0 50px;padding-right: 10px;*/}
.planner-content .lead-list-left .detail-panel-box  #dpb-tab-1 .box-body .lead-right-item .lri-anchor .lr-head .lr-ms-name{max-width: 150px;flex:0 0 150px;}
.planner-content .lead-list-left .detail-panel-box  #dpb-tab-1 .box-body .lead-right-item .lri-anchor .lr-head .lr-address{max-width: 210px;flex: 0 0 210px;padding-right: 10px;}
.planner-content .lead-list-left .detail-panel-box  #dpb-tab-1 .box-body .lead-right-item .lri-anchor .lr-head .lr-request-icon{max-width: 40px;flex: 0 0 40px;padding-right: 8px;}
.planner-content .lead-list-left .detail-panel-box  #dpb-tab-1 .box-body .lead-right-item .lri-anchor .lr-head .lr-request-icon img{height: 32px;width: 32px;background-color: #fff;border-radius: 4px;max-width: none;max-height: none;}

.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lr-drag{z-index: 2;position: absolute;padding: 0px;color: #fff;overflow: hidden;display: flex;flex-direction: column;top: 0px;transition: all 0.2s ease-in-out;width: 8px;right: 0px;bottom: 0px;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item:hover .lr-drag{background-color: rgba(0,0,0,0.2);width: 32px;}

.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lr-drag:hover{width: 32px;cursor: e-resize;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item:not(:hover) .lr-drag:before{content: "";height: 14px;border-left: 6px double rgba(0,0,0,0.28);position: absolute;left: 2px;top: calc(50% - 7px);}

.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-address span{color:#BF0000;font-weight: 600;display: block;font-size: 12px;line-height: 14px;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head p .number_plate{margin: 0px 0 0 -4px !important;transform: scale(0.9);}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-time{font-size: 10px;max-width: 110px;flex:0 0 110px;color:#3B3B3B !important;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;padding-right: 34px;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-time .lr-drag-img{position: absolute;right: 8px;max-width: 24px;pointer-events: none;transition: all 0.2s ease-in-out;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item:hover .lri-anchor .lr-head .lr-time .lr-drag-img{right: 4px;}

.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-time span{color: #3B3B3B;font-size: 13px;font-weight: 600;padding-bottom: 4px;margin-bottom: 4px;border-bottom: 1px solid #3B3B3B;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-time.bg-blue{background-color:#0670D9 !important;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-time.bg-yellow{background-color:#FFD500 !important;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head .lr-time.bg-red{background-color:#BF0000 !important;}


.planner-lead-detail{overflow: hidden;}
.planner-lead-detail .mrsh-panel.mrsh-worklist-panel.inactive{overflow: hidden;width: 0px !important;border: none;height: 448px;}
.planner-lead-detail .mrsh-panel.mrsh-worklist-panel.last-inactive{height: 448px;}
.planner-lead-detail .mrsh-panel.mrsh-worklist-panel.last-inactive .msr-head{height: 101px;overflow: hidden;}
.planner-lead-detail .mrsh-panel.mrsh-worklist-panel.last-inactive .msr-body{height: 293px;overflow: hidden;}
.planner-lead-detail .mrsh-panel.mrsh-worklist-panel.last-inactive .msr-footer{height: 54px;overflow: hidden;}

.planner-lead-detail .mrsh-panel.planner_lead.inactive{overflow: hidden;min-height: 0px !important;height: 0 !important;}
.planner-lead-detail .mrsh-panel{transition: all 0.6s ease-in-out;box-shadow: 0px -6px 10px -5px rgb(0 0 0 / 40%);}
.planner-lead-detail .mrsh-panel .toggle-planner_panel{right: inherit;top: -36px;left: 28px;border-radius: 4px 4px 0 0;box-shadow: 0 -4px 4px 0 rgb(0 0 0 / 10%);}
.planner-lead-detail .mrsh-panel.planner_lead{width: 50%;background-color: #fff;display: flex;flex-direction: column;min-height: 448px;position: absolute;bottom: 0;z-index: 4;left: 0;}
.planner-lead-detail .mrsh-panel.mrsh-worklist-panel{border-left: 1px solid #ddd;width: 50%;/*background-color: #fff;*/display: flex;flex-direction: column;min-height: 448px;position: absolute;bottom: 0;z-index: 2;left: 50%;}

.planner-lead-detail.mrsh-panel-active .mrsh-panel.planner_lead{width: 38%;}
.planner-lead-detail.mrsh-panel-active .mrsh-panel.planner_lead .msrh-inner{display: none;}
.planner-lead-detail.mrsh-panel-active .mrsh-panel.mrsh-worklist-panel{width: 62%;left: 38%;}

/*.planner-lead-detail .mrsh-panel.mrsh-worklist-panel .toggle-planner_panel{left: auto;right: 28px;}*/

.mrsh-panel .msr-head{display: flex;align-items: stretch;background-color: #FFD500;min-height: 71px;}
.mrsh-panel.mrsh-worklist-panel .msr-head{background-color: #0670D9;padding-left: 20px;clip-path: polygon(25px 0%, 100% 0%, 100% 100%, 0% 100%);}
.mrsh-panel.mrsh-worklist-panel .msr-body .tbl-scroll{max-height: 195px;overflow-y: auto;padding-left: 40px;position: relative;}
.tbl-scroll .table-theme.configuration-tbl tbody tr:nth-child(4n+1){background-color: transparent;}
.tbl-scroll .table-theme.configuration-tbl tbody tr td.cli_seprater{background-color:#f8f8f8 !important;font-weight: 600; }
.tbl-scroll .config-detail-row .custom-nav>ul.nav>li>a{font-size: 14px;padding: 6px 10px;}
.mrsh-panel.mrsh-worklist-panel .msr-body .add-lead-item-circle{margin-top: 0;}
.mrsh-panel .msr-head .msrh-first{padding: 8px;display: flex;align-items: center;flex:0 0 160px;max-width: 160px;}
.mrsh-panel.planner_lead .msr-head .msrh-first{background-color: #D5D5D5;position: relative;}
.mrsh-panel .msr-head .msrh-first img{max-width: 28px;max-height: 34px;margin-right: 8px;}
.mrsh-panel .msr-head .msrh-first h4{color:#189500;margin: 0px;font-size: 14px;font-weight: 600;flex: 1;max-width: 100%;}
.mrsh-panel.planner_lead .msr-head .msrh-first h4 span{display: block;color:#000000;font-weight: normal;}
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-first h4{position: relative;}
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-first h4 span:not(.number_plate){background-color: #FFFFFF;color:#0670D9;font-weight: 700;padding: 1px 4px;border-radius: 2px; }
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-first h4 span.number_plate{margin-top: 10px !important;margin-left: 0;}
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-first h4 span.msrh-truck{position: absolute;right:0;top:10px;}
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-first h4 span.msrh-truck:after{position: absolute;right: 6px;top: 1px;content: attr(data-count);color: #fff;font-size: 10px;font-weight: 600;}
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-first h4 span.msrh-truck img{margin: 0;}
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-inner h4{color:#fff;}
.mrsh-panel .msr-head .msrh-address{flex:0 0 220px;max-width: 220px;padding: 8px;}
.mrsh-panel.mrsh-worklist-panel .msr-head .msrh-address{flex:0 0 180px;max-width: 180px;padding: 8px;padding-left: 0px;}
.mrsh-panel.mrsh-worklist-panel .msr-head .msrh-address p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #fff;}
.mrsh-panel .msr-head .msrh-address p{margin: 0px 0 5px 0;font-size: 14px;line-height: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mrsh-panel .msr-head .msrh-address p.msrh-add-icon{position: relative;padding-left: 28px;min-height: 32px;}
.mrsh-panel .msr-head .msrh-address p.msrh-add-icon:after{content: "";background-image: url("../images/location-icon.png");height: 22px;width: 22px;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-size: contain;background-position: center;}
.mrsh-panel.mrsh-worklist-panel .msr-head .msrh-address p.msrh-add-icon:after{filter: brightness(0) invert(1);}
.mrsh-panel .msr-head .msrh-address p span{/*color:#BF0000;*/font-weight: 600;}
.mrsh-panel .msr-head .msrh-address .red-label{background-color:#189500;color:#fff;display: block;text-align: center; border-radius: 2px;}
.mrsh-panel .msr-head .msrh-inner{flex:1;max-width: 100%;padding: 8px;}
.mrsh-panel .msr-head .msrh-inner h4{color:#000000;font-size: 16px;margin: 0 0 28px 0;position: relative;}
.mrsh-panel.planner_lead .msr-head .msrh-inner h4{padding-right: 55px;}
.mrsh-panel.planner_lead .msr-head .msrh-inner .btn{position: absolute;right: 25px;top:0px;}
.mrsh-panel .msr-head .msrh-inner p{display: flex;align-items: center;justify-content: space-between;color:#000;margin: 0;background-color: #fff;padding:4px;border-radius: 2px;}
.mrsh-panel .msr-head .msrh-inner p span{white-space: nowrap;}
.mrsh-panel .msr-head .msrh-inner p span b{width: 114px;overflow: hidden;display: inline-flex;text-overflow: ellipsis;}
.mrsh-panel .msr-head .msrh-inner .msrh-inner-btn{text-align: right;}
.mrsh-panel .msr-head .msrh-inner .msrh-inner-btn .btn{padding: 1px 5px;font-size: 11px;}
.mrsh-panel .msr-head .msrh-inner .msrh-inner-img{max-width: 24px;position: absolute;right: -4px;top: -1px;max-height: 22px;}
.mrsh-panel .msr-head .msrh-inner p .coupon{background-color: #0670D9;white-space: nowrap;color:#fff;padding: 0 4px;}
.mrsh-panel .msr-body{background-color: #fff;flex: 1;}
.planner-lead-detail .mrsh-panel.planner_lead .msr-body{max-height: 490px;overflow-y: auto;}
.mrsh-panel .msr-body > .table{background-color: #fff;}
.mrsh-panel .msr-body > .table th{font-size: 12px;}
.mrsh-panel .msr-body > .table td{padding: 8px 2px;font-size: 10px;}
.mrsh-panel .msr-body > .table td.pl-desc-box{}
.mrsh-panel .msr-body > .table td.pl-desc-box p{margin: 0px;}
.mrsh-panel .msr-body > .table td.pl-desc-box .pl-desc-title{display: inline-block;padding: 1px 8px;border-radius: 2px;margin: 0 auto;}

.mrsh-panel .msr-body > .table td.pl-desc-box .pl-desc-title.bg-blue{background-color:#0670D9 !important;}
.mrsh-panel .msr-body > .table td.pl-desc-box .pl-desc-title.bg-yellow{background-color:#FFD500 !important;}
.mrsh-panel .msr-body > .table td.pl-desc-box .pl-desc-title.bg-red{background-color:#BF0000 !important;}

.mrsh-panel .msr-body > .table .number-highlight{background-color: #3B3B3B;height: 16px;width: 16px;border-radius: 100%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 10px;position: relative;z-index: 2;}
.mrsh-panel .msr-body > .table thead tr th:first-child{position: relative}
.mrsh-panel.planner_lead .msr-head .msrh-first img{position: relative;z-index: 2;}
.mrsh-panel.planner_lead .msr-head .msrh-first:after{height: 50% !important;top: auto !important;}
.mrsh-panel.planner_lead .msr-head .msrh-first:after,
.mrsh-panel .msr-body > .table thead tr th:first-child:after,
.mrsh-panel .msr-body > .table tbody tr td:first-child:after{content: "";position: absolute;height: 100%;top: 0;bottom: 0;width: 1px;background-color: #707070;z-index: 1;left: 10px;}
.mrsh-panel .msr-body > .table .msr-van{max-width: 42px;max-height: 32px;mix-blend-mode: multiply;}
.planner-content .lead-list-left .detail-panel-box .box-body .lead-right-item .lri-anchor .lr-head p .number_plate,
.mrsh-panel.mrsh-worklist-panel.mrsh-panel .msr-head .msrh-first h4 .number_plate,
.mrsh-panel .msr-body > .table .number_plate{background-image: url("../images/number_plat.png");height: 22px;width: 100px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 14px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 22px;letter-spacing: 1px;margin: 5px auto 0;display: block;}
.mrsh-panel .msr-body > .table .number-id{font-size: 10px;margin:0px;text-align: center;}
.mrsh-panel .msr-body > .table .msrb-address{margin: 0;font-size: 10px;}
.mrsh-panel .msr-body > .table:not(.configuration-tbl) tbody tr:nth-child(2n-1){background-color: #fff;}
.mrsh-panel .msr-body > .table tbody tr.active td{background-color: #F3F3F3;}
.mrsh-panel .msr-body > .table tbody tr td{background-color: var(--highlight-tr) !important;}
.mrsh-panel .msr-body > .table tbody tr.active td .number-highlight{background-color:#FFD500;color:#000;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .d-flexbox{display: flex;align-items: center;justify-content: center;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .d-flexbox>div{margin-right: 8px;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td{position: relative;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .btn.btn-success.btn-sm{padding: 0 10px;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td.pl_action_td{padding-bottom: 0px;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .d-flexbox-icon{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .d-flexbox-icon p{margin: 0px 0 4px 0;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .d-flexbox-icon .btn{margin: 0 1px;border-width: 1px;line-height: 12px;padding: 2px 4px;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .d-flexbox-icon .btn i{font-size: 12px}

.mrsh-panel.planner_lead .msr-body > .table tbody tr td .outer-tab-td{/*position: absolute;top: 0;bottom: 0;right: -32px;*/width: 32px;display: flex;align-items: center;justify-content: center;position: relative;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .outer-tab-td img{max-width: 20px;}
.mrsh-panel.planner_lead .msr-body > .table tbody tr td .outer-tab-td span{background-color: #3B3B3B;position: absolute;top: -7px;right:-4px; height: 16px;width: 16px;border-radius: 16px;color: #fff;font-weight: bold;font-size: 9px;display: flex;align-items: center;justify-content: center;}
/*.mrsh-panel.planner_lead .msr-body > .table tbody tr.active td .outer-tab-td{background-color:#F3F3F3;}*/
.mrsh-panel.planner_lead .msr-body > .table tbody tr.active td .outer-tab-td span{background-color: #FFD500;color:#3B3B3B;}

.mrsh-panel .msr-footer{position: relative;border-top: 1px solid #ddd;margin-top: auto;min-height: 54px;background-color: #fff;}
.mrsh-panel .msr-footer ul{margin:0px;padding:4px 8px;list-style: none;position: relative;display: flex;align-items: center;}
.mrsh-panel .msr-footer ul li.wlp-icon{flex:0 0 216px;max-width: 216px;box-sizing: border-box;display: flex;align-items: center;height: 45px;background-color: #D4D4D4;margin-right: 10px;}
.mrsh-panel .msr-footer ul li.wlp-icon i{font-size: 30px;height:42px;margin-right: 4px;}
.mrsh-panel .msr-footer ul li.wlp-icon h4{margin: 0px;color:#189500;font-size: 14px;font-weight: 600;}
.mrsh-panel .msr-footer ul li.wlp-icon h4 span{color:#000;font-weight: normal;}
.mrsh-panel .msr-footer ul li:not(.wlp-icon){flex:0 0 calc(100% - 216px);max-width:calc(100% - 216px); padding-left:28px;box-sizing: border-box;position: relative;}
.mrsh-panel .msr-footer ul li:not(.wlp-icon) p{margin:0px;font-size: 14px;line-height: 16px;white-space: nowrap;color:#88919c;overflow: hidden;text-overflow: ellipsis;padding-right: 4px;}
.mrsh-panel .msr-footer ul li:not(.wlp-icon) h4{margin:0px;font-size: 15px;line-height: 18px;font-weight: 600;}
.mrsh-panel .msr-footer ul li:not(.wlp-icon):before{content: "";height: 24px;width: 24px;background-image: url(../images/progress-icon.png);position: absolute;background-size: contain;left: -1px;top: 4px;}
.mrsh-panel.planner_lead .msr-footer{display: flex;align-items: center;justify-content: space-between;}
.mrsh-panel.planner_lead .msr-footer ul{max-width: 400px;flex:0 0 400px;}
.mrsh-panel .msr-footer .mrs-foot-config{flex:1;max-width: 100%;display: flex;align-items: center;padding-right: 8px;}
.mrsh-panel .msr-footer .mrs-foot-config >.hourglass-anim{width: 36px;height: 36px;max-width: 44px;flex: 0 0 44px;}
.mrsh-panel .msr-footer .mrs-foot-config >i.fa {font-size: 28px;max-width: 40px;flex: 0 0 50px;line-height: 39px;}
.mrsh-panel .msr-footer .mrs-foot-config >i.fa.text-green {color: #189500;}
.mrsh-panel .msr-footer .mrs-foot-config >p{color:#189500;margin: 0px;font-weight: 600;flex:1;max-width: 100%;}
.mrsh-panel .msr-footer .mrs-foot-config > .btn{text-transform: capitalize;/*max-width: 160px;flex:0 0 160px;*/font-size: 12px;padding: 3px 8px;}

.mrsh-panel .msr-footer .msr-vehicle{display: flex;align-items: stretch;justify-content: flex-start;color:#000;background-color: #D4D4D4;margin:4px 8px}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-item{flex:0 0 18%;max-width: 18%;justify-content: center; background-color: #fff;display: flex;align-items: center;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-item h5{margin: 0;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-report{flex:0 0 17%;max-width: 17%;display: flex;align-items: center;padding-left: 5px;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-report img{max-width: 24px;max-height: 34px;margin-right: 8px;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-report h4{margin:0px;font-weight: 600;font-size: 14px;color:#0670D9;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-address{flex:0 0 28%;max-width: 28%;display: flex;align-items: center;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-address img{max-width: 47px;max-height: 37px;mix-blend-mode: multiply;margin-right: 5px;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-address p{margin: 0px;font-size: 11px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-number{flex:0 0 17%;max-width: 17%;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-number .number_plate{background-image: url("../images/number_plat.png");height: 22px;width: 100px;background-size: contain;background-repeat: no-repeat;background-position: left top;font-size: 14px;font-weight: 600;text-align: center;color: #3E4B5B;text-transform: uppercase;line-height: 22px;letter-spacing: 1px;margin: 5px auto 0;display: block;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-number p{margin: 0px;font-size: 10px;text-align: center;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-time{flex:0 0 20%;max-width: 20%;padding-left: 28px;box-sizing: border-box;position: relative;padding-top: 5px;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-time p{margin:0px;font-size: 14px;line-height: 16px;white-space: nowrap;color:#88919c;overflow: hidden;text-overflow: ellipsis;padding-right: 4px;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-time h4{margin:0px;font-size: 15px;line-height: 18px;font-weight: 600;}
.mrsh-panel .msr-footer .msr-vehicle .msr-vehicle-time:before{content: "";height: 24px;width: 24px;background-image: url(../images/progress-icon.png);position: absolute;background-size: contain;left: -1px;top:11px;}

.mrsh-panel.mrsh-worklist-panel .msr-footer .msr-vehicle .msr-vehicle-address{display: none}
.mrsh-panel.mrsh-worklist-panel .msr-footer .msr-vehicle .msr-vehicle-time{flex: 0 0 19%;max-width: 19%;}
.mrsh-panel.mrsh-worklist-panel .msr-footer .msr-vehicle .msr-vehicle-button{flex: 0 0 29%;max-width: 29%;display: flex;align-items: center;justify-content: center}
.mrsh-panel.mrsh-worklist-panel .msr-footer .msr-vehicle .msr-vehicle-button .btn{display: block;text-overflow: ellipsis;max-width: 94%;overflow: hidden;padding: 2px 7px;line-height: normal;}

.mrsh-panel .table-theme thead tr{background-color: #fff;}
.mrsh-panel .table-theme thead tr th{color:#000000;}

.maps-wrap .mw-tab-content .nav-footer{display: none;}
.mw-tab-content .nav-footer .nav>li>a{display: flex;align-items: center;justify-content: center;color:#000000 !important;}
.mw-tab-content .nav-footer .nav>li>a>i{color:#000000 !important;font-size: 24px;margin-right: 5px;}
.mw-tab-content .nav-footer .nav>li>a>img{max-width: 40px;max-height: 22px;margin-right: 5px;}


.mrsh-panel .configuration-tbl.table-theme tbody tr:not(.config-detail-row) td img{mix-blend-mode: multiply;}
.mrsh-panel .configuration-tbl.table-theme tbody tr:not(.config-detail-row) td p{line-height: 14px}
.mrsh-panel .configuration-tbl.table-theme tbody tr:not(.config-detail-row):not(.config-detail-row) td:first-child{background-color: transparent;color:#000000;}

.mrsh-panel .configuration-tbl.table-theme tbody tr:not(.config-detail-row) td.text-right .btn-xs{font-size: 10px;line-height: normal;padding: 1px 3px;}

.planner_lead_item .config-total-tbl-show.table tr td,
.planner_lead_item .config-total-tbl.table tr td{font-weight: normal;font-size: 12px;}

.planner_lead_item .configuration-tbl tr td .li_action{display: flex;align-items: center;justify-content: center;flex-direction: column;}

.add-lead-box-swiper .swiper-wizard .wizard-body .wizard-slider .wizard-title{text-align: center;background-color: #F3F3F3;}
.wizard-slider .swiper-slide .sw-list ul{justify-content: center;}
.mrsh-panel.mrsh-worklist-panel .msr-body .table-responsive{position: relative;}
.mrsh-panel.mrsh-worklist-panel .msr-body .table-responsive .custom-switch{position: absolute;left: 1px;top: 1px;z-index: 2;}
.mrsh-panel.mrsh-worklist-panel .custom-switch label{margin:0 auto;width: 40px;}
.mrsh-panel.mrsh-worklist-panel .custom-switch input[type="checkbox"]:checked + label:before{left:22px;}
.mrsh-panel.mrsh-worklist-panel .custom-switch label:after{display: none;}
.mrsh-panel.mrsh-worklist-panel .custom-switch label:before{font-size: 10px;content: "\20AC"; height: 14px;width: 14px;top: 2px;text-align: center;}
.mrsh-panel.mrsh-worklist-panel .custom-switch input:not(:checked) + label:before{color:#fff;}
/*===== End : Planner New Design ======*/


/*===== Start : Event details popup like app ======*/
.event-viewer-box>.box-body{padding: 0px;}
.event-viewer-box>.box-header.box-header-sm{padding: 6px 10px;}
.event-viewer-box>.box-header.box-header-sm>.box-title{font-size: 15px;}
.event-viewer-box .ed-list-row{position: relative;display: flex;align-items: stretch;}
.event-viewer-box .ed-list-row .ed-list-left{flex:0 0 40%;max-width: 40%;box-sizing: border-box;padding: 20px 0px 0 8px;}
.event-viewer-box .ed-list-row .ed-list-left .wll-inner{background-color: #f0f3f4;padding: 8px;border-radius: 4px;border: 1px solid #d9e5e8;text-align: right;overflow:hidden;}
.event-viewer-box .ed-list-row .ed-list-left h4{color:#189500;margin:0px;font-size: 16px;}
.event-viewer-box .ed-list-row .ed-list-left p{margin:0px;}
.event-viewer-box .ed-list-row .ed-list-right{flex:0 0 60%;max-width: 60%;box-sizing: border-box;padding: 24px 12px 0 8px;}

.event-viewer-box .custom_divider{background: #EDF1F2;height:2px;width: calc(100% - 16px);margin: 10px auto;opacity: 0.8;}
.event-viewer-box .custom_divider_lg{background: #EDF1F2;height:4px;width:100%;margin:0px auto;}

.event-viewer-box .ed-list-row .ed-list-time{flex:0 0 100%;max-width: 100%;box-sizing: border-box;padding-left: 8px;display:flex;padding-top: 12px;}
.event-viewer-box .ed-list-row .ed-list-time p{margin:0px;flex:0 0 50%;max-width: 50%;padding-right:8px;box-sizing: border-box;}
.event-viewer-box .ed-list-row .ed-list-time p span{font-weight: 600;}
.event-viewer-box .ed-list-progress{position: relative;padding-bottom: 10px;}
.event-viewer-box .ed-list-progress ul{margin:0px;padding:0px 8px;list-style: none;position: relative;display: flex;align-items: center;}
.event-viewer-box .ed-list-progress ul li.wlp-icon{flex:0 0 40px;max-width: 40px;box-sizing: border-box;}
.event-viewer-box .ed-list-progress ul li.wlp-icon i{font-size: 34px;height: 32px;display: flex;align-items: center;}
.event-viewer-box .ed-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;}
.event-viewer-box .ed-list-progress ul li:not(.wlp-icon) p{margin:0px;font-size: 14px;line-height: 16px;white-space: nowrap;color:#88919c;overflow: hidden;text-overflow: ellipsis;padding-right: 4px;}
.event-viewer-box .ed-list-progress ul li:not(.wlp-icon) h4{margin:0px;font-size: 15px;line-height: 18px;font-weight: 600;}
.event-viewer-box .ed-list-progress ul li:not(.wlp-icon):before{content: "";height: 24px;width: 24px;background-image: url(../images/progress-icon.png);position: absolute;background-size: contain;left: -1px;top: 4px;}
.event-viewer-box .ed-list-progress ul li.btn-pop:before{display: none;}
.event-viewer-box .ed-list-progress ul li.btn-pop{text-align: right;padding-right: 10px;}

.event-viewer-box .panel-app-address{max-width:100%;margin: 10px 0;}
.event-viewer-box .panel-app-address .ed-list-row .ed-list-right,
.event-viewer-box .panel-app-address .ed-list-row .ed-list-left{padding-top: 0px;}
.event-viewer-box .panel-app-address .ed-list-row .ed-list-left h4{margin-top: 10px;font-weight: 600;}
.event-viewer-box .panel-app-address .mechanic-event-viewer .ed-list-row .ed-list-right p{font-size: 12px;line-height: 16px;}
/*.event-viewer-box .panel-app-address .ed-list-progress ul li:not(.wlp-icon){flex: 0 0 calc(100% - 40px);max-width: calc(100% - 40px);}*/

.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-list-right p{font-size: 12px;line-height: normal;margin:0;}
.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-list-left .wll-inner{position: relative;padding-left: 40px;padding-top: 4px;padding-bottom: 4px;}
.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-list-left .wll-inner .fi-list{position: absolute;left: 3px;font-size: 30px;top: 10px;line-height: 30px;}
.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-list-left .wll-inner h4{color:#0670D9;}
.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-list-right{display: flex;align-items: center;padding-right: 8px;}
.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-list-right img{max-width:50px;flex:0 0 50px; }
.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-list-right i{max-width:28px;flex:0 0 28px;color:#FFD500; }
.event-viewer-box .mechanic-event-viewer .ed-list-row .ed-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;}
.event-viewer-box .mechanic-event-viewer .ed-list-row.tw-location-number{padding:12px 8px 0 8px;align-items: center;}
.event-viewer-box .mechanic-event-viewer .ed-list-row.tw-location-number i{position: absolute;font-size: 24px;line-height: 24px;left: 5px;}
.event-viewer-box .mechanic-event-viewer .ed-list-row.tw-location-number p{padding-left: 28px;margin:0px;line-height: normal;padding-right:12px;flex:0 0 calc(100% - 120px);max-width: calc(100% - 120px);box-sizing: border-box;}
.event-viewer-box .mechanic-event-viewer .ed-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;}

.event-viewer-box .work-list-wrap{}
.event-viewer-box .work-list-wrap .work-list-header{}
.event-viewer-box .work-list-wrap .work-list-body ul,
.event-viewer-box .work-list-wrap .work-list-header ul{margin:0px;padding:0px;list-style: none;position: relative;display: flex;align-items: stretch;}
.event-viewer-box .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;}
.event-viewer-box .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;}
.event-viewer-box .work-list-wrap .work-list-body ul li.wl-item-num{max-width: 18px;flex:0 0 18px;background-color: #747474;}
.event-viewer-box .work-list-wrap .work-list-body ul li.wl-item-num span{color:#FFD500;}
.event-viewer-box .work-list-wrap .work-list-body ul li .wl-item-img{}
.event-viewer-box .work-list-wrap .work-list-body ul li .wl-item-img img{max-height: 24px;max-width: 30px;display: block;margin: 0 auto;}
.event-viewer-box .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;}
.event-viewer-box .work-list-wrap .work-list-body ul li .wl-item-icon{text-align: center;word-break: break-all;}
.event-viewer-box .work-list-wrap .work-list-body ul li .wl-item-icon i{font-size: 20px;}
.event-viewer-box .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;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(1),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(1){flex:0 0 5%;max-width: 5%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(2),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(2){flex:0 0 14%;max-width: 14%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(3),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(3){flex:0 0 14%;max-width: 14%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(4),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(4){flex:0 0 14%;max-width: 14%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(5),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(5){flex:0 0 12%;max-width: 12%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(6),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(6){flex:0 0 8%;max-width: 8%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(7),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(7){flex:0 0 8%;max-width: 8%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(8),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(8){flex:0 0 9%;max-width: 9%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(9),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(9){flex:0 0 6%;max-width: 6%;}
.event-viewer-box .work-list-wrap .work-list-header ul li:nth-child(10),
.event-viewer-box .work-list-wrap .work-list-body ul li:nth-child(10){flex:0 0 10%;max-width:10%;}

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

.event-viewer-box .work-list-wrap .card{border-radius: 0px;margin:0px;}
.event-viewer-box .work-list-wrap .card .card-footer{display: block;min-height: auto;padding: 0;}
.event-viewer-box .work-list-wrap .card .card-footer .wl-menu{margin:0px;padding:0px;list-style: none;position: relative;display: flex;align-items: stretch;}
.event-viewer-box .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;}
.event-viewer-box .work-list-wrap .card .card-footer .wl-menu li:last-child{border:none;}
.event-viewer-box .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;}
.event-viewer-box .work-list-wrap .card .card-footer .wl-menu li a i{font-size: 18px;line-height: 18px;}
.event-viewer-box .work-list-wrap .card .card-footer .wl-menu li.active a{background-color: #fff;}
.event-viewer-box .work-list-wrap .card .card-footer .wl-content{}
.event-viewer-box .work-list-wrap .card .card-footer .wl-content .tab-pane .card{box-shadow: none;border:0px;}
.event-viewer-box .work-list-wrap .card .card-footer .wl-content .tab-pane .card .card-body{padding: 7px;}
.event-viewer-box .work-list-wrap .card .card-footer .wl-content .tab-pane .card .card-header{padding:4px 8px;font-weight: 600;background-color: #edf1f3;}

.event-viewer-box .work-list-wrap .card .card-footer .config-oem-list,
.event-viewer-box .work-list-wrap .card .card-footer .config-pd-list{margin: 0px;padding: 0px;list-style: none;}
.event-viewer-box .work-list-wrap .card .card-footer .config-pd-list li{align-items: center;justify-content: space-between;display: flex;box-sizing: border-box;font-size: 12px;padding:4px 8px;color:#465165;border-bottom: 1px solid #f4f4f4;}
.event-viewer-box .work-list-wrap .card .card-footer .config-pd-list li span:first-child{font-weight: 400;min-width: 140px;box-sizing: border-box;padding-right:12px;}
.event-viewer-box .work-list-wrap .card .card-footer .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;}
.event-viewer-box .work-list-wrap .card .card-footer .config-pd-list li span img{max-width: 50px;margin-right:10px;vertical-align: middle;}
.event-viewer-box .work-list-wrap .card .card-footer .config-pd-list li:nth-child(2n-1){background-color:#f4f4f4;}
.event-viewer-box .work-list-wrap .card .card-footer .config-oem-list li{box-sizing: border-box;font-size: 12px;padding: 4px 8px;color:#465165;border-bottom: 1px solid #f4f4f4;display: block;}
.event-viewer-box .work-list-wrap .card .card-footer .config-description{padding: 4px;}
.event-viewer-box .work-list-wrap .card .card-footer .config-description p{margin:0px 0px 10px 0;position: relative;font-size: 14px;line-height:20px;color:#465165;}
.event-viewer-box .work-list-wrap .card .card-footer .config-description p:last-child{margin-bottom: 0px;}
.event-viewer-box .work-list-wrap .card .card-footer .config-photo-list{margin: 0px;padding: 0px;list-style: none;display: flex;align-items: stretch;flex-wrap: wrap;}
.event-viewer-box .work-list-wrap .card .card-footer .config-photo-list li{flex: 0 0 85px;max-width: 85px;list-style: none;margin-right: 5px;margin-bottom: 5px;position: relative;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;height: 44px;}
.event-viewer-box .work-list-wrap .card .card-footer .config-photo-list li img{height: 100%;width: 100%;display: block;object-position: center;object-fit: cover;}

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

.event-viewer-box .work-list-wrap .card .card-footer .ct-brand{display: flex;flex-wrap: wrap;position: relative;padding:14px 0;align-items: center;}
.event-viewer-box .work-list-wrap .card .card-footer .ct-brand .ct-main-img{flex:0 0 100px;max-width: 100px;box-sizing: border-box;padding:0 10px 0 0;}
.event-viewer-box .work-list-wrap .card .card-footer .ct-brand .ct-main-img img{max-height: 80px;max-width:100%;display: block;margin:0 auto;}
.event-viewer-box .work-list-wrap .card .card-footer .ct-brand .ct-brand-img{flex:0 0 80px;max-width: 80px;padding-left:10px;box-sizing: border-box;max-height: 80px;}
.event-viewer-box .work-list-wrap .card .card-footer .ct-brand .ct-brand-img img{height: 100%;width: 100%;object-fit: contain;object-position: center;}
.event-viewer-box .work-list-wrap .card .card-footer .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;}
.event-viewer-box .work-list-wrap .card .card-footer .ct-brand .ct-brand-content p{margin:0 0 10px 0;line-height: 17px;}
.event-viewer-box .work-list-wrap .card .card-footer .ct-brand .ct-brand-content h4{margin: 0px;font-weight: 600;font-size: 14px;}
/*===== End : Event details popup like app ======*/

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

.min-vanbodyinfo{display: flex;align-items: stretch;}
.min-vanbodyinfo.vanbodyinfo-two{justify-content: center;}
.min-vanbodyinfo .van-body-item{flex: 0 0 25%; max-width: 25%;}
.min-vanbodyinfo .van-body-item svg {display: block;max-height: 115px;height: 100%;width: 100%;}
.min-vanbodyinfo .van-body-item .van-svg-box{padding-bottom: 15px;min-height: 130px;display: flex;align-items: center;justify-content: center;}

.van-body-slider .van-body-item{}
.van-body-slider .van-body-item svg {display: block;max-height: 150px;height: 100%;width: 100%;}
.van-body-slider .van-body-item .van-svg-box{padding-bottom: 0px;min-height: 160px;display: flex;align-items: center;justify-content: center;}
.van-body-slider .van-svg-option .van-svg-opt-items{margin-bottom: 0px;margin-top: 10px;}

.van-svg-option{padding:0 15px;}
.van-svg-option .van-svg-opt-items{border:1px solid #ddd;margin-bottom: 20px;background-color: #fff;display: none;}
.van-svg-option .van-svg-opt-items .opt-item-head{padding: 8px 12px;border-bottom: 1px solid #ddd;background-color: #fafafa;}
.van-svg-option .van-svg-opt-items .opt-item-body{padding: 8px 12px;}
.van-svg-option .van-svg-opt-items .opt-item-body ul{margin:0px;padding: 0px;}
.van-svg-option .van-svg-opt-items .opt-item-body ul li{display: inline-block;position: relative;margin-bottom:5px;margin-right:5px; }
.van-svg-option .van-svg-opt-items .opt-item-body.custom-checkbox ul li label{padding-left: 24px;font-size: 14px;display: block;line-height: 20px;word-break: break-word;}
.van-svg-option .van-svg-opt-items .opt-item-body.custom-checkbox ul li label:before{height:18px;width:18px;border-width: 1px;}
.van-svg-option .van-svg-opt-items .opt-item-body.custom-checkbox ul li label:after{border-left-width: 2px;border-bottom-width:2px;top: 4px;left: 3px; }
.van-svg-option .van-svg-opt-items .opt-item-body.custom-checkbox ul li input:checked + label:after {height: 7px;width: 12px;}

.van-svg-option .van-svg-opt-items .imgcard_inner{padding: 14px 8px 4px;display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;}
.van-svg-option .van-svg-opt-items .imgcard_inner .ccpimg{margin: 0 5px 10px;width: calc(33% - 12px);border: 1px solid #DDE5EB;border-radius:4px;overflow: hidden;position: relative;}
.van-svg-option .van-svg-opt-items .imgcard_inner .ccpimg img{max-width: 100%;margin: 0 auto;display: block;}
.van-svg-option .van-svg-opt-items .imgcard_inner .ccpimg .option-item-delete{position: absolute;top: 0;right: 0;height: 18px;width: 18px;z-index: 2;color: #f00;}

.van-svg-opt-items .file_section{border-top:2px solid #ddd;padding:8px;}
.van-svg-opt-items .file_section .fileinputwrap{position: relative;}
.van-svg-opt-items .file_section .fileinputwrap .form-control{width: calc(100% - 25px);}
.van-svg-opt-items .file_section .fileinputwrap .fileinputtrash{color:#f00;height: 22px;width: 22px;display: block;text-align: center;line-height: 22px;position: absolute;top: 50%;right: 0px;font-size: 16px;transform: translateY(-50%);}
.van-svg-opt-items .file_section .addfilebutton{text-align: center;}

.van-report-photo-item{display: flex;align-items: stretch;flex-wrap: wrap; flex-direction: row;margin:0px;padding:8px 12px;}
.van-report-photo-item figure{max-width:calc(100%/7 - 8px);flex:0 0 calc(100%/7 - 8px);list-style: none;margin-right: 8px;margin-bottom: 8px;position: relative;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.van-report-photo-item figure a:not(.option-item-delete){display: block;height: 95px;max-width:100%;position: relative;transition:all 0.2s ease-in-out;}
.van-report-photo-item figure a:not(.option-item-delete):before{content: "";position: absolute;top:100%;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.4);transition:all 0.2s ease-in-out;}
.van-report-photo-item figure a:not(.option-item-delete):after{content: "\f002";position: absolute;top:110%;left: 50%;transform: translate(-50%,-50%);font-family: 'FontAwesome';color: #fff;font-size: 16px;transition:all 0.2s ease-in-out;}
.van-report-photo-item figure a:not(.option-item-delete):hover:before{top: 0;}
.van-report-photo-item figure a:not(.option-item-delete):hover:after{top: 50%;font-size: 24px;}
.van-report-photo-item figure img{height: 100%;width: 100%;display:block;object-position: center;object-fit: cover;}
.van-report-photo-item figure figcaption{margin: 0;height: 32px;border-top: 1px solid #ddd;display: block;padding: 4px 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;width: 100%;box-sizing: border-box;}
.van-report-photo-item figure .option-item-delete{position: absolute;top: 0;right: 0;height: 18px;width: 18px;z-index: 2;color: #f00;}
.van-svg-option .van-report-photo-item figure{max-width: 100%;flex: 0 0 100%;margin: 0 0 10px 0;}

.van_svg_wrap.van-body-item .van-svg-box svg{height:100%;width:100%;display: block;}
.van_svg_wrap.van-body-item .van-svg-box{position: relative;height: 240px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

/*Note : wheel svg start*/
.swiper-wizard .wizard-body .van-wheel-slider .swiper-slide{padding: 0px;min-height: 450px;}
.swiper-wizard .wizard-body .van-wheel-slider .swiper-slide .carwheel_box,
.swiper-wizard .wizard-body .van-wheel-slider .swiper-slide .carwheel_box svg{max-height: 400px;}
.swiper-wizard .wizard-body .van-wheel-slider .swiper-slide .ss-panel{margin-bottom: 15px;}
.swiper-wizard .wizard-body .van-wheel-slider .swiper-slide .ss-panel .ss-panl-head{background-color: #4c4c4c;color:#FFD500;text-align: center;font-size: 18px;padding: 8px 12px;font-weight: 600;}
.swiper-wizard .wizard-body .van-wheel-slider .swiper-slide .ss-panel .ss-panl-body{background-color: #FFF;color:#303030;text-align: center;font-size: 18px;padding: 8px 12px;font-weight: 600;border-bottom: 1px solid #ddd;}
.sidewheelbox_panel{max-width: 340px;position: relative;margin:0 auto;}

.carwheel_box{position: relative;margin-bottom:0px;box-shadow:none;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;}

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

.wheel_calipers{width:320px;margin:0 auto;position: relative;}
.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{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 .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:7px;}
.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/van-body-img/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/van-body-img/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-body .wheelmm{text-align: center;margin-bottom:16px;}
.wheelmm-body .wheelmm p{display: inline-flex;padding: 4px 8px;border:1px solid #ddd;border-radius:4px;font-size:15px;margin:0px;white-space: nowrap;align-items: center;}
.wheelmm-body .wheelmm p output,
.wheelmm-body .wheelmm p b{font-size: 16px;color:#1b7f00;font-weight: bold;margin: 0 0 0 2px;padding: 0;display: inline}
.wheelmm-body .card-txt{text-align: center;}
.wheelmm-body .card-txt p{max-width: 80%;margin:0 auto 10px;font-size: 16px;}
/*===== End : Van SVG ======*/


/*=== customer dashboard */
.sw-three-button{margin-bottom: 30px;position: relative;}
.sw-three-button ul{margin:0px -15px;padding:0px;list-style: none;display: flex;align-items: stretch;justify-content: space-around;}
.sw-three-button ul li{max-width: calc(100%/2 - 30px);flex:0 0 calc(100%/2 - 30px);}
.sw-three-button ul li a{display: block;border:1px solid #dde5eb;background-color: #fff;padding:14px 16px;position: relative;border-radius: 4px;box-shadow: 0px 0px 2px rgb(0 0 0 / 5%);}
.sw-three-button ul li a img{max-width: 140px;max-height: 80px;display: block;margin: 0 auto;}
.sw-three-button ul li a p{font-size: 16px;line-height: 18px;margin: 10px 0 0 0;color:#465166;text-align: center;text-transform: capitalize;}

.sw-three-button1{margin-bottom: 30px;position: relative;}
.sw-three-button1 ul{margin:0px -15px;padding:0px;list-style: none;display: flex;align-items: stretch;justify-content: space-around;}
.sw-three-button1 ul li{max-width: calc(100%/5 - 30px);flex:0 0 calc(100%/5 - 30px);}
.sw-three-button1 ul li a{display: block;border:1px solid #dde5eb;background-color: #fff;padding:14px 16px;position: relative;border-radius: 4px;box-shadow: 0px 0px 2px rgb(0 0 0 / 5%);}
.sw-three-button1 ul li a img{max-width: 140px;max-height: 80px;display: block;margin: 0 auto;}
.sw-three-button1 ul li a p{font-size: 16px;line-height: 18px;margin: 10px 0 0 0;color:#465166;text-align: center;text-transform: capitalize;}

.customer-info-box .info-box-text{margin:0px;font-size: 16px;color:#334152;font-weight: 600;}
.customer-info-box p{margin:0px;font-size: 18px;color:rgba(51,65,82,0.7);font-weight: 600;}
.customer-info-box .info-box-content{height: 90px;display: flex;justify-content: center;flex-direction: column;}
/*=== customer dashboard*/

/*=== Start : Warehouse dashboard*/
.warehouse-content{}
.warehouse-content .piplines_wrapper{height: auto;margin: -15px 0px 20px -15px;}
.warehouse-content .piplines_wrapper{}
.wh-requests-row{background-color:rgba(255,213,0,0.51);display: flex;padding: 10px 16px;align-items: center;justify-content: space-between;border-bottom: 2px solid rgb(95 81 12 / 14%);}
.wh-requests-row .wh-requests-list{flex: 0 0 20%;max-width: 20%;display: flex;align-items: center;}
.wh-requests-row .wh-requests-list img{max-width: 28px;display: block;}
.wh-requests-row .wh-requests-list .wh-requests-list-info{position: relative;padding-left: 10px;}
.wh-requests-row .wh-requests-list .wh-requests-list-info h4{font-size: 17px;line-height: 25px;margin: 0; color: #3B3B3B;font-weight: 600;}
.wh-requests-row .wh-requests-list .wh-requests-list-info .wh-requests-bottom{display: flex;align-items: center;justify-content: space-between;padding-top: 2px;position: relative;font-size: 14px;}
.wh-requests-row .wh-requests-list .wh-requests-list-info .wh-requests-bottom span{color: #189500;font-weight: bold;}
.wh-requests-row .wh-requests-list .wh-requests-list-info .wh-requests-bottom b{color:#000000;font-weight: 600;margin-left: 15px}
.wh-requests-row .wh-requests-list .wh-requests-list-info .wh-requests-bottom .wh-list-total{color:#000000;}
.wh-requests-row .wh-requests-address{font-size: 14px;flex: 0 0 18%;max-width: 18%;padding: 0 15px;}
.wh-requests-row .wh-requests-address p{color:#3B3B3B;margin: 0;}
.wh-requests-row .wh-requests-address p b{font-weight: 600;}
.wh-requests-row .wh-requests-user-date{flex: 0 0 18%;max-width: 18%;font-size: 14px; border-radius: 4px;background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding:4px 8px;}
.wh-requests-row .wh-requests-user-date b{font-weight: 600;}
.wh-requests-row .wh-requests-user-date p{margin: 0;}
.wh-requests-row .wh-requests-btn{flex: 0 0 10%;max-width: 10%;padding: 0 0 0 16px;text-align: center;}
.wh-requests-row .wh-requests-btn .btn{color:#FFF700;background-color: #585858;border-color: #585858;letter-spacing: 0.4px;padding: 6px 18px;}
.wh-requests-row .wh-status-data{font-size: 14px;flex: 0 0 13%;max-width: 13%;padding: 0 0 0 15px;}
.wh-requests-row .wh-event-date{font-size: 14px;flex: 0 0 13%;max-width: 13%;padding: 0 0 0 15px;}
.wh-requests-row .wh-status-data span{display: block;margin-top: 1px;}
.wh-requests-row .wh-status-data-and-btn{flex: 0 0 22%;max-width: 22%;display: flex;align-items: center;}
.wh-requests-row .wh-status-data-and-btn span{display: block;margin-top: 1px;}
.wh-requests-row .wh-status-data-and-btn .wh-span-box{flex: 1;max-width: 100%;}
.wh-requests-row .wh-status-data-and-btn .wh-btn-box{display: flex;flex-direction: column;align-items:center;gap: 6px;}

.popup-whl-detail .wh-requests-row .wh-requests-list img{max-width: 30px;}
.popup-whl-detail .wh-requests-row .wh-requests-list .wh-requests-list-info h4{font-size: 16px;line-height: 24px;}
.popup-whl-detail .wh-requests-row .wh-status-data,
.popup-whl-detail .wh-requests-row .wh-requests-address,
.popup-whl-detail .wh-requests-row .wh-requests-list .wh-requests-list-info .wh-requests-bottom{font-size: 14px;}

.wh-work-manager table thead th{padding-bottom: 0}
.wh-work-manager table tbody td .btn[data-toggle="collapse"]{color:#303030;}
.wh-work-manager table tbody td .btn[data-toggle="collapse"] i{ font-size: 18px;}
.wh-work-manager table tbody td .btn[aria-expanded="true"] i:before{content: "\f068";}
.wh-work-manager{position: relative;background-color: #EFEEEE;}
.wh-prd-list table,
.wh-work-manager table{margin: 0;}
.wh-prd-list table thead th,
.wh-work-manager table thead th{border: 0px;text-align: center;color: #000000;}
.wh-prd-list table tbody td,
.wh-work-manager table tbody td{border: 0px;color: #000000;}
.wh-work-manager .wh-wm-van{max-width: 60px;position: relative;display: block;mix-blend-mode: multiply;    margin: 0 auto;}
.wh-work-manager p{margin: 0;}
.wh-work-manager .wh-wm-modal{max-width: 275px;}
.spo-tbl table tbody td .number_plate,
.wh-work-manager .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: 1.4px;margin:0;display: block; margin: 0 auto 2px;}
.wh-work-manager textarea.form-control{border-radius: 4px;resize: none;min-width: 200px;}
.wh-work-manager .form-group.icon_fc_riup{position: relative;margin: 0;padding:0 8px;}
.wh-work-manager .form-group.icon_fc_riup img{max-width: 28px;position: absolute;top: -12px;right: 12px;}
.wh-work-manager .form-group.icon_fc_arrow:after{content: "\f054";font-family: "FontAwesome";position: absolute;right: -13px;font-size: 18px;top: calc(50% - 9px);}
.wh_leads_list{border:1px solid #ddd;border-bottom-width:2px;}
.wh-prd-list{padding:8px;}
.wh-prd-list table{border:1px solid #ddd;}
.wh-prd-list table thead th{background-color: #F1F1F1;}
.wh-prd-list table tbody td{border-bottom:1px solid #ddd;}
.wh-prd-list table td .pl-img{max-width: 80px;max-height: 50px;mix-blend-mode: multiply;}
.wh-prd-list table td .btn-yellow{color:#000000;}
.wh-prd-list table td .form-control{padding: 2px 8px;height: 30px;border-radius: 7px;}
.wh-prd-list table td .custom-switch label{margin: 0;width: 72px;}
.wh-prd-list table td .custom-switch label:after{font-weight: normal;font-size: 10px;right: 5px;top: 2px;content: attr(data-text);}
.wh-prd-list table td .custom-switch input[type="checkbox"]:checked + label:after{color: #fff;right: 28px;}
.wh-prd-list table td .custom-switch input[type="checkbox"]:checked + label:before{left: 55px;}

.spo-tbl{}
.spo-tbl table{border-bottom: 2px solid #ddd;}
.spo-tbl table thead th{background-color: rgba(255,212,0,0.36);color:#000000;text-align: center;font-size: 16px;}
.spo-tbl table tbody td{color:#000000;text-align: center;font-size: 14px;}

.data-tbl-active-bold td{font-weight: bold;}
.wh-diff-delivery-date td{background-color:#f1d8d8;}

.intervention_lead_tbl{}
.intervention_lead_tbl .intervention_inner_tbl{position: relative;transition: height 1s ease-in-out; display: none}
.intervention_lead_tbl .intervention_inner_tbl .table{margin-top: 10px;margin-bottom: 0;}
.intervention_lead_tbl .intervention_inner_tbl .table tr th{background-color: #efefef;}
.intervention_lead_tbl .intervention_inner_tbl .table tr td{background-color: #fff;}
.intervention_lead_tbl .intervention_inner_tbl .table tr td.highlight-tdth{background-color: #d7d7d7;}
.intervention_lead_tbl .intervention_inner_tbl .table thead tr{border-top: none !important;}

.intervention_lead_tbl .intervention_inner_tbl .table tr td .photo-item-popup{}
.intervention_lead_tbl .intervention_inner_tbl .table tr td .photo-item-popup figure{flex: 0 0 64px;max-width: 64px;margin-right: 5px;margin-bottom: 5px;}
.intervention_lead_tbl .intervention_inner_tbl .table tr td .photo-item-popup figure a{height: 40px;}
.intervention_lead_tbl .intervention_inner_tbl .table tr td .photo-item-popup figure .extra_file_btn{font-size: 12px;padding: 2px 5px;margin: 9px 3px 0;}
.intervention_lead_tbl .intervention_inner_tbl .table tr td .photo-item-popup figcaption{font-size: 12px;padding: 2px 8px;height: 24px;}

.warehouse_ul_wrap{margin: 0;padding: 0;list-style: none;}
.warehouse_ul_wrap li{display: block;}
/*=== End : Warehouse dashboard*/

/*===== JQToast Start =======*/
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap { display: block; position: fixed; width: 250px;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index: 9000 !important; }
.jq-toast-wrap * { margin: 0; padding: 0; }

.jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; }
.jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; }
.jq-toast-wrap.top-left { top: 20px; left: 20px; }
.jq-toast-wrap.top-right { top: 20px; right: 40px; }

.jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }

.jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
.jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }

.jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
.jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }

.close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }

.jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; }
.jq-toast-loaded { width: 100%; }
.jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
.jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
.jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
.jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
.jq-icon-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color: #dff0d8; background-color: #3c763d; border-color: #d6e9c6; }

/*===== JQ Toast Over ========*/

/*===== Button Outline =======*/
.btn-light {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:hover {
    color: #292b2c;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #292b2c;
    background-color: #dae0e5;
    border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-primary {
    color: #047bf8;
    background-color: transparent;
    background-image: none;
    border:2px solid #047bf8;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #047bf8;
    border-color: #047bf8;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #047bf8;
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #047bf8;
    border-color: #047bf8;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
}
.btn-outline-secondary {
    color: #292b2c;
    background-color: transparent;
    background-image: none;
    border:2px solid #292b2c;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #292b2c;
    border-color: #292b2c;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #292b2c;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #292b2c;
    border-color: #292b2c;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
}
.btn-outline-success {
    color: #24b314;
    background-color: transparent;
    background-image: none;
    border:2px solid #24b314;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #24b314;
    border-color: #24b314;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #24b314;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #24b314;
    border-color: #24b314;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
}
.btn-outline-info {
    color: #5bc0de;
    background-color: transparent;
    background-image: none;
    border:2px solid #5bc0de;
}
.btn-outline-info:hover {
    color: #292b2c;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #292b2c;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
.btn-outline-warning {
    color: #fbe4a0;
    background-color: transparent;
    background-image: none;
    border:2px solid #fbe4a0;
}
.btn-outline-warning:hover {
    color: #292b2c;
    background-color: #fbe4a0;
    border-color: #fbe4a0;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #fbe4a0;
    background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #292b2c;
    background-color: #fbe4a0;
    border-color: #fbe4a0;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
}
.btn-outline-danger {
    color: #e65252;
    background-color: transparent;
    background-image: none;
    border:2px solid #e65252;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #e65252;
    border-color: #e65252;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #e65252;
    background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #e65252;
    border-color: #e65252;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
}
.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border:2px solid #f8f9fa;
}
.btn-outline-light:hover {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border:2px solid #343a40;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
    font-weight: 400;
    color: #047bf8;
    background-color: transparent;
}
.btn-link:hover {
    color: #0356ad;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}
.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #636c72;
}
/*======= Button Outline Over =====*/

.table.table-price-list{}
@media screen and (min-width:1380px) {
    .table.table-price-list:not(.tbl_online_user):not(.tblwithauto) td:first-child,
    .table.table-price-list:not(.tbl_online_user):not(.tblwithauto) th:first-child {width: 40%;}
    .table.table-price-list td.rpb_conte p{word-break: break-word;max-width:100%;margin: 0;}
}
@media screen and (max-width:1379px) {
    .table.table-price-list:not(.tbl_online_user):not(.tblwithauto) td:first-child,
    .table.table-price-list:not(.tbl_online_user):not(.tblwithauto) th:first-child {width:60%;}
    .table.table-price-list td.rpb_conte p{word-break: break-word;max-width: 520px;margin: 0;}
}
.table.table-price-list.tblwithauto td .form-control{border: 1px solid #9ca5af;border-radius: 0;height: auto;padding: 2px 4px;}
.table.table-price-list.tblwithauto td input[type='number']::-webkit-inner-spin-button,
.table.table-price-list.tblwithauto td input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
.table.table-price-list td,
.table.table-price-list th{padding: 4px 8px;border-color:rgba(83,101,140,0.33);}
.table.table-price-list thead.main-thead{background-color: #eef1f3;}
.table.table-price-list thead.main-thead-m{background-color: #c6d2e0;}
.table.table-price-list thead.main-thead th{font-size: 15px;text-transform: none;}
.table.table-price-list thead:not(.main-thead) th{font-size: 14px;text-transform: none;}
.table.table-price-list tbody td{font-size: 14px;text-transform: none;}
.table.table-price-list .tbl-category-img{}
.table.table-price-list .tbl-category-img img{height: 45px;width: 45px;object-fit: contain;}
.table.table-price-list .tbl-category-img p{margin:0px;display: inline-block}

.table.table-price-list .rpb_pr_item{max-width: calc(25% - 10px);flex:0 0 calc(25% - 10px);margin:0 5px 10px;border:1px solid #DDE5EB;border-radius: 4px;overflow: hidden;}
.table.table-price-list .rpb_pr_item .rpb_pr_img{max-width: 100%;margin: 0 auto;display: block;height:100px;}
.table.table-price-list .rpb_pr_item .rpb_pr_img img{height: 100%;width: 100%;display: block;object-fit: cover;object-position: center;}
.table.table-price-list .rpb_pr_item h4{font-size: 14px;text-align: center;white-space: nowrap;margin: 0;line-height: 18px;padding: 6px 4px;text-overflow: ellipsis;overflow: hidden;}

.table-price-list .price-tbl-title{font-size: 14px;font-weight: 700;color: #3E4B5B;margin-bottom: 4px;}
.table-price-list .price-tbl-ul{margin:0px;padding:0px;list-style: none;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
.table-price-list .price-tbl-ul li{flex: 0 0 50%;max-width: 50%;position: relative;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.table-price-list .price-tbl-ul li span{display: block;position: relative;}
.table-price-list .price-tbl-ul li span:first-child{font-weight: 500;margin-right: 8px;padding-right: 8px;}
.table-price-list .price-tbl-ul li span:first-child:after{content: "-";font-weight: bold;position: absolute;right: -3px;top: -1px;}
.table-price-list .img_list{}
.table-price-list .img_list li:not(.ccpimg){max-width: calc(100%/5 - 10px);flex: 0 0 calc(100%/5 - 10px);margin:0 5px 16px;border:1px solid rgba(0,0,0,.3);}
.table-price-list .img_list li a{}
.table-price-list .car-bodyinfo .img_list.img_list_name li.ccpimg{max-width: 100%;flex: 0 0 100%;margin: 0 0 10px 0;}
/*.table-price-list .car-bodyinfo .img_list.img_list_name li.ccpimg a{height: 150px;}*/

.table-price-list-hide.active{}
.table-price-list-hide.active thead tr th:nth-child(n+3):not(:nth-last-child(2)):not(:nth-last-child(1)){display: none;}
.table-price-list-hide.active tbody tr td:nth-child(n+3):not(:nth-last-child(2)):not(:nth-last-child(1)){display: none;}

.table-price-list-hide:not(.active) thead tr th:nth-last-child(2),
.table-price-list-hide:not(.active) thead tr th:nth-last-child(1),
.table-price-list-hide:not(.active) tbody tr td:nth-last-child(2),
.table-price-list-hide:not(.active) tbody tr td:nth-last-child(1){}


.table-price-list td .img_list.img_list_name .ccpimg{max-width: calc(100%/7 - 8px);flex: 0 0 calc(100%/7 - 8px);}
.table-price-list td .img_list.img_list_name .ccpimg a{height: 95px;}

table.tbl_online_user.table-price-list  .form-control:disabled,
table.tbl_online_user.table-price-list  .form-control[readonly]{background-color: #e9ecef;cursor: not-allowed;}

.detail-panel-box .box-body.report-detail-bar{padding: 5px 5px 10px 5px;display: flex;align-items: flex-start;}
.report-detail-bar .report-detail-address{flex:0 0 28%;max-width: 28%;position: relative;}
.report-detail-bar .report-detail-address p{position: relative;padding-left: 24px;margin:0px;}
.report-detail-bar .report-detail-address p i{position: absolute;left: 0;font-size: 22px;top: -1px;}
.report-detail-bar .report-detail-address p span{color:#BF0000;font-weight: 600;}
.report-detail-bar .report-detail-plate{flex:0 0 16%;max-width: 16%;position: relative;}
.report-detail-bar .report-detail-plate .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;display: block; margin: 0 auto;}
.report-detail-bar .report-detail-cartype{flex:0 0 28%;max-width: 28%;position: relative;display: flex;align-items: center;}
.report-detail-bar .report-detail-cartype img{max-width: 50px;flex: 0 0 50px;}
.report-detail-bar .report-detail-cartype p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;line-height: 15px;flex: 1;max-width: 100%;padding: 0 4px;margin:0px;font-weight: 600;}
.report-detail-bar .report-detail-cartype p span{font-weight: normal;}
.report-detail-bar .report-detail-extra{flex:0 0 28%;max-width: 28%;position: relative;display: flex;align-items: center;}
.report-detail-bar .report-detail-extra .left-side-icon{flex: 0 0 70px;max-width: 70px;display: flex;align-items: center;}
.report-detail-bar .report-detail-extra .left-side-icon i{font-size: 26px;height: 26px;}
.report-detail-bar .report-detail-extra .left-side-icon img{height: 24px;width: 24px;margin-left: 8px;}
.report-detail-bar .report-detail-extra .right-side-info{max-width: 100%;flex:1;}
.report-detail-bar .report-detail-extra .right-side-info p{margin: 0px;font-weight: 600;}

/*======= Start : Timepicker css =====*/
.ui-timepicker-list {overflow-y: auto;height: 150px;width: 6.5em;background: #fff;border: 1px solid #ddd;margin: 0;padding: 0;list-style: none;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);outline: none;z-index: 10001;}
.ui-timepicker-list.ui-timepicker-with-duration {width: 11em;}
.ui-timepicker-duration {margin-left: 5px; color: #888;}
.ui-timepicker-list:hover .ui-timepicker-duration {color: #888;}
.ui-timepicker-list li {padding: 3px 0 3px 5px;cursor: pointer;white-space: nowrap;color: #000;list-style: none;margin: 0;}
.ui-timepicker-list:hover .ui-timepicker-selected {background: #fff; color: #000;}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list:hover .ui-timepicker-selected:hover {background: #1980EC; color: #fff;}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {color: #ccc;}
.star-checked {color: orange;}
.skin-blue-light .content-header.head-bg-color{background-color: #f0f3f4;}
/*======= End : Timepicker css =====*/


/*======= Start : Sticky =====*/
.content.warehouse-content>.sticky-wrapper{margin-bottom: 20px;}
.is-sticky .js-sticky-main.piplines_wrapper{margin-top: 0;width: 100% !important;}
.js-sticky-bg .detail-panel-box.js-sticky-top:before{content: '';background-color: #f0f3f4;position: absolute;top: -20px;left: -10px;right: -10px;height: 20px;}
.content-head.js-sticky-main{background-color: #f0f3f4;}
/*.is-sticky .js-sticky-main h1{font-size: 17px;}*/
.is-sticky .js-sticky-main.head-bg-color{z-index: 12 !important;}
/*======= End : Sticky =====*/


/*======= Start : intervention-lead-list =====*/
.intervention_tbl_new_ui .table>tbody>tr>th,
.intervention_tbl_new_ui .table>tbody>tr>td{padding: 4px;font-size: 13px;font-weight: 600;}
.intervention_tbl_new_ui .table>tbody>tr>td span{display: block;color: #000;font-weight: 500;font-size: 13px;}

.targa_head_new_ui{}
.targa_head_new_ui .title_wrap{margin: 0 0 10px 0;font-size: 15px;font-weight: 600;}
.targa_head_new_ui ul{margin: 0;padding: 0;list-style: none;display: flex;align-items: center;justify-content: flex-start;}
.targa_head_new_ui ul li{}
.targa_head_new_ui ul li .number_plate{display: block;}
.targa_head_new_ui ul li:not(:last-child){margin-right: 8px;}

.targa_head_new_ui .btn{padding: 6.25px;border: 0px;line-height: 1;font-size: 14px;border-radius: 4px;font-weight: 600;height: 32px;width: 32px;display: flex;align-items: center;justify-content: center;box-shadow: none;}
.targa_head_new_ui .btn>i{font-size: 16px;font-weight: normal;}
.targa_head_new_ui .btn-warning{background: #FFF8E1; color: #FBB000;}
.targa_head_new_ui .btn-purple{background: #f7eaff;color:#8D3FBF;}
.targa_head_new_ui .btn-success{color:#1FB048;  background: #E7F7EA;}
.targa_head_new_ui .btn-info{background: #E3F3FF; color:#0D8DFF;}
.targa_head_new_ui .btn-danger{background:#FFEDF0; color:#EF4A42;}
.targa_head_new_ui .btn-dark{background:#F6F9FB; color:#191B1D;}
.targa_head_new_ui .btn-light{background: #F0F2F5;color:#191B1D;}

.targa_info_new_ui{margin:15px 0 0 0;padding: 0;list-style: none;border:1px solid #f4f4f4;max-width: 340px;}
.targa_info_new_ui li{display: flex;align-items: center;justify-content: flex-start;border-bottom:1px solid #f4f4f4;font-size: 13px;}
.targa_info_new_ui li:last-child{border-bottom:0px solid #f4f4f4;}
.targa_info_new_ui li .targa_info_title{font-weight: 600;padding: 4px;border-right:1px solid #f4f4f4;flex:0 0 110px;max-width: 110px;}
.targa_info_new_ui li .targa_info_content{flex:0 0 calc(100% - 110px);max-width: calc(100% - 110px);padding: 4px;}


/*======= End : intervention-lead-list =====*/


@media screen and (min-width: 1299px){
    .skin-blue-light .main-header .navbar .sidebar-toggle{display: none;}
    .navbar-custom-search{margin-left: 8px;}
}
@media screen and (max-width: 1760px){
    .navbar-custom-search{width: 240px;}
}
@media screen and (max-width: 1640px){
    .detail-box-row>.detail-panel-box{flex: 0 0 34%;max-width: 34%;}
    .detail-box-row>.detail-panel-box:first-child{flex: 0 0 66%;max-width: 66%;}
    .driver-info-row .driver-info-item{margin-right: 5px;flex: 0 0 105px;max-width: 105px;}
    .driver-info-row .driver-info-item:nth-child(4n){margin-right: 5px;}
    .driver-info-row .driver-info-item:nth-child(3n){margin-right: 0px;}
    .vehicle-info-body .vehicle-info-image{flex: 0 0 150px;max-width: 150px;padding: 8px;}
    .vehicle-info-body .vehicle-info-content {flex: 0 0 calc(100% - 150px);max-width: calc(100% - 150px);}
    .vehicle-info-body .vehicle-info-image img{max-width: 100%;}
    .inner-custom-nav.custom-nav>ul>li>a{letter-spacing: 0px;padding: 10px 4px;}

    .skin-blue-light .main-header .navbar .nav>li>a.icon-fi i{margin-left: 5px;font-size: 20px;width: 20px;}
    .skin-blue-light .main-header .navbar .nav>li>a.icon-fi{font-size: 14px;padding-left: 27px;}
    .skin-blue-light .main-header .navbar .nav>li>a.icon-img img {height: 24px;width: 24px;margin-left: 5px;}
    .skin-blue-light .main-header .navbar .nav>li>a.icon-fi:before{transform: scale(0.75);}
    .skin-blue-light .main-header .navbar .nav>li>a.icon-fi:hover:before {transform: scale(0.85);}
    .skin-blue-light .main-header .navbar .nav>li>a.icon-fi:before{left:4px;}
}
@media screen and (max-width: 1540px){
    .inner-custom-nav.custom-nav>ul>li>a>span{font-size: 12px;}
    .navbar-custom-search{width: 220px;}
}
@media screen and (max-width: 1460px){
    .navbar-custom-search .custom-serch-result{width: 280px;z-index: 1;}
    .navbar-custom-search { width: 180px;}
}
@media screen and (max-width: 1366px){
    .customer-vehicle-info>.card>.card-body .photo-item-popup figure,
    .customer-vehicle-info>.card>.card-body .owner-select-list li{flex: 0 0 83px;max-width: 83px;margin-right: 4px;margin-bottom: 5px;}
    .customer-vehicle-info>.card>.card-body .owner-select-list li img{max-width: 100%;max-height: 50px;}
    .customer-vehicle-info>.card>.card-body .photo-item-popup figure figcaption,
    .customer-vehicle-info>.card>.card-body .owner-select-list li p{height: auto;font-size: 12px;text-align: center;}
}