.autentication-bg::before {   
    background: linear-gradient(to right, rgb(3 132 251 / 62%) 0, rgb(3 132 251 / 35%) 100%) !important;
}
.btn-primary {
    background-color: rgb(3 132 251) !important;
     border-color: transparent !important; 
    color: #fff !important;
}
.btn-primary:hover {
    background-color: rgb(48 51 94) !important;
     border-color: transparent !important; 
    color: #fff;
}

.search_filter li
{
	padding-right:15px;
}
.div_fade{
	opacity: 0;
   transition: opacity 0.5s ease-in-out; /* Change duration and easing function as needed */
}
.float_right{
	float: right !important;
}
.filter_button_top{
    margin-top: 30px;
}


#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%;}


.larger-icon {
        font-size: 24px;
    }


/* UL alignment for view pages */
.four-column-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.four-column-list li {
    width: calc(25% - 20px); /* 25% width for each column with some margin */
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* Clear floating after every fourth item */
.four-column-list li:nth-child(4n) {
    margin-right: 0;
}

/* Clear floating for the last row */
.four-column-list:after {
    content: "";
    display: table;
    clear: both;
}
.four-column-list label::after {
    content: ":";
    float: right; /* Move the colon to the right */
    margin-left: 25px; /* Add some spacing between the label and colon */
}

.export_margin_class
{
    margin-right: 10px;
}

ul{padding:0}
ul li{list-style-type:none;}
.driverinfo_common ul.company_info_list.model_inf {
    width: 100%;
}
.company_info_list.model_inf li {
    width: 23%;
    float: left;
    margin:0 0 10px 0;
 
}
/*.company_info_list.model_inf li.even{background-color:#ddd;}*/
.driverinfo_common ul li label {
    overflow-wrap: break-word;
}
.driverinfo_common ul li label {
    float: left;
    width: 250px;
    font-size: 13px;
    color: #333;
    position: relative;
    padding-right: 15px;
}

.driverinfo_common ul li{
    width: 50%;
    overflow-wrap: break-word;
}
.driverinfo_common ul li label:before{
    position: absolute;
    top: 0;
    right: 15px;
    content: ":";
    font-size: 13px;
    color: #333;
}
.driverinfo_common ul.company_info_list {
    width: 48%;
    padding-right: 2%;
}
.driverinfo_common ul{
    float: left;
    width: 100%;
    display: table;
}
.formRight{padding:0 0 0 20px;margin:0;}


.custom-list .row div {
    padding: 10px;
}
/* Style for odd list items */
.custom-list li:nth-child(odd) {
    background-color: #f2f2f2;
}

/* Style for even list items */
.custom-list li:nth-child(even) {
    background-color: #ffffff;
}

.dashboard_count_chart{
    display: block; box-sizing: border-box; height: 64px; width: 96px;
}