#fade {position: fixed;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.4);display: none;top: 0;left:0;}
.close{opacity: 1;}

.modal.fade.in{z-index:999;}


.form-group.div_fade{position: relative;}
.form-group.div_fade:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;content: '';z-index: 99;opacity: 0.8;}





.modal.fade.in{z-index: 9999 !important}

.steps .form_inner.fade {opacity: 0.3;position: relative;}
.steps .form_inner.fade::after{position: absolute;content: '';left:0;width: 100%;height: 100%;z-index: 1;}
.steps .form_inner.fade .form-group.btn-block .btn-primary{display: none;}

.form_inner.fade {opacity: 0.3;position: relative;}
.form_inner.fade::after{position: absolute;content: '';left:0;width: 100%;height: 100%;z-index: 1;}
.form_inner.fade .form-group.btn-block .btn-primary{display: none;}

.form-group.btn-block .btn.fade{display: none;}

.edit_comp_opt_fade{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;background: rgba(0,0,0,0.6);width: 100%;height: 100%;display: none;}
.editcomp_opt_popup{position: fixed;top: 30%;left: 50%;width: 350px;margin-left: -175px;background: #fff;border: 3px solid #6B7580;border-radius: 10px;-webkit-border-radius: 10px;padding: 15px;z-index: 999;display: none;}
.edit_comp_opt_fade.active,.editcomp_opt_popup.active{display: block;}

.modal.fade.thumride_report_popup.popupopen.in{background: none;box-shadow:none}


.modal.fade.thumride_log_popup.popupopen.in{background: none;box-shadow:none}

#fadeout1{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;    background: rgba(0,0,0,0.6);display: none;
    width: 100%;height: 100%;}
    #fadeout2{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;    background: rgba(0,0,0,0.6);display: none;
    width: 100%;overflow-x: hidden;overflow-y: auto;}
   
#import_fadeout{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;    background: rgba(0,0,0,0.6);display: none;
    width: 100%;height: 100%;}


.live_trip_right_box{position:absolute;right:0px;top:-50px;padding:0 20px;float:left;width:100%;z-index:0;}
#on_going_trip_map{position:relative;}
.live_trip_right_box ul li,.live_trip_right_box ul{float:left;clear:both;width:100%;padding:2px 0;margin:0;}
.live_trip_right_box ul li{float:none;width:24%;display: inline-block;text-align: center;}
.live_trip_right_box span{width:100%;padding:7px 5px 7px 35px;font-weight:500;font-size:14px;line-height:30px;color: var(--default-text-color);}
.live_trip_right_box span.map_available{background:url(../../images/dashboard_icons/map_available_icon_common.png) no-repeat left center;}
.live_trip_right_box span.map_ontrip{background:url(../../images/dashboard_icons/map_waiting_icon_common.png) no-repeat left center;}
.live_trip_right_box span.map_inactive{background:url(../../images/dashboard_icons/map_incactive_icon_common.png) no-repeat left center;}
.live_trip_right_box span.map_shiftout{background:url(../../images/dashboard_icons/map_shiftout_icon_common.png) no-repeat left center;}
.map-padding{padding:60px 20px 20px 20px!important;}
.gm-style{color:#000 !important}
.fe-moon:before,.fe-sun:before{position: relative;top:4px;}
.fe-search:before{position: relative;bottom:4px;}
.app-sidebar .main-sidebar-header{padding:15px 15px !important;}
.main-header-container .header-link{padding:11.5px !important}
.app-sidebar .slide__category{display: none;}
.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {border-bottom-color: rgb(59 118 225) !important;}

/*scroll*/

/*body{overflow:hidden !important;}
.page{overflow: auto;height:100vh}
.app-sidebar .main-menu{margin:0 !important}*/