@import url(https://fonts.googleapis.com/css?family=Open+Sans);/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/.gmaps-overlay_arrow.above,.gmaps-overlay_arrow.below{border-left:16px solid transparent;border-right:16px solid transparent}.app-search a,.gmaps-overlay,.user-details .user-info{text-align:center}.gmaps,.gmaps-panaroma{height:300px;background:#eff3f6;border-radius:3px}.gmaps-overlay{display:block;color:#fff;font-size:16px;line-height:40px;background:#2f0840;border-radius:4px;padding:10px 20px}.gmaps-overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute}.gmaps-overlay_arrow.above{bottom:-15px;border-top:16px solid #2f0840}.gmaps-overlay_arrow.below{top:-15px;border-bottom:16px solid #2f0840}.wrapper-page{margin:7.5% auto;max-width:460px;position:relative}.wrapper-page .logo-admin{font-size:28px;line-height:70px}.wrapper-page .card{border:7px double #2f0840;border-radius:10px}.user-thumb{position:relative;z-index:999}.user-thumb img{height:88px;margin:0 auto;width:88px}.has_sub.nav-active i.mdi-chevron-right:before{content:"\F140"}.profile-dropdown{width:170px}.profile-dropdown i{font-size:17px;vertical-align:middle;margin-right:5px}.nav-user img{width:30px;height:30px}.arrow-none:after{border:none;margin:0;display:none}
.user-details{min-height:80px;padding:20px;position:relative}.user-details img{position:relative;z-index:9999;height:64px;width:64px}.user-details .user-info .user-status{display:inline-block;padding:3px 10px;border:1px solid rgba(34,34,34,.27);border-radius:20px;font-size:12px}.fixedrows{background:#d2d5e6;color:#434446;text-align:left;font-size:13px;font-weight:700}.fixedrowtest{text-align:center;font-size:12px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em;display:none}#movement-table_wrapper .DTFC_ScrollWrapper{height:auto!important}.buttons-colvis{display:none}.info-box{border-bottom-left-radius:5px;border-top-right-radius:5px;min-height:100px;width:100%;box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);margin-bottom:20px;padding:15px}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,.2);margin:5px -10px 5px 0;height:2px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{float:left;height:70px;width:70px;text-align:center;font-size:30px;line-height:74px;border-radius:100%}.info-box-number,.info-box-text,.progress-description{display:block;white-space:nowrap;overflow:hidden;text-align:right;float:right}.info-box-icon.push-bottom{margin-top:20px}.info-box-icon>img{max-width:100%}.info-box-content{padding:4px}.info-box-number{font-size:13px;color:#000;text-overflow:ellipsis;font-weight:400}.info-box-text,.progress-description{font-size:13px;color:green;text-overflow:ellipsis;font-weight:400;padding-bottom:10px}.info-box-number2,.info-box-text2,.progress-description{white-space:nowrap;overflow:hidden;color:#000;text-align:left;text-overflow:ellipsis;font-weight:400;display:block}.info-box-number2{font-size:13px}.info-box-text2,.progress-description{font-size:19px}.progress-description{margin:0}.mb-0,.navicon{margin-bottom:0!important}.bg-b-danger{background:linear-gradient(45deg,#f30c41,#eb66dd)}.bg-b-blue{background:linear-gradient(45deg,#1a77e2,#bfd6f1)}.bg-b-green{background:linear-gradient(45deg,#2ed8b6,#59e0c5)}.bg-b-orange{background:linear-gradient(45deg,#fda582,#f7cf68)}.bg-b-lightpurple{background:linear-gradient(45deg,#a5adea,#a5adea)}.bg-b-cyan{background:linear-gradient(45deg,#40ffed,#29b5af)}.bg-b-black{background:linear-gradient(45deg,#708090,#7c8ea0)}.bg-b-yellow{background:linear-gradient(45deg,#FFB64D,#ffcb80)}.bg-b-pink{background:linear-gradient(45deg,#FF5370,#ff869a)}.bg-b-gray{background:linear-gradient(45deg,#fff,#fff);border-radius:10px}.bg-b-gray2{background:linear-gradient(45deg,#bec3ef,#c5caf3);border-radius:10px}.info-box:focus{background-color:#2f0840;color:#fff}.app-search input.form-control2::-webkit-input-placeholder{color:rgba(255,255,255,.7)}.app-search input.form-control2:-moz-placeholder{color:rgba(255,255,255,.7)}.app-search input.form-control2::-moz-placeholder{color:rgba(255,255,255,.7)}.app-search input.form-control2:-ms-input-placeholder{color:rgba(255,255,255,.7)}.app-search .form-control2,.app-search .form-control2:focus{border:1px solid #898989;font-size:13px;height:40px;color:#fff;padding-left:20px;padding-right:40px;padding-top:0;background:#898989;box-shadow:none;border-radius:30px}.c3-axis-x .tick,.contentcol,.nonedisplay{display:none}#map_canvas,.sidebar-inner{height:100%}.custom-class-map-label,
.custom-class-map-label1.custom-class-map-label_truck,.custom-class-map-label11{text-align:center;font-weight:700;color:#0c0c0c;line-height:20px}.custom-class-map-label_truck{width:40px;height:40px;font-size:10px}.card2{position:relative;-ms-flex-direction:column;flex-direction:column;min-width:0;background-color:#ffffff;background-clip:border-box;border-radius:.25rem}#map_wrapper{height:540px}#map_canvas{width:100%}.mt-40{margin-top:45px}.mt-20{margin-left:3px}.pd-10{padding-top:10px}.pd-30{padding-left:30px}.ml-20{margin-left:20px}.custom-class-map-label{width:25px;height:25px;font-size:10px}
.custom-class-map-label1{width:60px;height:20px;border:1px solid #eb3a44;border-radius:5px;background:#fee1d7;font-size:12px}.boldfont{font-size:15px!important}.selected_div{background:#7197c887;color:#fff}.pd-1{padding:.25rem!important}.wd-300{max-width:300px!important}.wd-250{max-width:250px!important}.pd-0{padding:0 2px!important}.mt-23{margin-top:23px}.dropdw{height:36px!important}.colorgreen{color:green;font-size:13px}.icon-font{padding-right:1px;font-size:16px}.headercolor{font-size:19px!important;background-color:#2f0840!important;color:#fff!important;padding-left:3rem!important;margin:0!important}.pd-lrem{padding-left:1rem!important;padding-bottom:.5rem!important;padding-top:.5rem!important;font-size:13px!important}.map-box,.map-box2{position:absolute;z-index:3;width:250px;padding:5px;background-color:#fff}.pt-lrem{font-size:12px!important;font-weight:450}.black,.ft-size15{font-size:15px!important}.map-box{margin-top:100px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.map-box2{margin-top:4px;margin-left:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mt-neg20{margin-top:-72px!important;width:50px}.contentcol{overflow:visible;background-color:#f1f1f1}.navicon{margin-top:10px;COLOR:#fff}.mtlogo{padding-left:14px!important;margin-top:10px!important}.mt-15{padding-left:30px!important;margin-top:15px!important}.black{color:#000}.linkunder{margin-left:10px;color:#2f0840;text-decoration:underline}.text-center{text-align:center!important}.tbl_slg,.txc{text-align:center}.colorred{color:red}.colwhite{background:#fff}.heightwidth{height:660px!important}.custom-class-map-label2{width:83px;height:21px;border:1px solid #eb3a44;border-radius:5px;background:#fee1d7;text-align:center;line-height:20px;font-weight:700;font-size:11px;color:#eb3a44}.pointer{cursor:pointer!important}

/* .gmaps-overlay_arrow.above,.gmaps-overlay_arrow.below{border-left:16px solid transparent;border-right:16px solid transparent}.app-search a,.gmaps-overlay,.user-details .user-info{text-align:center}.gmaps,.gmaps-panaroma{height:300px;background:#eff3f6;border-radius:3px}.gmaps-overlay{display:block;color:#fff;font-size:16px;line-height:40px;background:#001e6c;border-radius:4px;padding:10px 20px}.gmaps-overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute}.gmaps-overlay_arrow.above{bottom:-15px;border-top:16px solid #001e6c}.gmaps-overlay_arrow.below{top:-15px;border-bottom:16px solid #001e6c}.wrapper-page{margin:7.5% auto;max-width:460px;position:relative}.wrapper-page .logo-admin{font-size:28px;line-height:70px}.wrapper-page .card{border:7px double #001e6c;border-radius:10px}.user-thumb{position:relative;z-index:999}.user-thumb img{height:88px;margin:0 auto;width:88px}.has_sub.nav-active i.mdi-chevron-right:before{content:"\F140"}.profile-dropdown{width:170px}.profile-dropdown i{font-size:17px;vertical-align:middle;margin-right:5px}.nav-user img{width:30px;height:30px}.arrow-none:after{border:none;margin:0;display:none}
.user-details{min-height:80px;padding:20px;position:relative}.user-details img{position:relative;z-index:9999;height:64px;width:64px}.user-details .user-info .user-status{display:inline-block;padding:3px 10px;border:1px solid rgba(34,34,34,.27);border-radius:20px;font-size:12px}.fixedrows{background:#d2d5e6;color:#434446;text-align:left;font-size:13px;font-weight:700}.fixedrowtest{text-align:center;font-size:12px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em;display:none}#movement-table_wrapper .DTFC_ScrollWrapper{height:auto!important}.buttons-colvis{display:none}.info-box{border-bottom-left-radius:5px;border-top-right-radius:5px;min-height:100px;width:100%;box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);margin-bottom:20px;padding:15px}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,.2);margin:5px -10px 5px 0;height:2px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{float:left;height:70px;width:70px;text-align:center;font-size:30px;line-height:74px;border-radius:100%}.info-box-number,.info-box-text,.progress-description{display:block;white-space:nowrap;overflow:hidden;text-align:right;float:right}.info-box-icon.push-bottom{margin-top:20px}.info-box-icon>img{max-width:100%}.info-box-content{padding:4px}.info-box-number{font-size:13px;color:#000;text-overflow:ellipsis;font-weight:400}.info-box-text,.progress-description{font-size:13px;color:green;text-overflow:ellipsis;font-weight:400;padding-bottom:10px}.info-box-number2,.info-box-text2,.progress-description{white-space:nowrap;overflow:hidden;color:#000;text-align:left;text-overflow:ellipsis;font-weight:400;display:block}.info-box-number2{font-size:13px}.info-box-text2,.progress-description{font-size:19px}.progress-description{margin:0}.mb-0,.navicon{margin-bottom:0!important}.bg-b-danger{background:linear-gradient(45deg,#f30c41,#eb66dd)}.bg-b-blue{background:linear-gradient(45deg,#1a77e2,#bfd6f1)}.bg-b-green{background:linear-gradient(45deg,#2ed8b6,#59e0c5)}.bg-b-orange{background:linear-gradient(45deg,#fda582,#f7cf68)}.bg-b-lightpurple{background:linear-gradient(45deg,#a5adea,#a5adea)}.bg-b-cyan{background:linear-gradient(45deg,#40ffed,#29b5af)}.bg-b-black{background:linear-gradient(45deg,#708090,#7c8ea0)}.bg-b-yellow{background:linear-gradient(45deg,#FFB64D,#ffcb80)}.bg-b-pink{background:linear-gradient(45deg,#FF5370,#ff869a)}.bg-b-gray{background:linear-gradient(45deg,#fff,#fff);border-radius:10px}.bg-b-gray2{background:linear-gradient(45deg,#bec3ef,#c5caf3);border-radius:10px}.info-box:focus{background-color:#001e6c;color:#fff}.app-search input.form-control2::-webkit-input-placeholder{color:rgba(255,255,255,.7)}.app-search input.form-control2:-moz-placeholder{color:rgba(255,255,255,.7)}.app-search input.form-control2::-moz-placeholder{color:rgba(255,255,255,.7)}.app-search input.form-control2:-ms-input-placeholder{color:rgba(255,255,255,.7)}.app-search .form-control2,.app-search .form-control2:focus{border:1px solid #898989;font-size:13px;height:40px;color:#fff;padding-left:20px;padding-right:40px;padding-top:0;background:#898989;box-shadow:none;border-radius:30px}.c3-axis-x .tick,.contentcol,.nonedisplay{display:none}#map_canvas,.sidebar-inner{height:100%}.custom-class-map-label,
.custom-class-map-label1.custom-class-map-label_truck,.custom-class-map-label11{text-align:center;font-weight:700;color:#0c0c0c;line-height:20px}.custom-class-map-label_truck{width:40px;height:40px;font-size:10px}.card2{position:relative;-ms-flex-direction:column;flex-direction:column;min-width:0;background-color:#ffffff;background-clip:border-box;border-radius:.25rem}#map_wrapper{height:540px}#map_canvas{width:100%}.mt-40{margin-top:45px}.mt-20{margin-left:3px}.pd-10{padding-top:10px}.pd-30{padding-left:30px}.ml-20{margin-left:20px}.custom-class-map-label{width:25px;height:25px;font-size:10px}
.custom-class-map-label1{width:60px;height:20px;border:1px solid #eb3a44;border-radius:5px;background:#fee1d7;font-size:12px}.boldfont{font-size:15px!important}.selected_div{background:#7197c887;color:#fff}.pd-1{padding:.25rem!important}.wd-300{max-width:300px!important}.wd-250{max-width:250px!important}.pd-0{padding:0 2px!important}.mt-23{margin-top:23px}.dropdw{height:36px!important}.colorgreen{color:green;font-size:13px}.icon-font{padding-right:1px;font-size:16px}.headercolor{font-size:19px!important;background-color:#001e6c!important;color:#fff!important;padding-left:3rem!important;margin:0!important}.pd-lrem{padding-left:1rem!important;padding-bottom:.5rem!important;padding-top:.5rem!important;font-size:13px!important}.map-box,.map-box2{position:absolute;z-index:3;width:250px;padding:5px;background-color:#fff}.pt-lrem{font-size:12px!important;font-weight:450}.black,.ft-size15{font-size:15px!important}.map-box{margin-top:100px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.map-box2{margin-top:4px;margin-left:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mt-neg20{margin-top:-72px!important;width:50px}.contentcol{overflow:visible;background-color:#f1f1f1}.navicon{margin-top:10px;COLOR:#fff}.mtlogo{padding-left:14px!important;margin-top:10px!important}.mt-15{padding-left:30px!important;margin-top:15px!important}.black{color:#000}.linkunder{margin-left:10px;color:#001e6c;text-decoration:underline}.text-center{text-align:center!important}.tbl_slg,.txc{text-align:center}.colorred{color:red}.colwhite{background:#fff}.heightwidth{height:660px!important}.custom-class-map-label2{width:83px;height:21px;border:1px solid #eb3a44;border-radius:5px;background:#fee1d7;text-align:center;line-height:20px;font-weight:700;font-size:11px;color:#eb3a44}.pointer{cursor:pointer!important} */







/* tr.highlighted td{background-color:rgba(91,107,232,.15)} */
/* tr.highlighted td{background-color:#9fceed;}.custom-class-map-label11{width:60px;height:20px;border:1px solid #eb3a44;border-radius:5px;background:#ffffff;font-size:12px}
#alert_msg{padding:0 21%}.disflex{display:flex!important}.grapbut{background-color:#001e6c!important;border:1px solid #001e6c!important;color:#fff;border-radius:3px;font-size:15px;width:75px}.vishid{visibility:hidden}.pdt-23{padding-top:23px}.cirinn{line-height:11px;margin:13px 0;font-size:.95rem}.card3{position:relative;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;background-color:#dadefd;background-clip:border-box;border-radius:.25rem}.clrfuel{color:#0bc918}
.brdr{border-radius:10px}.sidebarpad{padding:10px 25px!important}.alrt_btn{border:none;background:0 0;color:#2d3b48;padding:14px 13px}.icn_ml{margin-left:30px;color:#707070}.tbl_slg{white-space:nowrap;overflow:hidden;padding:5px!important;font-size:14px}.ft_sz14{font-size:14px!important}.ft_25{font-size:25px}.ft_18{font-size:18px}.botdes{margin-top:41px}.padeql_icn{padding:5px}.pd_side_bar{padding-top:0px;padding-bottom:0px;background-color:#001e6c}.mt-8{margin-top:8px}.nav-imgpd{margin-left:-6px;margin-top:1px}.but-padaddveh{padding-left:70px!important;padding-right:70px!important} */


tr.highlighted td{background-color:#9fceed;}.custom-class-map-label11{width:60px;height:20px;border:1px solid #eb3a44;border-radius:5px;background:#ffffff;font-size:12px}
#alert_msg{padding:0 21%}.disflex{display:flex!important}.grapbut{background-color:#2f0840!important;border:1px solid #2f0840!important;color:#fff;border-radius:3px;font-size:15px;width:75px}.vishid{visibility:hidden}.pdt-23{padding-top:23px}.cirinn{line-height:11px;margin:13px 0;font-size:.95rem}.card3{position:relative;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;background-color:#dadefd;background-clip:border-box;border-radius:.25rem}.clrfuel{color:#0bc918}
.brdr{border-radius:10px}.sidebarpad{padding:10px 25px!important}.alrt_btn{border:none;background:0 0;color:#2d3b48;padding:14px 13px}.icn_ml{margin-left:30px;color:#707070}.tbl_slg{white-space:nowrap;overflow:hidden;padding:5px!important;font-size:14px}.ft_sz14{font-size:14px!important}.ft_25{font-size:25px}.ft_18{font-size:18px}.botdes{margin-top:41px}.padeql_icn{padding:5px}.pd_side_bar{padding-top:0px;padding-bottom:0px;background-color:#2f0840}.mt-8{margin-top:8px}.nav-imgpd{margin-left:-6px;margin-top:1px}.but-padaddveh{padding-left:70px!important;padding-right:70px!important}


.brdr:hover {
   transform: scale(1.02);
   /* background-color: cyan; */
 }

.gm-style-iw {
   width: 400px !important;
}
.editable{
   display:none;
}
.action-icon{
   font-size:20px;
}
.checkbox-1{
   width: 20px;
   height: 20px;
}
.hiearNameLink, .CallDistributer{
   padding: 1px;
   /*border: none;*/
}

.popupimage{
   width: 900px;
   margin: auto;
   text-align: center
}
.popupimage img{
   width: 200px;
   height: 200px;
   cursor: pointer
}
.showimage{
   z-index: 999;
   display: none;
}
.showimage .overlayimage{
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.66);
   position: absolute;
   top: 0;
   left: 0;
}
.showimage .img-show{
   width: 600px;
   height: 400px;
   background: #FFF;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   overflow: hidden
}
.img-show span{
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 99;
   cursor: pointer;
}
.img-show img{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}
/*End style*/
span.popubwidth{
width:100px
}
.dashboard-highlight{
   font-weight: 700!important;
   font-size: 28px;
}
.dashboard-highlight1{
   font-weight: 700!important;
   font-size: 28px;
   color: #000
}
.dash-content{
   font-size: 18px;
   color: #000
}
.dash-avatar-sm {
   height: 3.25rem;
   width: 3.25rem;
}
.dash-card-box{
   background-color: #fff;
   padding: 0.5rem;
   -webkit-box-shadow: 0px 0px 5px 4px rgba(112, 104, 112, 0.4);
   -moz-box-shadow: 0px 0px 5px 4px rgba(112, 104, 112, 0.4);
   box-shadow: 0px 0px 5px 4px rgba(112, 104, 112, 0.4);
   margin: 6px;
   margin-bottom: 4px;
   border-radius: .25rem;
   height: 125px;
   width: 95%;
}
.btn-m{
   padding: .5rem 1rem;
   font-size: 1.125rem;
   line-height: 1;
   border-radius: .15rem;
}
.invoice-view-list{
   font-size: 14px;
   line-height: 1.4285714286em;
   color: #06263a;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   padding-right: 0.7142857143em;
   float: left;
   width: 100%;
}
.invoice-view-list-price{
   font-size: 14px;
   line-height: 1.4285714286em;
   float: right;
}
.lte {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   width: 150px
}
.selected_inovoice{
   background-color: rgba(70,190,138,0.1);    
}

/* width */
::-webkit-scrollbar {
 width: 15px;
 height: 15px;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px grey; 
 border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: #414d5f; 
 border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #414d5f; 
}

#invoice-item tr { 
   /* line-height: 41px;  */
}

.right { 
   text-align: right; 
}
   
   
.select2-selection{
/* width: 600px !important; */
}


@media print
{
   
   .max-height-class { 
       height:100%  !important; 
       overflow-y:unset !important;
       -webkit-print-color-adjust: exact; 
   } 
   
}

.invoice-table{
    
    color: #000000;
    font-size: 1rem; 
    width: 100%;
    margin-bottom: 1.5rem;
}
.invoice-table td, .invoice-table th {
   padding: 0.4615384615em 0.4538461538em 0.4615384615em 0;
   vertical-align: top;
   /* border-top: 1px solid #dee2e6; */
}
.invoice-table tr {
   border-top: 1px solid #dee2e6;
}
.invoice-table tr:hover{
   background-color: #2abd2a2e;
}

.selected-view{
   background-color: #2abd2a2e;
}
.month-report-selected{
   background-color: #1a33632e;
}

.page-likne-new{
   position: relative;
   display: block;
   margin-left: -1px;
   line-height: 2.2;
   color: #414d5f;
   background-color: #fff;
   border: 1px solid #dee2e6;
   width: 29px;
   text-align: center;
}

.page-item.active .page-likne-new{ 
   z-index: 1;
   color: #fff;
   background-color: #188ae2;
   border-color: #188ae2;
}
/* .max-height-class-left{ width:400px;
   height:200px;
   overflow:scroll;
  } */


/* Let's get this party started */
.max-height-class-left::-webkit-scrollbar {
width: 8px;
}

/* Track */
.max-height-class-left1::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
-webkit-border-radius: 10px;
border-radius: 10px; */
}

/* Handle */
.max-height-class-left::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #6872b7cc; 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


/* Let's get this party started */
.max-height-class::-webkit-scrollbar {
   width: 8px;
   }
   
   /* Track */
   .max-height-class1::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   -webkit-border-radius: 10px;
   border-radius: 10px; */
   }
   
   /* Handle */
   .max-height-class::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #6872b7cc; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
   }


   

/* Let's get this party started */
.datatable-height::-webkit-scrollbar {
   width: 8px;
   }
   
   /* Track */
   .datatable-height1::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   -webkit-border-radius: 10px;
   border-radius: 10px; */
   }
   
   /* Handle */
   .datatable-height::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #6872b7cc; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
   }

   iframe{
       border: none;
   }

   iframe::-webkit-scrollbar-track {
       /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
       -webkit-border-radius: 10px;
       border-radius: 10px; */
       }
       
       /* Handle */
       iframe::-webkit-scrollbar-thumb {
       -webkit-border-radius: 10px;
       border-radius: 10px;
       background: #6872b7cc; 
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
       }
       thead, tbody tr {
           width:100%;
           table-layout:fixed;
       }
       tfoot tr {
         display:table;
         width:100%;
         table-layout:fixed;
       }
        tr > td:first-child { padding-left:5px }
        tr > td:last-child { padding-right:5px }
        tr > th:first-child { padding-left:5px }
        tr > th:last-child { padding-right:5px }
        .loader {
           border: 8px solid #f3f3f3;
           border-radius: 50%;
           border-top: 8px solid #3498db;
           width: 37px;
           height: 37px;

           -webkit-animation: spin 2s linear infinite; /* Safari */
           animation: spin 2s linear infinite;
         }
         
         /* Safari */
         @-webkit-keyframes spin {
           0% { -webkit-transform: rotate(0deg); }
           100% { -webkit-transform: rotate(360deg); }
         }
         
         @keyframes spin {
           0% { transform: rotate(0deg); }
           100% { transform: rotate(360deg); }
         }
         /* Absolute Center Spinner */
.loading {
   position: fixed;
   z-index: 1061;
   height: 2em;
   width: 2em;
   overflow: show;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }
 
 /* Transparent Overlay */
 .loading:before {
   content: '';
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
     background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
 
   background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
 }
 
 /* :not(:required) hides these rules from IE9 and below */
 .loading:not(:required) {
   /* hide "loading..." text */
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }
 
 .loading:not(:required):after {
   content: '';
   display: block;
   font-size: 10px;
   width: 1em;
   height: 1em;
   margin-top: -0.5em;
   -webkit-animation: spinner 150ms infinite linear;
   -moz-animation: spinner 150ms infinite linear;
   -ms-animation: spinner 150ms infinite linear;
   -o-animation: spinner 150ms infinite linear;
   animation: spinner 150ms infinite linear;
   border-radius: 0.5em;
   -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
 box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
 }
 
 .sec-loading {
   position: fixed;
   z-index: 1061;
   height: 2em;
   width: 2em;
   overflow: show;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }
 
 /* Transparent Overlay */
 .sec-loading:before {
   content: '';
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
     background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
 
   background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
 }
 
 /* :not(:required) hides these rules from IE9 and below */
 .sec-loading:not(:required) {
   /* hide "sec-loading..." text */
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }
 
 .sec-loading:not(:required):after {
   content: '';
   display: block;
   font-size: 10px;
   width: 1em;
   height: 1em;
   margin-top: -0.5em;
   -webkit-animation: spinner 150ms infinite linear;
   -moz-animation: spinner 150ms infinite linear;
   -ms-animation: spinner 150ms infinite linear;
   -o-animation: spinner 150ms infinite linear;
   animation: spinner 150ms infinite linear;
   border-radius: 0.5em;
   -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
 box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
 }
 .third-loading {
   position: fixed;
   z-index: 1061;
   height: 2em;
   width: 2em;
   overflow: show;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }
 
 /* Transparent Overlay */
 .third-loading:before {
   content: '';
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
     background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
 
   background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
 }
 
 /* :not(:required) hides these rules from IE9 and below */
 .third-loading:not(:required) {
   /* hide "third-loading..." text */
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }
 
 .third-loading:not(:required):after {
   content: '';
   display: block;
   font-size: 10px;
   width: 1em;
   height: 1em;
   margin-top: -0.5em;
   -webkit-animation: spinner 150ms infinite linear;
   -moz-animation: spinner 150ms infinite linear;
   -ms-animation: spinner 150ms infinite linear;
   -o-animation: spinner 150ms infinite linear;
   animation: spinner 150ms infinite linear;
   border-radius: 0.5em;
   -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
 box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
 }
 /* Animation */
 
 @-webkit-keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @-moz-keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @-o-keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 #userPassword{
   -webkit-text-security:disc;
}
.enlarged > .left-side-menu> .organization-switch{
 display: none;
}

.non-editable-dropdown{
 display:none;
}
.co-ellipsis{
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 padding-right: 0.7142
}
.colapse-table table,.colapse-table tr,.colapse-table td {
 border-collapse: collapse;
 /* border:  1px solid #092357; */
 border:  1px solid #2f0840;
}
.dateCell{
 position: relative;
 padding:0px;
}
.table-form-control {
 display: block;
 width: 100%;
 
 
 line-height: 1.5;
 color: #6c757d;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .2rem;
 
}
.dot {
 height: 12px;
 width: 12px;
 background-color: red;
 border-radius: 50%;
 display: inline-block;
}
.dot1 {
 height: 12px;
 width: 12px;
 background-color:green;
 border-radius: 50%;
 display: inline-block;
}
.ms-options-wrap{
 width:100%;
}
.multiselect-list hr{
 margin:6px;
}
.mm-active.submenu {
 /* background-color: #3c4556; */
 background-color: #7c4090;
 
}

td[title]:hover::after {
 content: attr(title);
 position: absolute;
 color: red;
 top: -100%;
 left: 0;
}
.horizontal-scroll-except-first-column {
 width: 100%;
 overflow: scroll;
 position: relative;
}
.horizontal-scroll-except-first-column > table > tbody > tr > td:first-child {
 position: -webkit-sticky; 
 position: sticky;
 top: 0;
 /* background: #092357ed; */
 background: #2f0840ed;
 color: #FFF;
 text-align: right;
}

.horizontal-scroll-except-first-column > table > tbody > tr > td {
 left: 0;
 z-index: 1;
}
/* 

.horizontal-scroll-except-first-column > table > thead > tr > th {
 position: -webkit-sticky; 
 position: sticky;
 top: 0;
 background: #092357;
 color: #FFF;
 text-align: right;
}
*/

.horizontal-scroll-except-first-column > table >thead > tr:first-child > th {
 position:sticky;
 top:0;
 z-index:2;
}
.horizontal-scroll-except-first-column > table >thead > tr.second >th{
 position:sticky;
 top:33px;
 z-index:2;
}

.horizontal-scroll-except-first-column > table > thead > tr:first-child > th:first-child  {
 position: sticky;
 left: 0px;
 top: 0px;
 z-index: 3;
 text-align: right;
 /* background-color: #092357ed; */
 background-color: #2f0840ed;
}
.scroll-first-col-month-report {
   width: 100%;
   overflow: auto;
   /* position: absolute; */
  }
  
  .scroll-first-col-month-report > table > tbody > tr > td {
   left: 0;
}
  .scroll-first-col-month-report > table >thead > tr > th {
   position:sticky;
   top:0;
   z-index:5;
   /* background-color: #092357ed; */
   background-color: #2f0840ed;
}
  .scroll-first-col-month-report > table > tbody > tr > td:first-child
  {
   z-index: 1;
   position: -webkit-sticky; 
   position: sticky;
   top: 0;
   
  }
  .scroll-first-col-month-report > table > tbody > tr:not(.month-report-selected) > td:first-child
  {
   background: #fff;
  }
  .scroll-first-col-month-report > table > thead > tr> th:first-child  {
      position: sticky;
      left: 0px;
      top: 0px;
      z-index: 6;
      /* background-color: #092357ed; */
      background-color: #2f0840ed;
  }
 #counter-sale-item tr { 
   line-height: 20px; 
}
.days-td{
   text-align: center;
}
.filter-content{
   max-height: 400px;
   
   background-color:#e5e5e5;
   box-shadow: 0px 0px 5px 4px rgb(112 104 112 / 40%);
   margin-bottom: 4px;
   border-radius: .25rem;
}
.strike-val{
 text-decoration: line-through 1px solid red;
}
.report-table-header{
   color: #fff;
   /* background-color: #092357; */
   background-color: #2f0840;
   border-color: #424c5c;
   font-size: 14px;

   }
   thead.report-table-header > tr > th{
      padding-right: 5px;
      padding-left: 5px;
   }
tbody.report-table-body > tr > td{
         padding-right: 5px;
         padding-left: 5px;
         border-right: 1px solid #00000012;
  }
  .report-table{
     /* color: #434546; */
     color:#0e0f0f;
  }
  .dash-amount{
   text-align: center;
   font-weight: 900;font-size: 23px;color: #000;
  }
  @media only screen and (max-width: 1200px) {
   .dash-amount{
      text-align: center;
      font-weight: 900;font-size: 16px;color: #000;
     }
     .mh{
        display: none;
     }
     .ms{
      display: show;
    }
  }
  @media only screen and (min-width: 1200px) {
     .mh{
        display: show;
     }
     .ms{
      display: none;
    }
  }
  
  @media 
only screen and (max-width: 800px) {
 .dmp0{
    padding: 0px;
 }
 .mp0{
   padding: 0px;
}
	/* Force table to not be like tables anymore */
	 table.dash-summary-table *  { 
		display: block; 
	}
	table.dash-summary-table  { 
		display: block; 
	}
   table.dash-summary-table > tbody > tr { 
		padding: 1px ;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.dash-summary-table > thead > tr:nth-child(2) { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	
	table.dash-summary-table > tbody > tr > td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.dash-summary-table > tbody > tr > td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 40%; 
      text-align: right;
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
   table.dash-summary-table > tbody > tr {
      border: 1px solid black;
   }
   table.dash-summary-table > tbody > tr >td{
      border-bottom: 1px solid #eee;
   }
   
	table.dash-summary-table > tbody > tr >  td:nth-of-type(1):before { content: "Beat Name"; }
	table.dash-summary-table > tbody > tr > td:nth-of-type(2):before { content: "Billed Shops"; }
	table.dash-summary-table > tbody > tr > td:nth-of-type(3):before { content: "Total Sales"; }
	table.dash-summary-table > tbody > tr > td:nth-of-type(4):before { content: "Collectios"; }
	table.dash-summary-table > tbody > tr > td:nth-of-type(5):before { content: "Sales Credit"; }
	table.dash-summary-table > tbody > tr > td:nth-of-type(6):before { content: "Sales Return"; }
	table.dash-summary-table > tbody > tr > td:nth-of-type(7):before { content: "Diff Amount"; }

   
	/* Force table to not be like tables anymore */
   table.currect-stock-table *  { 
		display: block; 
	}
	table.currect-stock-table  { 
		display: block; 
	}
   table.currect-stock-table > tbody > tr { 
		padding: 1px ;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.currect-stock-table > tbody > tr:nth-child(1) { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	
	table.currect-stock-table > tbody > tr > td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.currect-stock-table > tbody > tr > td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 40%; 
      text-align: right;
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	table.currect-stock-table > tbody > tr >  td:nth-of-type(1):before { content: "Good Value"; }
	table.currect-stock-table > tbody > tr > td:nth-of-type(2):before { content: "Expiry"; }
	table.currect-stock-table > tbody > tr > td:nth-of-type(3):before { content: "Damage"; }
	
}
.view-active-btn{
   background-color: crimson;
   color: white;
}
.table-responsive>table>thead
{
   white-space: nowrap;
    position: sticky;
    top: 0px;
   z-index: 1;
}



table.highlight-row-col> tbody > tr >td
{
   position: relative;
}



table.highlight-row-col> * > tr:hover{
   background-color: rgba(85, 64, 202, 0.39);
   transition: background-position 0.5s ease-out;
}
table.highlight-row-col> tbody > tr >  td:not(:first-child):hover::after
 { 
   background-color: rgba(85, 64, 202, 0.39);
   content: '\00a0';  
   height: 10000px;    
   left: 0;
   position: absolute;  
   top: -5000px;
   width: 100%;   
   
}
td.mdi-monitor-screenshot:before{
   color: red;

}
 
td.mdi-cellphone-iphone:before{
   color: red;

}
.mobile-access::before{
   color: blue;
   }
.web-access::before{
      color: orange;
   }

   .round{
      font-size: 26px;
border: 3px solid #f8f8fe;
border-radius: 50%;
color: #5b6be8;
display: inline-block;
font-weight: 400;
background: #e1e4fb;
line-height: 60px;
width: 60px;
height: 60px;
text-align: center;
   }

   .text-lightdark{color:#444}.text-greylight{color:#c1c5e2}.text-redclr{color:red}
   .text-white{color:#fff!important}.text-danger{color:#ec536c!important}.text-muted{color:#707070!important}.text-primary{color:#5b6be8!important}.text-warning{color:#f5b225!important}.text-success{color:#3cab94!important}.text-info{color:#40a4f1!important}.text-dark{color:#2d3b48!important}.text-lightblue{color:#67a8e4!important}

   .btn-border{
      border-radius: 1.15rem;
   }
   .custom-class-map-label6{width:auto;height:21px;border:1px solid #8d8a8a;border-radius:5px;background:#e2dddb;text-align:center;line-height:20px;font-weight:700;font-size:11px;color:#000;}
   .media-progress {
      /*BG*/
      position: relative;
      width: 100%;
      display: inline-block;
      cursor: pointer;
      height: 14px;
      background: gray;
      border: none;
      vertical-align: middle;
    }
    
    .media-progress::-webkit-progress-bar {
      /*Chrome-Safari BG*/
      background: gray;
      border-radius: 13px;
      border: none
    }
    
    .media-progress::-webkit-progress-value {
      /*Chrome-Safari value*/
      /* background: #001e6c; */
      background: #2f0840;
      border-radius: 13px;
      border: none
    }
    
    .media-progress::-moz-progress-bar {
      /*Firefox value*/
      /* background: #001e6c; */
      background: #2f0840;
      border-radius: 13px;
      border: none
    }
    
    .media-progress::-ms-fill {
      /*IE-MS value*/
      /* background: #001e6c; */
      background: #2f0840;
      border-radius: 13px;
      border: none
    }

    a.fa.fa-check.active-group {

      width: 100%;
      background-color: #dcdbe7;
      color: black;
    }
    .table-column-fixed-header {
      position: sticky;
      background-color: transparent;
      /* left: 0; */
      left: 0px;
      top: 0px;
      z-index: 3;
      
  }
    .table-column-fixed-driver {
      position: sticky;
      background-color: #fff; 
      left: 0;
      z-index: 1;
  }


  .report-table-fixed_header{
   top:0;
   position : sticky;
   z-index: 2;

   }
.td-table-dash{
   /* border-bottom: 2px solid #092357; */
   border-bottom: 2px solid #2f0840;
}

.theme_bg_color {
   background-color: #2f0840 !important;
 }

 .tabletd-date-Time-Picker , .datetimepicker3 , .dateonly{
   position:relative;
 }