:root {
    --primary-color: #1570EF; /* Default value */
    --primary-lighter-color:#EFF8FF;
    --primary-rgba-color:21,112,239;
	--toastify-color-light-rgba: 255,255,255;
	
}
.nModeOn {
    --primary-focused-color:#202124 !important;
}
.nModeOff{
    --primary-focused-color:var(--primary-lighter-color);
}
.primary-color{
   color: var(--primary-color);
}
.btn-primary{
    border-color: var(--primary-color) !important;
}
.border-grey{
    border-color:#eaecf0 !important;
}

body {
    font-family: 'Inter', sans-serif;
}
.cursor-pointer {
    cursor: pointer;
}

.pr-0 {
    padding-right: 0px;
}
.d {
    background-color: #6fd088;
}

.sb {
    background-color: #ffbb44;
}

.on {
    background-color: #0f9cf3;
}

.off {
    background-color: #667085;
}

.pc {
    background-color: #875bf7;
}

.ym {
    background-color: #ef6820;
}

.D {
    background-color: #16B364
}

.SB {
    background-color: #EAAA08;
}

.LI {
    background-color: #ffbb44;
}

.ON {
    background-color: #2E90FA;
}

.OFF {
    background-color: #667085;
}

.PC {
    background-color: #875BF7;
}

.YM {
    background-color: #ef6820;
}

/* status color */
.DS_D {
    background-color: #16B364;
}

.DS_SB {
    background-color: #EAAA08;
}

.DR_LOGIN {
    background-color: #667085;
}

.DR_LOGOUT {
    background-color: #667085;
}

.align-right {
    text-align: right !important;
}

.eld_input_search{
    width:100% !important;
}
.auth-body-bg {
    background: #fff;
}

.text-danger {
    color: #F04438 !important;
    font-size: 12px !important;
}
form .text-danger{
     margin-top: 5px; 
    letter-spacing: 0.05rem;
}

.text-success {
    color: #16B364 !important;
}

.text-off {
    color: #667085 !important;
}

.dateRangePickerClass {
    background : black;
}
#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 0px;
    position: relative;
}

body {
    height: 100%;
    background-color: #fff;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E;
}

.form-select,
.form-control{
    border-radius: 8px !important; 
}
@media (max-width:1680px)
{
.form-select,
.form-control{
    font-size:13px;
}
}

/*Blue Buttons*/
#msform .action-button {
    width: 100px;
    background: skyblue;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

/*Previous Buttons*/
#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

/*Dropdown List Exp Date*/
select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue;
}

/* .access_group input {
    height: auto !important;
    display: inline-flex !important;
    width: 20px;
    float: left;
    margin-top: 3px;
} */
/* common css */
@media (min-width:768px)
{
.h-m-100 {
    min-height: 100vh;
}

.h-m-100 .page-content {
    min-height: 100vh;
}
}
/*The background card*/
.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}



/*Imaged Radio Buttons*/
.radio-group {
    position: relative;
    margin-bottom: 25px;
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px;
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

/*Fit image in bootstrap div*/
.fit-image {
    width: 100%;
    object-fit: cover;
}

i.dripicons-arrow-thin-right,
i.dripicons-arrow-thin-left {
    vertical-align: middle;
    line-height: 2px;
}
.nModeOff form label {
    color: #344054;
}
.card-body form label {
    font-size: 14px;
    font-weight: 500;
}

i.dripicons-plus.font-size-20.vertical-align-top {
    vertical-align: sub;
}
/* .previous {
    margin-right: 8%;
} */

/*<!--header-->*/

i.ri-truck-line {
    font-size: 24px;
    color: #344054;
}
.nModeOff .page-content {
    background: #fff;
}

.bg-violet {
    background: #875BF7;
}

.bg-orange {
    background: #EF6820;
}

.nModeOff p {
    color: #475467;
}
.nModeOff .border-right {
    border-right: 1px solid #e8e8e8;
}
.border-right {
    vertical-align: middle;
    display: block;
    padding-right: 8px;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    text-align: left;
    white-space: nowrap;
    font-family: 'Inter'
}

.table-background i {
    vertical-align: middle;
}

.table {
    border: 1px solid #EAECF0;
    border-radius: 8px; 
    border-spacing: 0px;
    border-collapse: separate;
}

.table-background th:nth-child(1),
.table-background th:nth-child(2) {
    text-align: left;
}

.table-background th:last-child {
    text-align: center;
}

.table-background th {
    font-weight: 700;
    font-size: 11px;
    color: #667085;
    padding-left: 0.45rem !important;
    padding-right: 0.4rem !important;
    vertical-align:middle;
}
/* Add this to your styles.css */

.table-draggable tbody tr {
    cursor: move;
  }  
@media (min-width:768px) and (max-width:1299px)
{
    table th,
    table td {
        font-size: 12px !important;
    }
    #layout-wrapper h3 {
        font-size: 18px !important;
    }
    .m-mt-2 {
        margin-top: 0.5rem !important;
    }
    .alert-dismissible .btn-close {
        background-size: 9px 20px;
        background-position: top;
    }
    .ri-checkbox-blank-circle-fill.vehicles_clustered_icon {
        font-size: 13px !important;
    }

}
@media (min-width:768px) and (max-width:991px)
{
    /* .table-responsives {
        overflow-x: scroll !important;
    } */
    button#page-header-user-dropdown {
        display: contents !important;
    }
    .label-hidden{
        display:none;
    }
    .top_header {
        height: auto !important;
    }
}

tbody,
td,
tfoot {
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

.table-background td:last-child {
    /* text-align: center; */
}

.table-background.left-style-table td:last-child {
    text-align: left !important;
}
.table-responsives {
    overflow-x: auto;
}
.nModeOff table.table thead {
    background: #F2F4F7;
}
.table-background th:first-child,
.table-borderless th:first-child{
border-top-left-radius: 8px;
}

.table-background th:last-child,
.table-borderless th:last-child {
border-top-right-radius: 8px;
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem!important;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color:#F9FAFB;
}
.nModeOff .table-striped tbody tr:nth-of-type(odd) {
    background-color:#fff;
    --bs-table-accent-bg:#fff;
}
.nModeOff .table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color:#fff;
    --bs-table-accent-bg:#fff;
}

.nModeOff .table-striped>tbody>tr:nth-of-type(odd)>*,
.nModeOff table.table-striped td {
    color: #344054;
}
.table-hover>tbody>tr:hover>*{
    --bs-table-accent-bg:#F2F4F7 !important;  
    --bs-table-hover-color: #344054;
}
.table-hover>tbody>tr>*{
--bs-table-striped-color: #344054;
--bs-table-active-color: #344054;
}
td.last_sync {
    white-space: break-spaces;
    font-size: 13px;
}
/*	search data before table
*/

@media (max-width:767px)
{
    .table-responsives {
        overflow-x: scroll !important;
    }
    .pl-mobile-0{
        padding-left:0px !important;
    }
    .pr-mobile-0{
        padding-right:0px !important;
    }
    .css-14el2xx-placeholder{
        font-size:13px;
    }
    a.add-button, .add-button, .btn.btn-outline-danger,.cancel-btn {
        font-size: 13px;
    }
    table td {
        font-size: 13px !important;
    }
}
@media (min-width:1300px) and (max-width:1680px)
{
    table.table td {
        font-size: 12px;
    }
}

@media (min-width:1681px)
{
    table.table th {
        font-size: 12px;
        line-height:1.6;
    }  
    .main-content.full_height {
        height: 100vh
    }
    .main-content.full_height .page-content {
        height: 100%;
    }
    
    table .ti-edit,
    table .ti-square-x {
        font-size: 17px;
    }
   
}
.table.dt-responsive td {
    padding: 0.5rem 0.5rem !important;
}
table.table td {
    text-align: left;
}
.nModeOff .table tbody tr:last-child td:first-child{
    border-bottom-left-radius: 8px;
}
.nModeOff .table tbody tr:last-child td:last-child{
    border-bottom-right-radius: 8px;
}

.bg-green {
    background: #16B364
}

.bg-gray {
    background: #667085;
}

.custtom-btns:hover {
    color: #fff;
}

.border-bottom-new-color {
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 15px
}

.notification-item .d-flex {
    align-items: flex-start;
}


.iconic i {
    font-size: 7px;
}

.iconic {
    line-height: 10px;
}

.text-orangs {
    color: #F04438;
}

.nModeOff .border-color {
    border-color: #D0D5DD !important;
}
.border-color {
    border-radius: 8px;
}

.color-grey {

    color: #667085;
}

.table-background .mdi-phone-outgoing-outline::before {
    color: #98A2B3;
}

.nModeOff .table-background .ri-chat-3-line:before,
.nModeOff .table-background .mdi-pulse::before,
.nModeOff .table-background .ti-map-pin,
.nModeOff table .text-grey {
    color: #98A2B3;
}
table.table.table-background.dt-responsive td.text-center {
    text-align: center !important;
}

.add-button {
    background: var(--primary-color);
    color: #fff;
    height: 40px;
    padding: 0px 10px;
    border-color: var(--primary-color);
    border-radius: 8px;
    line-height: initial;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

}
.cancel-btn #myTabContent .company_btn button,
.cancel-btn,
.line-logout-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    line-height: initial;
}
.add-button:hover {
    background-color: var(--primary-color);
    color: #fff;
    opacity:0.9;
}

.add-driver form-control {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.select2-container .select2-selection--single {
    height: 40px;
    border-radius: 8px;
    line-height: 40px;
    border-color: #D0D5DD;
}

.cancel-btn {
    height: 40px;
    width: 80px;
    border-radius: 8px;
}

.user-input:before {
    content: "\eac3";
    font-family: "tabler-icons";
    position: absolute;
    left: 21px;
    top: 33px;
    font-size: 18px;
    z-index: 444;
}
.nModeOff .user-input:before,
.nModeOff .e-mail-icon:before,
.nModeOff .phone-icon:before {
    color: #667085;
}

.e-mail-icon:before {
    content: "\eae5";
    font: normal normal normal 24px/1 "tabler-icons";
    font-style: normal;
    position: absolute;
    left: 21px;
    top: 40px;
    font-size: 21px;
    z-index: 444;
}

.form-group.calender-icon input {
    padding-left: 36px;
}

.calender-icon:before {
    content: "\ea53";
    font-family: 'tabler-icons' !important;
    font-style: normal;
    position: absolute;
    left: 15px;
    top: 50%;

    font-size: 21px;
    z-index: 444;
    color: #8c94a4
}

span.selection {
    font-size: 16px;
}

.border-radius-8 {
    border-radius: 8px;
}

.phone-icon:before {
    content: "\eb09";
    font-family: 'tabler-icons' !important;
    font-style: normal;
    position: absolute;
    left: 21px;
    top: 32px;
    font-size: 21px;
    z-index: 444;
}

.e-mail-icon .form-control,
.phone-icon .form-control,
.user-input .form-control {
    padding-left: 29px;
}
.records_center{
    text-align: center !important;
}

.form-control .input-mask {
    padding-left: 36px;
}

.add-button-edit:hover {
    color: #fff;
}

.add-button-edit {

    background: var(--primary-color);
    color: #fff;
    height: 36px;
    padding: 6px 10px;
    border-color: var(--primary-color);
    border-radius: 8px;
}

/* Sidebar */

.pd-0 {
    padding-bottom: 0px !important;
}

/* Modal box */
.fade.nModeOff.modal.show {
    background-color: transparent !important;
}
.modal-open .modal-backdrop {
    z-index: 1111 !important;
}
.modal-open .nModeOff.modal {
    /* z-index: 11111 !important; */
}
.modal-open .modal-dialog {
    top: 5% !important;
}
.modal {
    padding: 0px !important;
    width: 100%;
    z-index:1111;
}
.nModeOff .modal-title{
    color:#1D2939;
}
div#contained-modal-title {
    font-size: 16px;
    font-weight: 600;
  }
.modal-dialog {
    margin: 0.25rem auto;
}

.modal-header {
        border-bottom: 0px;
    }
.modal .modal-footer{
    border-top:0px;
    padding:0px;
}
.btn-outline-grey {
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.btn-outline-grey:hover {
    background: #6c757d;
    color: #fff;
}
.modal .modal-footer .add-button:hover{
    background-color: var(--primary-color);
    border:1px solid var(--primary-color);
    opacity:0.9;
}
.modal .large_text_para p {
    font-size: 14px;
    color: #475467;
    font-weight: 400;
    margin-bottom: 10px;
}

.modal .modal-content{
    width: 95%;
    margin: 0 auto;
}
.modal .modal-footer button.btn.btn-modal-grey{
    background-color: #fff;
    color: #6c757d;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
}
.modal .modal-footer button.btn.btn-modal-grey:hover{
    background-color: #6c757d;
    color: #fff;
}
.modal .modal-footer button{
    height: 40px;
    font-weight: 500;
    line-height: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    border-radius:8px;
    font-size:13px;
}
@media (max-width:767px)
{
    .modal .modal-footer button{
        font-size:12px;
    }
   
}
@media (max-width:607px)
{
    .page-content {
        padding-top: 110px !important;
    }
}
@media (min-width:608px) and (max-width:767px)
{
    .page-content {
        padding-top: 97px !important;
    } 
}

@media (min-width:768px) and (max-width:1100px)
{
    .dropdown-account a,
    .dropdown-account button {
        padding: 6px 16px !important
    }
        button.date_filter_style,
        button.date_filter_style {
            height: 38px !important;
            font-size: 11px !important;
        }
    .modal-footer .add-button{
        padding-left: 18px !important;
        padding-right: 18px !important;
        display: inline-block !important;
        min-width:auto !important;
    }
}
.remove-label-btn {
    color: #b42318;
    border: 1px solid #b42318;
    padding: 7px 8px;
    font-size: 14px;
    background-color: #fff;
    transition: all .3s ease;
    box-shadow: none;
}
.remove-label-btn:hover {
    background-color: #fceae8;
    transition: all .3s ease;
}

#modal_subscription .modal-footer .add-button:hover,
#edit_payment_modal .add-button:hover,
#transfer-modal .btn-primary:hover,
#transfer-modal-dwn .btn-primary:hover,
form.search-data.add-driver .modal-footer button.btn.d-block.add-button:hover,
.add-driver .add-button:hover{
    /* background-color: #175cd3;
    border:1px solid #175cd3;  */
    background-color: var(--primary-color);
    border:1px solid  var(--primary-color);
    opacity:0.9;
}
.btn-outline-danger{
    background-color: transparent !important;
}
/*<!---paginations-->*/

div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

.pagination-rounded .page-link {
    width: 35px;
}

/*<!---chat pages css*/
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.refresh-btn-div {
    text-align: right;
    margin-right: 0px;
}

.btn-style-right {
    display: inline-block;
}


.css-1s2u09g-control,.css-1pahdxg-control,
.dark__control--is-disabled {
    line-height: 1;
    overflow: hidden;
    border-radius:8px !important;
}
@media (min-width:1300px) and (max-width:1680px)
{

    /* .css-qc6sy-singleValue{
        font-size:13px;
        } */
        .ifta_select .css-1s2u09g-control, 
        .ifta_select .css-1pahdxg-control{
            min-height: 40px!important;
        height: 40px;
        }
}

@media (min-width:1300px) and (max-width:1680px)
{
    .card-info-page .css-1s2u09g-control,.card-info-page .css-1pahdxg-control {
        min-height: 38px!important;
        height: 38px !important;
    }
}
@media (min-width:1300px)
{
    .css-tlfecz-indicatorContainer svg,.css-1gtu0rj-indicatorContainer svg {
        height: 14px !important;
        width: 14px !important;
    }
    .app-search span {
        line-height: 40px !important;
    }

    .css-1s2u09g-control,.css-1pahdxg-control {
        min-height: 38px!important;
        height: 38px
    }
    .filter-section-group .form-select{
        min-height: 38px!important;
        height: 38px;
        font-size:13px;
        
    }
}
.select__indicator-separator.css-1okebmr-indicatorSeparator{
    background:none;
}
.css-tlfecz-indicatorContainer svg path,.css-1gtu0rj-indicatorContainer svg path{
    fill:#464c58;
    }
@media (min-width:1300px) and (max-width:1680px){
.css-qc6sy-singleValue{
    font-size:13px;
    line-height: 35px;
}
.card_personal select {
    font-size: 13px !important;
    background-size: 12px 9px;
}
}

.dark__value-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.dark__control .dark__input-container{
    height: 100% !important;
    margin: 0px !important;
    padding-top: 0px !important;
    padding-bottom:0px !important;
}
.dark__value-container,
.dark__single-value,
.dark__control input,
.select_update input,
.select-boz-style input{
      height:100%;
}

.nModeOff .dark__single-value {
    color: #12161c;
}

.nModeOff .form-control::placeholder,
.nModeOff .css-14el2xx-placeholder {
    color: #636d7f !important;
}

.nModeOff textarea:focus-visible {
    outline: 0px;
}

.nModeOff .css-1pahdxg-control {
    outline: 0px !important;
    box-shadow: none;
    border: 1px solid var(--primary-color) !important;
}

@media (max-width:767px){
    .css-qc6sy-singleValue{
        font-size:12px;
        line-height: 35px !important;
    }
    .css-1s2u09g-control,.css-1pahdxg-control {
        min-height: 40px!important;
        height: 40px
    }
    .dark__single-value {
        height: 40px;
        top: 0px;
        position: absolute;
        width: 100%;
    }
    .mobile-px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .css-tlfecz-indicatorContainer svg,
.css-1gtu0rj-indicatorContainer svg{
    height:12px !important;
    width:12px !important;
}
.calender-icon:before {
    left: 20px;
    top: 51%;
}
div.dataTables_info,
div.dataTables_paginate {
    text-align: center;
    margin-top: 1rem;
}
}

/* @media (min-width:1200px) and (max-width:1400px)
{
.css-qc6sy-singleValue {
    line-height: 35px !important;
}
} */
/* Page Title */

/* Filter option */
.nModeOff .driver-logs-detail-section label,
.nModeOff .form-label-logs label,
.nModeOff .tob-section-option label,
.nModeOff .filter-section-group label
 {
    font-weight: 500;
    color: #344054;
}

@media (min-width:768px) and (max-width:1680px)
{
    .drive-hos-label label,
    .logs_filter_col label,
    .tob-section-option label,
    .driver-logs-detail-section label,
    .filter-section-group label {
        font-size: 12px !important;
    }
    
    .cancel-btn {
        /* height: 40px !important;
        font-size: 13px !important; */
        /* line-height: inherit; */
    }
    button.date_filter_style {
        padding: 6px 5px !important;
    }
    /* button.date_filter_style {
       
    }    */
    /* .logs_date_col .ti, .logs_date_col1 .ti {
        font-size: 15px !important;
    } */
}
/* return Button design */
.return_btn_style {
    padding: 0.47rem 0.75rem 0.47rem 0.75rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    line-height: 22px;
    width: 100%;
}
.nModeOff .return_btn_style {
    border-color: #D0D5DD;
}
@media (min-width: 1201px) and (max-width: 1680px){
    .return_btn_style{
        font-size:12px !important;
        height: 40px !important;
    }
    /* .add-button{
        font-size:12px;
    } */
    .drive-hos-label .form-select,
    .tob-section-option .form-select {
        background-size: 16px 8px;
    }  
}

@media (max-width:1680px)
{
.drive-hos-label .form-select,
.tob-section-option .form-select {
    height: 40px ;
    line-height: inherit !important;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
}
}
@media (min-width:1680px){
    .tob-section-option .form-select{
        font-size:0.9rem;
    } 
}
@media (max-width:767px)
{
    button.return_btn_style {
        width: auto !important;
    }
    button.date_filter_style {
        justify-content: left  !important;
        font-size: 13px !important;
        font-weight: 400;
        width:auto;
    }
    .mt-pt-2 {
        margin-top: 10px;
    }
    .mb-pt-3 {
        margin-top: 10px;
    }
    /* .form-group {
        margin-bottom: 0rem;
    } */
    .mobile_mt-2{
        margin-top:14px !important;
    }
    
    .label-hidden {
        display: none !important;
    }
    .navbar-header .app-search {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left:0px !important;
    }
    .navbar-header .app-search.d-lg-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media screen and (min-width: 1101px) and (max-width: 1299px){
    .logs_date_col .date_filter_style,
    .logs_date_col1 .date_filter_style,
    .return_btn_style,
    .date_filter_style,
    .driver-logs-detail-section select {
        height: 38px !important;
    }
}
@media (min-width:768px) and (max-width:1299px)
{
    .driver-logs-detail-section select,
    .tob-section-option select,
    .filter-section-group select {
        font-size: 12px !important;
    }
    /* .vertical-menu {
        border-right: 1px solid #e7e7e7;
    } */
    .select-boz-style .css-qc6sy-singleValue {
        /* font-size: 10px; */
        font-size:11px;
        /* color: #667085; */
        /* line-height:35px; */
    }
    /* .navbar-header .header_notification_sec .btn.header-item {
        padding-left:10px !important;
        padding-right:10px !important;
    } */
    .cancel-btn {
        height: 38px;
        /* padding: 6px 18px !important; */
        font-size: 12px;
    }

}
@media (min-width:1356px) and (max-width:1500px)
{
    .main-content .logs_date_col .app-search .form-control,
    .main-content .tob-section-option .app-search .form-control,
    .main-content .filter-section-group .app-search .form-control,
    .main-content button.date_filter_style {
        width: 180px !important;
}
}
/* Form select */
@media (min-width: 1300px) and (max-width: 1500px){

.main-content .drive-hos-label .form-select,
/* .main-content button.date_filter_style, */
.main-content .tob-section-option .form-select {
    width: 180px
}
}

button.date_filter_style {
    border-radius: 8px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 16px 8px;
    line-height: initial;
}

@media (min-width:1681px)
{
    button.date_filter_style {
        padding: 6px 7px;
        font-size: 13px !important;
        line-height: 40px !important;

    }  
    .return_btn_style {
        font-size: 14px !important;
        height: 40px;
        line-height: initial;
    }
    i.ti.ti-calendar, i.ti.ti-calendar-event{
        font-size:17px;
    }
}

.date_filter_style {
    width: 100%;
    font-weight: 500;
    line-height: 1.5;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.nModeOff .date_filter_style {
    background-color: #fff;
    border: 1px solid #ced4da;
}
/* .nModeOff .form-select {
    border-radius: 8px;
} */
/* .form-label-logs select {
    font-size: 14px;
    color: #344054;
} */
.btn-width {
    height: 40px;
    width: 40px;
    padding: 0px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius:8px;
}
.btn-width i {
    line-height: 0px !important;
}
@media (min-width:1200px) and (max-width:1380px)
{
    .add-button {
        padding: 6px 10px;
    }
}

@media (min-width:1200px) and (max-width:1680px)
{
    .css-1s2u09g-control,
    .css-1pahdxg-control,
    .css-14el2xx-placeholder {
        font-size: 13px;
    }
    /* .search-data select,
    .search-data .form-control {
        height: 38px;
        font-size: 13px;
    } */
}

.css-tlfecz-indicatorContainer {
    color: hsl(0, 0%, 0%) !important;
}

/* .daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #EFF8FF;
    /* border-radius:50% !important; */

@media (min-width: 1100px) and (max-width: 1380px) {
    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        height: 20px !important;
        line-height: 20px !important;
        padding: 5px !important;
    }
}
.daterangepicker td.start-date:after {
    background: #fff !important;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50% !important;
    position: absolute;
    margin-left: 8px;
    bottom: 2px;
    display:none;
}
.daterangepicker td.start-date {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.daterangepicker .calendar-table td {
    border: none !important;
}

@media (min-width:1381px) and (max-width:1680px)
{
    .daterangepicker .calendar-table td {
        height: 20px !important;
        line-height: 20px !important;
    }
}

/* .daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #2e90fa !important;
    border-color: transparent;
    color: #fff !important;
} */

.daterangepicker td.off.active,
.daterangepicker td.off.active:hover {
    color: #fff !important;
}

.daterangepicker td.in-range {
    color: #000 !important;
}

.daterangepicker td.active.end-date {
    color: #fff !important;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: var(--primary-lighter-color);
    /* border-radius:50% !important; */
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    color: #000 !important;
}

/* .daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #2e90fa !important;
    border-color: transparent;
    color: #fff !important;
} */

/* .daterangepicker td.off.active {
    color: #fff !important;
} */

.daterangepicker .drp-buttons .cancelBtn {
    margin-left: 110px !important;
}
.daterangepicker td.today{
    /* background-color:#eee !important; */
    background-color:#e5e4e4 !important;
    color:#4b5762 !important;
  }
  @media (min-width: 1025px) and (max-width: 1300px) {

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        min-width: 30px !important;
        width: 20px !important;
        height: 15px !important;
        line-height: 15px !important;
        font-size: 12px !important;
    }
}
/* .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2e90fa !important;
    border-color: transparent;
    color: #fff !important;
} */
@media (min-width: 1300px) and (max-width: 1680px) {
    
    .daterangepicker .drp-selected {
        font-size: 12px !important;
        border: 1px solid #D0D5DD;
        padding: 11px 16px !important;
        border-radius: 8px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .daterangepicker .drp-buttons .btn {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .daterangepicker .drp-buttons .cancelBtn {
        border: 1px solid #D0D5DD;
        padding: 8px 20px !important;
        border-radius: 8px;
    }

    .daterangepicker .drp-buttons .applyBtn {
        background: var(--primary-color) !important;
        padding: 8px 20px !important;
        border-radius: 8px;
    }
    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
        height: 20px !important;
        line-height: 20px !important;
        padding:5px;
    }
}
.daterangepicker th.month {
    font-weight: 500 !important;
    line-height: 24px !important;
}
.nModeOff .daterangepicker th.month {
    color: #344054 !important;
}

@media (min-width:1681px)
{
    
    .daterangepicker .drp-selected {
        font-size: 16px !important;
        padding-right: 8px;
        border: 1px solid #D0D5DD;
        padding: 16px 20px !important;
        border-radius: 8px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .daterangepicker .drp-buttons .btn {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .daterangepicker .drp-buttons .cancelBtn {
        border: 1px solid #D0D5DD;
        padding: 10px 28px !important;
        border-radius: 8px;
    }

    .daterangepicker .drp-buttons .applyBtn {
        background: var(--primary-color) !important;
        padding: 10px 28px !important;
        border-radius: 8px;
    }

    .daterangepicker th.month {
        font-size: 16px !important;
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        font-size: 14px !important;
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        min-width: 38px !important;
    }
    .daterangepicker td.start-date:after {
        margin-left: 11px !important;
        bottom: 4px !important;
    }
    
    /* .css-1s2u09g-control,
    .css-1pahdxg-control {
        height: 40px;
    } */

    .css-qc6sy-singleValue {
        /* margin-top: 3px; */
        font-size:15px !important;
    }
}
@media (min-width:768px) and (max-width:1299px)
{
    .daterangepicker td.end-date.in-range:after {
        background: #fff !important;
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 50% !important;
        position: absolute;
        margin-left: 6px;
    }
    
    .daterangepicker .drp-selected {
        font-size: 10px !important;
        padding-right: 8px;
        border: 1px solid #D0D5DD;
        padding: 8px 16px !important;
        border-radius: 8px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .assign_vehicles svg {
        height: 11px !important;
    }

    .daterangepicker .drp-buttons .btn {
        font-size: 10px !important;
        font-weight: 500 !important;
    }

    .daterangepicker .drp-buttons .cancelBtn {
        border: 1px solid #D0D5DD;
        padding: 8px 20px !important;
        border-radius: 8px;
    }

    .daterangepicker .drp-buttons .applyBtn {
        background: var(--primary-color) !important;
        padding: 8px 20px !important;
        border-radius: 8px;
    }

    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        font-size: 10px !important;
    }
}
.daterangepicker td.start-date.end-date {
    border-radius: 4px !important;
}

@media (max-width:768px)
{
    .daterangepicker.show-calendar .drp-buttons {
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        display: block !important;
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        float: left;
        margin-top: 8px;
    }

    .daterangepicker .drp-buttons .cancelBtn {
        display: inline-block;
        margin-left: 0px !important;
    }
}
@media (max-width:563px) {
    .daterangepicker {
        max-height: 350px;
        overflow-y: auto;
    }
}
.app-search .nav-pills .nav-item button {
    background: #F9FAFB;
    border: 0px !important;
}
.add_event-modal .modal-dialog {
    max-width: 880px;
    margin: .75rem auto;
}
.top_sh button {
    padding: 0px 8px;
    margin: 0 2px;
}
/* slider Toggle */
.slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  .nModeOff .tbl-design td a {
    color: #344054;
}
/* Modal Box */
.add_event-modal .row input,
.add_event-modal .row select {
    padding-left: 6px;
}
.add_event-modal .row {
    margin-bottom: 10px;
}
.nModeOff .form-control:disabled {
    /* background: #e2e4e9 !important;
    border: 1px solid #d6d9df !important; */
    background: #f9fafb !important;
    border: 1px solid #d9dbdd !important;
    color: #667085 !important;
}

.form-control:disabled::placeholder {
    color: #667085 !important;
}
.nModeOff .form-control[readonly] {
    background-color: #F9FAFB;
    opacity: 1;
}
@media (max-width:1299px){
    .mb-r-0{
        margin-bottom: 0px !important;
    }

}
.modal .small-text_para{
    padding:0px;
}

.page-content.company-admin {
    padding-top: 60px !important;
}

.app-search .form-control {
    height: 40px;
    line-height: 40px;
    padding-left: 33px;
    padding-right: 10px;
    /* background-color: #fff; */
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    /* border: 1px solid #D0D5DD; */
    font-size: 12px;
    /* color: #98A2B3; */  
}
.nModeOff .app-search .form-control {
    background: #ecf0f7 !important;
    border: 2px solid #ecf0f7 !important;
}
@media (min-width: 1681px) and (max-width: 1900px){
    .main-content .logs_date_col .app-search .form-control,
    .main-content .tob-section-option .app-search .form-control {
        width: 235px !important;

    }
    .main-content .logs_date_col1 .app-search .form-control {
        width: 235px !important;
    }
    .main-content .drive-hos-label .form-select,
    .main-content .tob-section-option .form-select {
        width: 235px;
        height:40px;
        line-height: initial;
        font-size: 14px;
    }
    .main-content button.date_filter_style{
        width: 240px;
        height:40px;
        line-height: initial; 
    }

}
@media (min-width:1681px)
{
    
    .app-search .form-control {
        font-size: 14px !important;
    }
    ul.badges-new button i.ti-truck{
        line-height:19px !important;
    }
    #mdbDtTable .sorting_desc:after {
        left: 2.5rem !important;
        font-family: "Font Awesome\ 5 Free", sans-serif;
        font-size: 0.5rem !important;
        font-weight: 900;
        content: "\f063";
        top: 15px !important;
    }
}

@media (min-width: 1300px) and (max-width: 1680px){
    /* .drivers_hos_filter .css-1s2u09g-control, .drivers_hos_filter .css-1pahdxg-control,
    .filter-section-group .css-1s2u09g-control,.filter-section-group .css-1pahdxg-control  {
        min-height: 40px!important;
        height: 40px;
    } */
    /* .logs_page_filter_sec .css-1s2u09g-control, .logs_page_filter_sec .css-1s2u09g-control{
        min-height: 40px!important;
        height: 40px;  
    } */
}

@media (min-width: 1300px) and (max-width: 1500px) {

    .main-content.minimize-main .logs_date_col .app-search .form-control,
    .main-content.minimize-main .logs_date_col1 .app-search .form-control,
    .main-content.minimize-main .tob-section-option .app-search .form-control,
    .main-content.minimize-main .filter-section-group .app-search .form-control 
     {
        width: 200px !important;

    }

    .main-content.minimize-main .drive-hos-label .form-select,
    .main-content.minimize-main button.date_filter_style,
    .main-content.minimize-main .tob-section-option .form-select {
        width: 200px !important;

    }

    .main-content .logs_date_col1 .app-search .form-control {
        width: 180px !important;

    }
}

@media (min-width: 1501px) and (max-width: 1680px) {

    .main-content.minimize-main .logs_date_col .app-search .form-control,
    .main-content.minimize-main .logs_date_col1 .app-search .form-control,
    .main-content.minimize-main .tob-section-option .app-search .form-control {
        width: 220px !important;

    }

    .main-content.minimize-main .drive-hos-label .form-select,
    .main-content.minimize-main button.date_filter_style,
    .main-content.minimize-main .tob-section-option .form-select {
        width: 220px !important;

    }
    .main-content .logs_date_col .app-search .form-control,
    .main-content .tob-section-option .app-search .form-control {
        width: 200px !important;

    }

    .main-content .logs_date_col1 .app-search .form-control {
        width: 200px !important;

    }

    .main-content .drive-hos-label .form-select,
    .main-content button.date_filter_style,
    .main-content .tob-section-option .form-select {
        width: 200px
    }
}
@media (max-width:767px)
{
    .m-xsr-0{
        margin-right:0px !important;
    }
    .tob-section-option {
        /* width: 100%; */
        flex: auto;
        margin-top: 10px;
    }
    .app-search .form-control {
        font-size: 13px !important;
    }
    .app-search span.ti-search{
        line-height: 40px !important;
    }
    .mobile_hide {
        display: none;
    }
    .filter-section-group .ref_btn_sec button { 
        margin-left:0px !important;}
    .filter-section-group-w-50 {
        width: 100%;
    }

}
@media (max-width:1299px)
{
    .btn-width i {
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media (min-width:576px) and (max-width:767px)
{
/* .drive-hos-label .tob-section-option,
.filter-section-group-w-50 .tob-section-option
{
    width:50%;
} */
.company-admin .bg_vilations {
    margin-left: 10px !important;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.filter-section-group .col-sm-2.tob-section-option {
    width: 26%;
}
.drivers_hos_filter .drive-hos-label,
.filter-section-group-w-50{
    width: 64%;
}
.filter-section-group .ref_btn_sec{
    width:10%;
}
/* .form-label-logs label */
/* .tob-section-option label {
    font-size: 12px;
} */
}
@media (min-width: 768px) and (max-width: 1299px){
    .modal-footer {
        margin-top: 0px !important;
    }
    .edit_form_modal .add_event_pehra p {
        font-size: 12px !important;
        margin-bottom: 10px;
    }
    .app-search span {
        left: 10px;
        line-height: 38px !important;
        font-size:13px !important;
    }
    .app-search .form-control {
        padding-left: 27px !important;
        height:38px;
        line-height:38px;
    }

    .css-1s2u09g-control, .css-1pahdxg-control {
        height: 38px;
        min-height:38px !important;
    }
    .css-14el2xx-placeholder {
        font-size: 12px;
    }
    /* .main-content.minimize-main button.date_filter_style{
        width:168px;
    } */
}
@media (min-width: 1300px) and (max-width: 1355px) {

    .main-content .logs_date_col .app-search .form-control,
    .main-content .tob-section-option .app-search .form-control,
    .main-content .drive-hos-label .form-select,
    .main-content button.date_filter_style,
    .main-content .tob-section-option .form-select,
    .main-content .filter-section-group .app-search .form-control {
        width: 165px !important;
        /* line-height: 14px !important; */
    }
}
@media (min-width:1681px) {

    .driver-logs-detail-section label,
    .form-label-logs label,
    .tob-section-option label,
    .filter-section-group label
     {
        font-size: 14px;
    }
    .text-break-design {
        width: 92% !important
    }
}
@media (min-width: 1681px) and (max-width: 1900px) {

    .main-content.minimize-main .logs_date_col .app-search .form-control,
    .main-content.minimize-main .logs_date_col1 .app-search .form-control,
    .main-content.minimize-main .tob-section-option .app-search .form-control {
        width: 260px !important;

    }

    .main-content.minimize-main .drive-hos-label .form-select,
    .main-content.minimize-main button.date_filter_style,
    .main-content.minimize-main .tob-section-option .form-select {
        width: 260px !important;

    }

}
.pl-0{
    padding-left:0px;
}
.main-content.minimize-main .drive-hos-label .form-select,  
.main-content.minimize-main .tob-section-option .form-select {
    width: 150px ;

}
/* .main-content .drive-hos-label .form-select,
    .main-content button.date_filter_style,
    .main-content .tob-section-option .form-select {
        width: 100%;
    } */
    .ti {
        line-height: unset !important;
        font-size: 15px;
    }
    @media (max-width:767px)
    {
    .row-mobile{
        margin:0 auto;
        width:100%;
    }
    i.ti.ti-calendar
    {
        font-size: 17px;
        margin-top: 0px;
    }
    .Tooltip .counter {
        width: 36px;
        text-align: center;
        margin-left: 6px;
        margin-top: 1px;
    }
}
@media (min-width:1101px) and (max-width:1680px)
{
    button.date_filter_style{
    font-size: 10px !important;
    }
}
@media (min-width:992px) and  (max-width:1099)
{
    .main-content .filter-section-group .app-search .form-control,
    .main-content .tob-section-option .app-search .form-control {
         width: 100% !important; 

    }
    /* .logs_filter_col select,
    .logs_date_col input,
    .driver-logs-detail-section button,
    .driver-logs-detail-section input,
    .driver-logs-detail-section select,
    .tob-section-option select {
        height: 38px !important;
        font-size: 12px !important
    } */
}



/*top header */

/* top header */
#page-topbar {
    box-shadow: none !important;
}
.nModeOff .top_header.s-admin {
    background-color: #fee4e2;
}
.nModeOff .top_header.s-admin p {
    color: #b4261b;
}
/* .top_header {
    padding: 5px;
} */
.ml-2 {
    margin-left: 7px !important;
    margin-right:7px !important;
}
.top_header p {
    margin: 0;
    font-weight: 500;
}
@media (min-width:768px)
{
.top_header {
    height: 30px;
}
.top_header p {
    font-size: 13px;
}
.header_notification_sec{
    height:60px;
    margin-top:2px;
}
}
.top_header {
    text-align: center;
    padding: 5px;
}
.nModeOff .top_header {
    background-color: #fef0c7;
}
.top_header p {
    color: #bc5619;
}
.align-center{
    text-align:center !important;
}
/* header */

.navbar-header.mt-2.pb-1 {
    border-bottom: 1px solid #EAECF0;
    margin-top: 0 !important;
}

@media (min-width:1100px)
{
    .navbar-header{
        padding-bottom:0px !important;
    }
}


@media (max-width:1680px) {
    .badges-new .ri-checkbox-blank-circle-fill {
        font-size: 13px !important;
        line-height: 13px !important;
    }
}
@media (min-width:992px)
{
    .navbar-header {
        margin-left: 220px;
    }
    button#vertical-menu-btn1 {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .navbar-header .mobile_menu_btn {
        display: none !important;
    }
}
.navbar-header .d-flex.badges {
    position: absolute;
    left: 220px;
}
.navbar-header .badges-new {
    /* border: 1px solid #D0D5DD; */
    padding: 0.1rem 0.1rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    border-radius: 6px;
    margin-left: 3px;
    height: 40px;
    background:#ecf0f7bf !important;
}
.navbar-header .badges-new li {
    list-style-type: none;
    padding: 0 5px;
    display: flex;
    align-items: center;
}
ul.badges-new li span.border-right,
ul.badges-new li span.badge_count {
    display: inline-block;
    line-height: 18px;
}
.badges-new .ti.ti-truck,
.badges-new .ti.ti-steering-wheel{
    line-height:0px !important;
}
ul.badges-new .border-right.grey-icon_color,
ul.badges-new .border-right.grey-icon {
    display: flex !important;
    align-items: center;
}
ul.badges-new button i,
ul.badges-new span i {
    font-size: 18px !important;
    line-height: 18px !important;
}
.navbar-header ul.badges-new li i {
    vertical-align: middle;
}
.navbar-header .grey-icon .badge_count {
    color: #344054;
}
.navbar-header ul.badges-new .border-right.grey-icon_color .badge_count,
.navbar-header ul.badges-new .border-right.grey-icon .badge_count {
    display: inline-flex !important;
    align-items: center;
    top: 0px !important;
    font-size: 15px;
    line-height: 15px !important;
}
@media (max-width:1500px)
{
.badges-new li:last-child {
    line-height: 0px;
    font-size: 15px;
}
}
.badges-new li:last-child {
    font-weight: 500;
}
.main_head_badge_v1.custom_badges{
    height: 21px !important;
    line-height: 7px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px !important;
    margin: 0 20px 0 0;
    text-align: center;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width:32px;
}
.inmotion_bg,
.stationary_bg,
.inactive_bg
{
background:#ffffff !important;
}
/* .main_head_badge_v1{
    display: flex;
    align-items: center;
    position: relative; 
} */
.badges-new li:last-child svg {
    margin-right: 7px;
}
.main_head_badge_v1.custom_badges svg{
    margin-left:6px;
    width:11px !important;
    height:11px !important;
}
header .main_head_badge_v1 .vehicle_inmotion_text{
background: rgb(22, 179, 100); 
}
.text_design{
    position: absolute;
    font-size: 11px;
    width: 14px;
    height: 14px;
    line-height:14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    top: -5px;
    right: -12px;
    padding: 8px;
    border: 1px solid #fff; 
}
.badges-new .ri-checkbox-blank-circle-fill {
    margin-right: 3px;
    padding-left: 10px;
    padding-right: 7px;
}
/* header .main_head_badge_v1 i{
    font-size:15px !important;
    line-height: 15px !important;
} */
header .main_head_badge_v1 .vehicle_stationary_text{
    background: #16B364 !important;
}
header .main_head_badge_v1 .vehicle_inactive_text{
background: #667085 !important;
}
/* span.badge_count {
    font-weight: 500;
    line-height: 1;
    position: relative;
    top: 1px;
    display: inline-block;
} */
/* .main_head_badge{
    display: flex;
    align-items: center;
} */
@media (min-width:992px)
{
    .navbar-header.minimize-main {
        margin-left: 70px;
    }
}
@media (min-width: 1300px) and (max-width: 1680px) {
.badges-new {
    padding: 4px 2px !important;
}
.logs_page_filter_sec .css-1s2u09g-control, .logs_page_filter_sec .css-1s2u09g-control,
.logs_page_filter_sec .css-1pahdxg-control, .logs_page_filter_sec .css-1pahdxg-control{
    min-height: 40px!important;
    height: 40px;  
}
}
@media (min-width:1300px) and (max-width:1500px)
{
    ul.badges-new button i,
    ul.badges-new span i {
        /* font-size: 18px !important; */
        /* line-height: 16px !important; */
        /* line-height: 17px !important; */
        height: auto !important;
        align-items: center !important;
    }
    /* ul.badges-new button i,
    ul.badges-new span i {
        line-height: 19px !important;
    } */
    /* ul.badges-new li span.border-right,
    ul.badges-new li span.badge_count {
        line-height: 18px !important;
    } */

}

header .custom-badges{
    height: 21px !important;
    padding-left: 17px;
    padding-right: 17px;
}
header .custom-badges.bg-success{
    color: #fff !important;
    background-color: #16b364 !important
}
header .custom-badges.bg-warning{
    color: #fff !important;
    background-color:#EAAA08 !important;
}
header .custom-badges.bg-primary{
    color: #fff !important;
    background-color:#2E90FA  !important;
}
header .custom-badges.bg-gray{

    color: #fff!important;
    background-color: #667085 !important;
}
header .custom-badges.bg-violet{
    color: #fff !important;
    background-color:#875BF7 !important;
}
header .custom-badges.bg-orange{
    color: #fff !important;
    background-color: #EF6820 !important;
}
header .main_head_badge{
    position: relative;
    margin-right: 4px;
}
header .main_head_badge .driver_status_text{
    position: absolute;
    font-size: 11px;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    top: -6px;
    right: -5px;
    padding: 8px;
    border: 1px solid #fff;
    line-height:14px;
}
header .main_head_badge .bg-success-text{
    background: #008d46;
} 
header .main_head_badge .bg-warning-text{
    background: #ae7e07; 
    font-weight:400;
    margin-right:0px;
}
header .main_head_badge .bg-primary-text{
    background:#004692 !important;
    font-weight:400;
    margin-right:0px;
}
header .main_head_badge .bg-gray-text{
    background:#323742!important;
    font-weight:400;
    margin-right:0px;
}
header .main_head_badge .bg-violet-text{
    background:#481fb0 !important;
    font-weight:400;
    margin-right:0px;
}
header .main_head_badge .bg-orange-text{
    background:#9c3b08 !important;
    font-weight:400;
    margin-right:0px;
} 
.minimize-main.navbar-header .d-flex.badges {
    position: absolute;
    left: 80px;
}
.nModeOff .noti-dot{
    display:none;
}

button#page-header-user-dropdown span small {
    word-break: break-all;
    display: block;
    width: 100%;
}

button#page-header-user-dropdown {
    height: auto;
    border-left: 1px solid #D0D5DD;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 10px;
    max-width: 270px;
    display: flex;
    align-items: center;
    text-align: left;
    background-color: transparent;
}
.header-profile-user {
    height: 32px;
    width: 32px;
    background-color: #f1f5f7;
    padding: 3px;
    margin-right: 5px;
    font-weight:500;
    color:#475467;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-name{
    position:relative;
    font-size: 12px !important;
    color: #344054;
}
/* .user_name_title{
    display:block;
} */

@media (min-width:1251px) and (max-width:1370px)
{
  .user_name_title{
      max-width: 135px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
  }
}

@media (min-width: 1100px) and (max-width: 1400px) {

    /* .noti-icon i {
        font-size: 18px;
        color: #636e75;
    } */

    /* .header-item {
        margin-top: 6px;
    } */

    .noti-icon .noti-dot {
        top: 25px !important;
    }
}

@media (min-width:1300px) and (max-width:1500px) {
    /* Modified for new design  */
    /* .badges-new .ri-checkbox-blank-circle-fill{
        padding-right: 2px !important;
    } */

    /* .navbar-header .badges-new .ti.ti-truck,
    .navbar-header .badges-new .ti.ti-steering-wheel {
        margin-top: -1px !important;
    } */
    .mr-n a {
        display: flex;
        align-items: center;
    }
}

/* @media (min-width:768px) {
.header_notification_sec .d-inline-flex.align-items-center {
        height: 100%;
    }
} */
@media (min-width:1300px) and (max-width:1500px) {

    button.header-item.noti-icon {
        padding-left: 0.45rem !important;
        padding-right: 0.45rem !important;
    }
}

@media (min-width:1100px) and (max-width:1500px)
{
    /* .header_notification_sec .ti-refresh{
    margin-top:1px;
    } */
    /* .header_notification_sec .ti-moon{
        margin-top:1px;
        line-height:30px !important;
        } */
}

@media (min-width:767px) and (max-width:1100px)
{
    header .main_head_badge .driver_status_text{
        line-height: 16px;
    }
}
.main_head_badge{
    display: flex;
    align-items: center;
}

ul.ln_height.badges-new {
    width: 40px;
    padding: 0px !important;
}
ul.ln_height.badges-new .h-100 {
    width: 100%;
    justify-content: center;
}
ul.badges-new button {
    background-color: transparent;
    border: none;
    color: #344054;
    padding: 0 !important;
    margin: 0 0px !important;
    line-height: 0px;
}

/* dropdown */
.dropdown-menu.show {
    margin-top: 10px !important;
}
.dropdown-menu {
    padding: 0px;
    border-radius:6px;
}
.drowpdown_space .dropdown-item {
    /* display: flex;
    align-items: center; */
    height: auto;
    cursor:default;
}
.drowpdown_space .dropdown-item:hover,
.drowpdown_space .dropdown-item:focus
{
    background:transparent !important;
}
.dropdown-item {
    color: #475467;
}

.dropdown-item {
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 23px;
}
@media (min-width: 1300px) and (max-width: 1680px) {
    .dropdown-menu-end a,
    .drowpdown_space a {
        padding: 0.3rem 0.8rem !important;
    }
    .ri-checkbox-blank-circle-fill.font-size-18.vehicles_clustered_icon {
        font-size: 16px !important;
    }

    .dropdown-item {
        padding: 0.4rem 0.4rem !important;
        font-size: 13px !important;
    }
    .dropdown-item img {
        height: 15px !important;
        padding-right: 0px !important
    }
    .header-profile-user {
        height: 29px;
        width: 29px;
        line-height: 12px;
        font-size: 13px;

    }
}
.badges-new li:last-child img {
    padding-right: 5px;
    margin-top: 2px;
}
/* .badges-new .custom-badges.bg-success{
    background-color: #16B364;    
} */
.dropdown-menu.show a:last-child i.ri-checkbox-blank-circle-fill {
    padding-left: 0px !important;
    margin-right: 0px !important;
}
@media (max-width: 1500px)
{
.vehicles_clustered_icon {
    padding-right: 0px !important;
}
header .custom-badges{
    line-height:21px !important;
}
}
.dropicons_v1 i {
    margin-right: 0px !important;
}


/* Map Dropdown */

.dropdown-design .dropdown-menu {
    min-width: 11.5rem;
    padding: 10px 15px 10px 15px;
}
.dropdown-design .dropdown-menu label {
    margin-left: 0px !important;
    color: #344054 !important;
    font-weight: 600;
    /* padding-top: 4px;
    padding-bottom: 4px; */
    width: 100%;
}
.dropdown-design .form-check {
    display: flex;
    align-items: center;
    padding-left: 20px !important;
}
@media (min-width:1199px)
{
.dropdown-design .form-check-input{
    margin-top:-2px;
}
}
@media (min-width:768px)
{
    .dropdown-design label{
        margin-bottom:0px;
    }
}

/* .dropdown-design .form-check-label {
    font-weight: 400;
    color: #344054;
    margin-top: 0px;
} */

/* .dropdown-design .form-check-input {
    background-color: #fff !important;
} */

.dropdown-design input {
    margin-right: 10px;
}
/* .form-check-input {
    width: 17px;
    height: 17px;
} */


@media (min-width:1300px) and (max-width:1680px)
{
    .dropdown-design .dropdown-menu label {
        font-size: 12px;
        margin-bottom: 2px !important;
        line-height:12px;
    }
    .dropdown-design .form-check {
        font-size: 12px;
        /* min-height: 0.9rem; */
    }
    
    .dropdown-design .form-check-label {
        font-size: 14px !important;
    }
}
@media (max-width:1299px)
{
    .dropdown-map label{
        margin-bottom:4px !important;
    }
}
.dropicons_v1 span {
    margin-left: 4px !important;
}
@media (min-width:1346px){
.gm-style-iw
{
    box-shadow:0px 1px 2px rgba(16, 24, 40, 0.06) !important;
}
.gm-style .gm-style-iw-tc{
filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06) ) !important;
}
}

/* Weather dropdown */
/* .weather_dropdown .form-check-input {
    margin-bottom: 0px;
} */

.weather_dropdown .form-check-label {
    font-weight: 400 !important;
}

small[title]:hover:after{
    content: attr(title);
    background: red; 
    position: absolute;
    left: 5%;
    top: 10%;}

.company_name_title small[data-title]:hover:after{
        content: attr(data-title);
        background: #fff; 
        border:1px solid rgb(52, 64, 84);
        padding: 2px 8px;
        border-radius:3px;
        position: absolute;
        top: 110%;
        font-size: inherit;
        color:rgb(52, 64, 84);
        right:0%;
}
    
    .company_name_title{
        display:inline-block;
        position: relative;
    }
    #page-header-user-dropdown .vertical-middle small{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    @media (min-width:1251px) and (max-width:1400px)
    {
    #page-header-user-dropdown .vertical-middle small{
        max-width:129px;
    }
    }
    @media (min-width:1401px) and (max-width:1500px)
    {
        #page-header-user-dropdown .vertical-middle small{
            max-width:140px;
        }  
    }
    @media (min-width:1501px)  and (max-width:1680px)
    {
        #page-header-user-dropdown .vertical-middle small{
            max-width:150px;
        }  
    }
  
    @media (min-width:1681px)  
    {
        #page-header-user-dropdown .vertical-middle small{
            max-width:210px;
        }  
       

        .card_personal .user-input:before,
        .card_personal .phone-icon:before{
            top: 37px !important; 
        }
        .card_personal .e-mail-icon:before,
        .card_personal .phone-icon:before,
        .card_personal .user-input:before
         {
            font-size: 17px;
        }  
        .remove-label-btn{
            height:44px !important;
            font-size:15px !important;
        }
    }
    @media (min-width:1681px) and (max-width:1799px)
    {
        .personal_driver_form .e-mail-icon:before{
            top: 40px !important; 
        }
    }
    @media (min-width:1800px)
    {
        .personal_driver_form .e-mail-icon:before{
            top: 42px !important; 
        }  
    }
    button#page-header-user-dropdown span small{
        color:#667085;
    }    
    @media (min-width:1250px) and (max-width:1450px)
    {
       .user-name small{width:120px !important}
    }

/* Profile Dropdown */
.dropdown-menu.dropdown-menu-end.show {
    border: 1px solid #EAECF0;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown.show label {
    color: #344054;
}

.dropdown-menu-end.show {
    color: #475467;
}

/* .dropdown-menu-end.show {
    margin-top: 14px !important;
} */
.dropdown-menu-end button i {
    margin-right: 5px;
}
.bootom-links li {
    list-style-type: none;
}
.term_services_style li small{
    color: #98A2B3;
    font-size:11px;
    line-height: 18px;
    font-weight:400;
    padding-top:4px;
    padding-bottom:4px;
}
.term_services_style li a.privacy_point:before{
    width:4px;
    height:4px;
    background:#98A2B3;
    border-radius: 50px;
    content:"";
    position:absolute;
    left:0px;
   }
   .term_services_style li a.privacy_point{
       position: relative;
   }
   /* .term_services_style li a:hover{
    background:transparent !important;
    color:var(--primary-color) !important;
   } */
   .term_services_style li a:hover small{
    color:var(--primary-color) !important; 
   }


.version-profile{ 
    width: 100%;
    text-align: center;
}
.version-profile li{ 
color: #98A2B3;
font-size: 11px !important;
line-height: 16px;
font-weight: 400;
padding: 0.4rem 0.8rem !important;
}   
@media (min-width: 1300px) and (max-width: 1680px) {
    .dropdown-item i {
        margin-right: 7px !important;
    }
    .dropdown-menu-end button.dropdown-item {
        padding: 0.3rem 0.8rem !important;
    }
}

@media (min-width:1501px) {
    .badges-new li:last-child {
        font-size: 16px !important;
        line-height: 16px !important;
    }
    .dropdown-menu .dropdown-item span{
        font-size:0.9rem;
    }
    /* .navbar-header .badges-new .ti.ti-truck,
    .navbar-header .badges-new .ti.ti-steering-wheel {
        margin-top: 0px !important;
    } */
    .navbar-header .badges-new .ti.ti-truck,
    .navbar-header .badges-new .ti.ti-steering-wheel {
        margin-top:0px !important;
    }

    .badges-new li:last-child svg {
        margin-top: 1px;
    }

    header .custom-badges {
        font-size: 13px !important;
        line-height: 12px !important;
    }

    ul.badges-new .border-right.grey-icon_color .badge_count,
    ul.badges-new .border-right.grey-icon .badge_count {

        font-size: 16px !important;
        line-height: 16px !important;
    }

    /* .noti-icon i,i.ri-book-2-line{
        margin-top:4px;
    } */
    /* .navbar-header {
        padding-bottom: 0px !important;
    } */

    .mr-n a {
        display: flex;
        align-items: center;
    }

    header .noti-icon {
        display: flex;
        align-items: center;
    }

    .pd-ref {
        padding-left: 0.45rem !important;
        padding-right: 0.45rem !important;
    }
}
@media (min-width:1681px)
{
    .header-item.noti-icon i{
/* display: block; */
/* padding-top:3px; */
    }
}
@media (max-width:1299px)
{
    .header_notification_sec button{
        height: 100%;
        display: flex;
        align-items: center;
    }
    .header_notification_sec a{
        height: auto;
        display: inline-flex;
    }
}
@media (max-width:991px)
{
    .navbar-header .d-flex.badges {
        left: 60px !important;
    }

}
@media (min-width:768px) and (max-width:991px)
{
     .navbar-header .badges-new .ti.ti-steering-wheel{
        font-size:16px !important;
     }
     ul.badges-new .border-right.grey-icon_color{
        padding-right:10px;
     }
     .maximize_map .side_maximize_icon .dropdown-menu.show{

     }
     .badge_vehicle_fullscreen .border-right,.driver_flex{
        padding-right:5px;
    }
     .mt-none {
        display: none !important;
    }
    .badges-new li:first-child {
        padding: 0 4px !important;
    }
    ul.badges-new li {
        font-size: 15px;
        text-align: center;
    }
    span.badge_count {
        top: 0;
    }
    .navbar-header .font-size-20 {
        font-size: 15px !important;
    }

     .noti-icon i {
        font-size: 15px;
        color: #667085;
        line-height: 15px !important;
    }
    .header_notification_sec button{
        /* padding-top:0px !important;
        padding-bottom:0px !important; */
        height:100% !important;
    }
    .ti.ti-moon{
        margin-top:2px !important;
    }
    /* .rounded-circle.header-profile-user{
        margin-top:4px;
    } */
}
.badges-new li {
    list-style-type: none;
    padding: 0 5px;
    display: flex;
    align-items: center;
}
@media (max-width:370px)
{
    .top_header p {
        font-size: 10px !important;
    } 
}
@media (min-width:371px) and (max-width:767px)
{
    .top_header p {
        font-size: 11px !important;
    } 
 
}
@media (max-width:767px)
{
    .top_header {
        height: auto !important;
    }
        .phone-icon:before {
            line-height: 35px;
        }
    .badges-new {
        padding: 0.1rem 0.1rem;
        margin-top: 1rem;
        display: flex;
        align-items: center;
        border-radius: 6px;
        margin-left: 10px;
        height: 40px;
        /* background: #ecf0f7bf !important; */
    }
    
    .header_notification_sec{
        height:100% !important;
        margin-top:0px !important;
    }
    .display-xsm-block {
        display: block !important;
    }
    .table-background th{
        font-size:12px;
    }
    .dropdown-item {
        padding: .35rem .7rem; 
    }

    .mobile-ml-0 {
        margin-left: 0px !important;
    }

    .header_notification_sec button {
        padding-left: 7px;
        padding-right: 7px;
    }

    .badges-new.display-xsm-block .dropdown-menu {
        margin-top: 0px !important;
        top: 90% !important;
    }
    .top_header .row{
        width:100%;
        margin:0 auto;
    }
    #page-topbar .navbar-header {
        padding-bottom: 0px !important;
            padding-left: 20px;
    }
    .noti-icon.mr-n a{
        margin-top:0px !important;
    }
   
    .user-dropdown .dropdown-menu {
        top: 35% !important;
    }
    button#page-header-user-dropdown {
        padding-right: 0px !important;
    }
    .dropdown-account{
        width:15rem !important;
        left:auto !important;
        right:10px !important;
    }
    .navbar-header .dropdown .dropdown-menu.dropdown-account{
        left:auto !important;
        right:10px !important;
    }
    /* .dropdown-design .dropdown-menu{
        padding-top:10px !important;
        padding-bottom:10px;
    } */
    .header-badges-container{
        display:block !important;
        border:0px;
        margin:0 auto;
        border-bottom:1px solid #e6e6e6;
    }
    .nModeOn  .header-badges-container{
        border-bottom:1px solid #464646 !important;
    }
    .nModeOn .header-badges-container .badges-new{
        border:0px !important;
    }
    .header-badges-container ul{
        margin-left:12px;
        margin-right:12px;
        border:0px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        margin-top:0px !important;
        margin-bottom:0px !important;
    }
    .badges-new .custom-badges.ml-2{
        margin-left: 5px !important;
    }
    .dropdown-design .form-check {
        margin-bottom: 0.3rem !important;
    }
    .weather_dropdown label {
        margin-bottom: 0rem !important;
        margin-top: 0px !important;
    }

    /* .page-content.dashboard-page-content {
        padding-top: 160px !important;
    } */
    /* .page-content{
       padding-top:110px !important; 
    } */
    .page-content.dashboard-page-content.company-admin{
        padding-top: 115px !important;
    }
    .css-g1d714-ValueContainer,
    .css-1hwfws3 {
        max-height: 40px;
        overflow-y: scroll !important;
    }
    .event_logs_pdf {
        width: 100% !important;
        margin-left: 0px !important;
        overflow-x: scroll;
    }
    .no_records_detail {
        padding-left: 0px;
        text-align: center;
        margin-top: 5px;
    }
    .app-search h4 {
        font-size: 15px !important;
    }
}
.header-badges-container{
    display:none;
}
@media (max-width:380px) {
    header .custom-badges {
        height: 21px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
        margin-right: 6px !important;
        font-size: 11px !important;
    }
    .main_head_badge .custom-badges {
        width: 24px;
    }
    .sec_driving {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
    .badges-new li {
        padding-right: 1px !important;
    }
}
@media (min-width:768px) and (max-width:991px)
{
    header .custom-badges {
        height: 21px !important;
        padding-left: 13px;
        padding-right: 13px;
    }
    header .main_head_badge .driver_status_text{
        right:-9px !important;
    }
    .sec_driving{
        margin-left:0px !important;
    }
    header#page-topbar button#vertical-menu-btn1 {
        display: block !important;
        margin-top: 0px;
        /* margin-left: 0px; */
    }
}

@media (min-width:992px) and (max-width:1150px)
{
    /* button.noti-icon{
        padding:6px 8px !important;
    } */
    #page-header-user-dropdown{
        padding-right:0px !important;
        margin-left:0px !important;
    }
}
@media (min-width:1151px) and (max-width:1250px){
    #page-header-user-dropdown{
        padding-right:0px !important;
    }
}

@media (min-width:1251px) and (max-width:1340px)
{
    header .custom-badges {
        height: 21px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .main_head_badge_v1.custom_badges{
        width:28px !important;
    }
    
    #page-header-user-dropdown{
        padding-right:0px !important;
    }
   
}
@media (min-width:1300px) and (max-width:1400px){
.header-item.noti-icon {
        height:70px !important;
    }
    /* .header-item.resource_icon{
margin-top:-2px !important;
    } */
}
@media (min-width:768px) and (max-width:1099px)
{
    .navbar-header{
        padding-bottom:0px !important;
    }
    .navbar-header .d-flex.badges .badges-new{
        margin-top:0px !important;
        margin-bottom: 0px;
    }
    .navbar-header .badge-start-icons{
        align-items:center;
    }
}
@media (min-width:1681px)
{
    .header-profile-user {
        font-size:14px;
    }
    .user-name {
        font-size: 14px !important;
        font-weight: 500;
    }
    button#page-header-user-dropdown span small{
        font-size:12px;
    }
    .user-dropdown{
        margin-top:0px;
    }
    .user_name_title{
        margin-top:3px;
    }
    /* .header-item{
        height:60px;
    } */
    .css-qc6sy-singleValue {
        line-height: 37px;
    }
    span.counter {
        /* width: 34px; */
        height: 20px;
        text-align: center;
        font-size: 12px;
        margin-left: 10px;
        line-height: 22px;
    }
    .dropdown.show label {
        color: #344054;
        margin-left: 17px;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

/* fullscreen map */
.maximize_map .side_maximize_icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.maximize_map .navbar-header.mt-2.pb-1 {
    border-top: none;
    border-bottom: none;
}

.maximize_map #page-topbar {
    background-color: transparent !important;
    box-shadow: none;
}

.maximize_map .search_bar_div {
    display: none;
}

.maximize_map .dashboard_map-bar {
    padding-right: 0;
    width: 100%;
    padding: 0;
}

.maximize_map .page-content.dashboard-page-content {
    padding-right: 0;
    padding-top: 0px !important;
    padding-left: 0;
}

.maximize_map .main-content.minimize-main {
    margin-left: 0;
}

.maximize_map .map_box div#marker-example {
    width: 100% !important;
    height: 100vh !important;
}

.maximize_map .navbar-header .d-flex.badges {
    position: static;
    left: 0;
    margin: 0 auto;
}

/* .maximize_map ul.badges-new {
    background-color: #fff;
} */

.maximize_map .side_maximize_icon .dropdown-menu.show {
    right: -5px;
    left: auto !important;
}

.maximize_map .badges-new {
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}
.maximize_map .navbar-header {
    margin-left: 0px !important
}

@media (min-width:1300px) and (max-width:1680px)
{
    /* .maximize_map .navbar-header {
        margin-left: 0px !important;
    } */
    
    .side_maximize_icon .badges-new {
        width: 38px;
        height: 38px;
    }
}
.side_maximize_icon .badges-new .dropdown {
    margin: 0 auto;
}

.maximize_map .main-content.minimize-main {
    margin-left: 0px !important;
}

.maximize_map .navbar-header {
    padding-right: 0px !important;
}
.maximize_map_div .badges-new:first-child {
    margin-left: 0px;
}

.maximize_map_div .badges-new {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.maximize_map_div .badges-new,
.side_maximize_icon .badges-new {
    background: #fff !important;
    border: 1px solid #D0D5DD;
}

.maximize_map_div .badges-new .badge_ml_5 .main_head_badge_v1 {
    background: #ecf0f7bf !important;
}
.maximize_map .badges-new li {
    width: 100%;
    padding: 0px !important;
}

.maximize_map .badges-new li .form-group,
.maximize_map .badges-new li .form-group button {
    width: 100%;
}

.maximize_map_div .badge_vehicle_fullscreen .ti-truck {
    display: inline-block;
}
span.badge_count {
    font-weight: 500;
    line-height: 1;
    position: relative;
    top: 1px;
    display: inline-block;
}
.badge_ml_5 {
    margin-left: 5px;
}
.maximize_map_div .badges-new .ri-checkbox-blank-circle-fill {
    margin-top: 0px !important;
}

/* .driver_flex {
    display: flex !important;
    align-items: center;
} */
@media (min-width:1300px) and (max-width:1680px)
{
    .maximize_map_div .badges-new {
        height: 38px;
    }
}

@media (min-width:992px) {
    .main-content.minimize-main {
        margin-left: 70px !important;
    }
}
@media (min-width:1300px) and (max-width:1680px)
{
    .side_maximize_icon .moving_vehicle_icons,
    .side_maximize_icon .offline_vehicle_icons{
        height:17px !important;
    }
    .maximize_map .ri-checkbox-blank-circle-fill.font-size-18.vehicles_clustered_icon {
        font-size: 17px !important;
    }
    /* .side_maximize_icon i {
        font-size: 13px !important;
        line-height: 28px !important;
    } */
}
.side_maximize_icon .dropdown-item .ri-checkbox-blank-circle-fill {
    padding-left: 0px !important;
}
.dropicons i{
    padding-right: 0px !important;
    margin-right: 0px !important;
}

.dropicons span {
    margin-left: 10px !important;
}
/* .weather_dropdown .form-check-input{
    height:16px;
} */
@media(min-width:1199px) {

    .maximize_map .main-content {
        margin-left: 0 !important;
    }
}
.maximize_map .main-content{
    width:100% !important;
}
/* .maximize_map .main-content {
    margin-left: 0 !important;
} */

@media (min-width:992px)
{
    .main-content {
        margin-left: 220px !important;
    }
}

.maximize_map .page-content.dashboard-page-content,
.maximize_map .page-content.vehicle-page-content {
    padding-left: 0px !important;
}
.maximize_map .page-content.dashboard-page-content {
    padding: 0px !important;
}

.app-search h4 {
    max-width: max-content;
    font-size: 18px;
    margin-bottom: 0px !important;
    color: #1D2939;
}
/* @media screen and (min-width: 1300px) and (max-width: 1400px) {
    .app-search h4 {
        max-width: max-content !important;
    }
} */
@media (max-width: 1024px)
{
button#vertical-menu-btn1 {
        position: relative;
        left: -12px;
        padding: 0;
        overflow: visible;
}
.mobile_menu_btn i {
    color: #667085;
}
ul.badges-new .border-right.grey-icon_color .badge_count, ul.badges-new .border-right.grey-icon .badge_count {
    display: inline-flex !important;
    align-items: center;
    top: 0px !important;
    font-size: 15px;
    line-height: 15px !important;
}
/* .navbar-header .app-search.d-lg-block {
    padding-left: 0px !important;
    padding-right: 0px !important;
} */
/* .app-search h4 {
    font-size: 15px !important;
} */
.toggle_two_factor .width_100_tab {
    margin-top: 0px !important;
}
/* .refresh-btn-div.company_btn .text-left-tab {
    margin-top: 2px !important;
} */
.nModeOn button.line-logout-btn {
    font-size: 13px !important;
}
.page-content.company-admin.asset-page {
    padding-left: 0px !important;
}
.company-admin>.pt-60 {
    padding-top: 10px !important;
}
.page-content.company-admin {
    padding-top: 68px !important;
}
.company-admin .mobile_mt {
    margin-top: 5px !important;
}
}
.nModeOff .grey-icon i {
    color: #667085;
}
.grey-icon i {
    padding-right: 7px;
}
.grey-icon_color i {
    color: #667085;
}
.bg-success-text{
    color: #008d46;
    font-weight:400 !important;
    margin-right:0px;
}
.bg-warning-text{
    color: #ae7e07;
    font-weight:400 !important;
    margin-right:0px;
}
.bg-primary-text{
    color: #004692;
    font-weight:400 !important;
    margin-right:0px;
}
.bg-gray-text{
    color: #323742;
    font-weight:400 !important;
    margin-right:0px;
}
.bg-violet-text{
        color: #481fb0;
    font-weight:400 !important;
    margin-right:0px;
}
.bg-orange-text{
    color: #9c3b08;
    font-weight:400 !important;
    margin-right:0px;
}
/* .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='rgba(12,22,324)'/%3e%3c/svg%3e");
} */

 .form-check-input {
    background-color: transparent;
    width: 15px;
    height: 15px;
} 

 .nModeOff .form-check-input:checked {
    background-color: var(--primary-color) !important;
    /* border: 1px solid var(--primary-color) !important; */
}

/* .form-check-input:focus{
    border-color:var(--primary-color);
    box-shadow:none !important;
} */
#page-header-search-dropdown {
    display: none;
}

.page-content.dashboard-page-content .container-fluid {
    position: relative;
    top: -5px;
}

@media (min-width:1681px)
{
    .drowpdown_space a.dropdown-item:first-child {
        padding-top: 0.6rem !important;
    }

    .page-content.dashboard-page-content .container-fluid {
        position: relative;
        top: -5px;
    }

    .drowpdown_space a.dropdown-item:last-child {
        padding-bottom: 0.6rem !important;
    }
    /* .dropdown-item {
        padding: .8rem .8rem;
    } */
    .dropdown-menu-end a,
    .drowpdown_space a,
    .dropdown-menu-end button {
        padding: 0.5rem 1.0rem !important;
    } 
    button#page-header-user-dropdown{
        max-width:270px;
    }
    .user_name_title{
        max-width: 220px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .dropdown-account {
        min-width: 15rem !important;
}
.user-dropdown .dropdown-item i{
    font-size:18px;
}
.term_services_style li small{   
    font-size:13px;
} 
.badges-new .stationary_bg i,
.badges-new .inactive_bg i {
    font-size: 16px !important;
    line-height: 17px !important;
}
.side_maximize_icon .badges-new {
    width: 40px;
}

.side_maximize_icon .dropdown-item {
    padding: 0.6rem 0.6rem !important;
}

.side_maximize_icon .dropdown-item .ri-checkbox-blank-circle-fill {
    padding-left: 0px !important;
}
/* .form-check .form-check-label{
    margin-top:2px;
} */
}
@media (min-width:1501px) {
    .weather_dropdown .form-check label {
        padding-top: 0.28rem;
        padding-bottom: 0.2rem;
    }
    .drowpdown_space a.dropdown-item {
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }
    .weather_dropdown.dropdown-menu>label,
    .dropdown-design .dropdown-menu>label {
        padding-top: 0.3rem;
        margin-bottom: 0px;
        padding-bottom: 0.3rem;
    }
    .dropdown-menu.show a:last-child i.ri-checkbox-blank-circle-fill {
        font-size: 20px;
        line-height: 17px !important;
        margin-left: 0px !important;
    }
    /* .dropdown-design .dropdown-menu {
        box-shadow: none;
    } */
}
@media (min-width:1300px) and (max-width:1680px)
{
    .dropdown-menu-end {
        min-width: 12rem !important;

    }
}
/* @media (min-width:768px) and (max-width:991px)
{
    button#vertical-menu-btn1 {
       left: 0px;
    }
} */
@media (min-width:992px) and (max-width:1024px)
{
    button#vertical-menu-btn1 {
        position: relative;
        left: -12px;
        padding: 0;
        overflow: visible;
    }
}
@media (min-width:768px) and (max-width:1299px)
{
    .badges-new li svg {
        margin-right: 5px !important;
    }
    .dropdown-item {
        font-size: 12px !important;
    }
    .dropdown-menu {
        min-width: 13rem;
    }
    .dropdown-item img {
        width: 9%;
    }
    .dropdown-menu.show a:last-child i.ri-checkbox-blank-circle-fill{
        padding-right:4px !important;
    }
    .dropdown-menu.show {
        font-size: 12px;
        line-height:14px;
    }
    .dropdown-menu.show .form-check {
        display: flex;
        align-items: center;
    }
    .dropdown-menu.show span {
        margin-left: 0px !important;
        margin-right: 5px !important;
    }
    .dropdown-design .dropdown-menu {
        min-width: 9rem !important;
    }
    .header-profile-user {
        margin-left: 8px;
    }
    .dropdown-item {
        padding: 0.15rem 0.7rem !important;
    }
    /* .dropdown-design .dropdown-menu label{
        padding-top: 0.5rem !important;
    } */
    .dropdown-menu label:first-child {
        margin-bottom: 0px !important;
    }
    .side_maximize_icon .badges-new {
        width: 36px;
        height: 36px;
    }
    .maximize_map_div .badges-new {
        height: 36px;
    }
    .side_maximize_icon .badges-new li {
        padding: 0px !important;
        width: 100%;
    }
    .side_maximize_icon .badges-new li .form-group {
        width: 100%;
    }
    .side_maximize_icon .badges-new li .form-group button {
        margin: 0px auto !important;
        width: 100%;
    }
    .maximize_map_div .badges-new i,
    .maximize_map_div .badge {
        margin-right: 4px;
        margin-left: 4px;
    }

    .side_maximize_icon i {
        font-size: 13px !important;
        line-height: 28px !important;
    }
     /* .form-check {
        min-height: 0.9rem !important;
    } */
    /* .form-check-input:checked,
    .form-check-input {
        height: 15px !important;
        width: 15px !important;
    } */
    .ln_height {
        line-height: 14px !important;
    }
    .font-size-22 {
        font-size: 13px !important;
    }
}
.badges-new .custom-badges.bg-warning {
    background-color: #EAAA08;
}
.badges-new .custom-badges.bg-primary {
    background-color: #2E90FA;
}

@media (min-width:992px) and (max-width:1024px)
{
    .badge-start-icons .d-lg-block.app-search h4 {
        max-width: 100% !important;
    }
}
@media (min-width: 992px) and (max-width: 1150px) {
    .app-search h4 {
        font-size: 14px;
    }
    .mt-none {
        display: none !important;
    }
    .page-item .page-link {
        font-size: 10px !important;
    }
}

@media (max-width:1150px)
{
    .maximize_map_div .badges-new .ri-checkbox-blank-circle-fill {
        margin-right: 3px;
        padding-left: 6px;
        padding-right: 3px;
    }
}
@media (min-width:1100px) and (max-width:1300px)
{
    .badges-new li:last-child {
        padding-right: 5px;
    }
    .app-search h4 {
        max-width: 100% !important;
        font-size: 15px !important;
    }
    .border-right {
        padding-right: 3px;
    }
}
@media screen and (min-width: 1026px) and (max-width: 1195px){
    .font-size-14 {
        font-size: 12px !important;
    }

    .font-size-17 {
        font-size: 12px !important;
    }
    ul#pills-tab .app-search .form-control {
        border: none;
        height: 28px;
        padding-left: 40px;
        padding-right: 10px;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 7px;
        border: 1px solid #ddd;
        font-size: 9px !important;
        color: #1d1d1d;
    }
}
input:-internal-autofill-selected,
input:-webkit-autofill {
    background-color: #ecf0f7 !important;
    border: 2px solid #ecf0f7 !important;
    transition: background-color 5000s ease-in-out 0s;
}
/* pagination */
.pagination-bx {
    text-align: right;
}
.pagination-bx ul li {
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
}
.pagination-bx ul {
    display: block !important;
}
.nModeOff .form-group .form-select,
.nModeOff .btn_ref_design,
.nModeOff .form-control,
.nModeOff .assign_vehicles .css-1s2u09g-control,
.nModeOff .dark__control,
.nModeOff .ref_btn_sec .btn-width,
.nModeOff button.refersh_mobile_btn,
.nModeOff button.date_filter_style,
.nModeOff .form-select,
.nModeOff textarea,
.nModeOff .refresh-btn-div .btn-width,
.nModeOff .for_fmcs_record .btn-width,
.nModeOff .input-credits input,
.nModeOff.range_date_select .report_cal {
    background-color: #ecf0f7 !important;
    border: 2px solid #ecf0f7 !important;
    color: #12161c !important;
}
/* @media screen and (min-width: 1101px) and (max-width: 1299px) {
    .add-button {
        padding: 6px 5px;
        height: 36px;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
} */
.nModeOff .search-data.add-driver .modal-footer button.btn.btn-secondary {
    background-color: #fff;
    color: #6c757d;
    /* border-radius: 8px; */
}
.edit_form_modal .modal-footer .btn-secondary {
    border: 1px solid #D0D5DD;
}
form.search-data.add-driver .modal-footer button.btn.btn-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}
.deactivate_footer .add-button {
    background: #D92D20 !important;
    border: 1px solid #D92D20 !important;
}
.success-btn {
    background: #12b76a;
    border: 1px solid #12b76a;
    color: #fff;
}

.success-btn:hover {
    color: #fff;
}
/* @media (min-width: 1200px) and (max-width: 1680px)
{
.search-data select, .search-data .form-control {
    height: 38px;
    font-size: 13px;
     border-radius:8px; 
}
} */
@media (max-width: 767px)
{
.search-data select, .search-data .form-control {
    height: 40px;
    font-size: 13px !important;
}
.refresh-btn-div .pd-r-20 {
    padding-right: 0px !important;
}
.search-data input.form-control{
    line-height:40px;
}
}
@media (min-width: 768px) and (max-width: 1299px)
{
.search-data select, .search-data .form-control, .card-body .form-control, .card-body .form-select{
    font-size: 12px !important;
    height: 38px;
    background-size: 12px 7px;
}
.card.card_personal .text-danger {
    font-size: 13px !important;
}
.css-tlfecz-indicatorContainer svg, .css-1gtu0rj-indicatorContainer svg {
    height: 12px !important;
    width: 12px !important;
}
}
/* .mt-none {
    display: none;
} */
@media (min-width: 360px) and (max-width: 1199px) {
    a.btn.add-button i {
        display: inline-block;
        vertical-align: sub;
    }
}
.nModeOff .page-content-bg {
    background: #F9FAFB;
}
@media (min-width:768px) and (max-width:1024px)
{
    .app-search .form-control {
        font-size: 12px !important;
    }
}
/* @media (min-width:1681px)
{
    .page-content {
        padding: calc(90px + 24px) calc(24px / 2) 60px calc(24px / 2);
    } 
} */
.nModeOff .btn-outline-danger.bg-white{
    background-color:#fff !important;
}
form button.text-danger{
    margin-top: 0px !important;
}
@media (min-width:1681px)
{

    .add_new_user .css-319lph-ValueContainer{
        line-height: initial !important;
    }
    .add_new_user .css-319lph-ValueContainer .css-6j8wv5-Input{
        padding-bottom:0px !important;}
        .vehicles_clustered_icon{
            font-size:17px !important;
            padding-right:5px !important;
        }
    
}
.nModeOff .form-group .form-select:focus,
.nModeOff input.form-control:focus,
.nModeOff .assign_vehicles .css-1pahdxg-control,
.nModeOff .form-select:focus,
.nModeOff button.date_filter_style:focus,
.nModeOff textarea:focus,
.nModeOff .dark__control--is-focused,
.input-credits input:focus,
.nModeOff .input_cards .StripeElement--focus,
.create-live-modal input:focus,
.range_date_select input:focus,
.range_date_select .react-datepicker-ignore-onclickoutside {
    border: 2px solid var(--primary-color) !important;
    outline: 0px !important;
    box-shadow: none;
    background-color: var(--primary-lighter-color);
}

@media (min-width: 768px) and (max-width: 1299px)
{
button.btn, button.add-button, a.cancel-btn {
    padding: 6px 18px !important;
}
button.btn-ref{
    width:38px !important;
    padding:0px !important;
}
button.header-item {
    padding-left: 0px !important;
    padding-right:15px !important;
}
/* .mr-n.resource_icon {
    margin-right: 10px !important;
} */
}
@media (min-width:1681px)
{
    .modal-footer button.btn{
        font-size:15px !important;
        height:44px !important;
    }
}
.add_event_pehra p strong {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    color: #475467;
}
.dark__value-container.dark__value-container--is-multi.dark__value-container--has-value{
    max-height:38px;
    overflow-y:scroll !important;
}
.add-btn_updates, .detail_btn {
    line-height: 40px !important;
}
@media screen and (max-width: 767px)
{
.navbar-header>.d-flex {
    align-items: center;
}
.vehicle-details .cancel-btn{
    margin-top: 35px;
}
.add-btn_updates, .detail_btn {
    line-height: 15px !important;
}

}
@media (min-width: 768px) and (max-width: 991px) {
    .app-search h4 {
        font-size: 14px;
    }
  
}
@media (min-width:992px) and (max-width:1299px)
{
    /* .noti-icon i.ti-moon{
        margin-top:3px;
    } */
    .text-break-design {
        width: 82% !important;
    }
}
@media (min-width: 1100px) and (max-width: 1299px) {
    .main-content.minimize-main .drive-hos-label .form-select,
    .main-content.minimize-main .tob-section-option .form-select,
    .main-content.minimize-main .logs_date_col .app-search .form-control,
    .main-content.minimize-main .logs_date_col1 .app-search .form-control {
        width: 168px !important;

    }
}
.row-align{
    width:100%;
    margin:0 auto;
}
@media (min-width: 768px) and (max-width: 1024px){
.add-button {
    font-size: 12px;
}
}
/* .user-input .form-control {
    padding-left: 35px;
} */
.sorting_hover{
    display: flex;
    cursor: pointer;
    width: 100%;
    align-items: center;
}
.sorting_hover i{
    opacity: 0;
    transition: opacity .35s ease;
}
.sorting_hover:hover i{
    opacity:1;
}
.sorting-list .sorting_hover i{
    opacity:1 !important;
}
i.ti.ti-calendar, i.ti.ti-calendar-event {
    font-size: 17px;
    margin-top: 0px;
}
@media (min-width: 1300px) and (max-width: 1680px) {
    .card_personal .user-input:before {
        font-size: 13px !important;
        top: 38px !important;
    }
  
}
.states_dropdown input {
    min-width: 0px !important;
}

.states_dropdown input:focus {
    outline: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
}
.states_dropdown .css-1okebmr-indicatorSeparator {
    width: 0px
}

.states_dropdown .css-tlfecz-indicatorContainer {
    display: flex;
    align-items: center;
    height: 100%;
}
.states_dropdown select {
    border-radius: 8px !important;
}

.states_dropdown input {
    border-radius: 8px !important;
}
/* .states_dropdown .css-1hb7zxy-IndicatorsContainer svg {
    height: 14px;
    width: 14px
} */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .w_m_change {
        width: 85%;
    }
}
@media (min-width:768px) and (max-width:1299px)
{
    .user-input:before {
        top: 36px !important;
        font-size: 14px !important;
    }
    .card_personal .e-mail-icon:before{
        top: 39px !important; 
    }
    
    .states_dropdown svg {
        height: 11px !important;
    }
    .card-personal label {
        font-size: 13px !important;
    }
    .mbt-20{
        margin-bottom:20px;
    }
}

.warning-danger,
.font-size-19 {
    font-size: 19px;
}
@media (min-width:1251px) and (max-width:1301px)
{
.company_name_title{
    width:100%;
}
}
@media(min-width:1199px) {
    .dropdown-menu.dropdown-menu-lg.dropdown-menu-end {
        width: 480px;
        border-radius: 8px;
    }
    form.search-data *.col {
        padding: 0px 5px;
        width: 250px;
    }
}
.search-data_n .app-search .form-control {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ced4da;
}
.align-left {
    text-align: left !important;
}
@media (max-width:1300px)
{
        .col-sm-3.ps-4.btn-style-right {
            padding-left: 0 !important;
        }
}

@media (max-width:1099px) {
    .app-search .nav-pills .nav-item button {
        width: 40px;
        height: 40px;
    }
}
.company-admin .admin-mt-1{
    margin-top:6px
}
.nowrap-text{
    white-space:inherit !important;
}
@media (min-width: 461px) and (max-width:767px){

    .edit-btn_color{
        color:#505d69;
        background:transparent;
}
}
.edit-btn_color{
    color: #344054;
    border: 1px solid #D0D5DD;
    background-color:transparent;
}
.datetime-picker .calendar td.now {
    background-color: #eee !important;
    color: #4b5762 !important;
}
.DatePicker .datetime-picker .calendar table tbody tr td.selected {
    /* background-color: #2e90fa !important; */
    background-color: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 400;
}
.nModeOff .app-search .form-control::placeholder {
    color: #636d7f !important;
}
.DatePicker .datetime-picker-popup:before {
    display: none;
}
@media (min-width:1151px) and (max-width:1299px) {


    ul.badges-new button i,
    ul.badges-new span i {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    ul.badges-new .border-right.grey-icon_color .badge_count,
    ul.badges-new .border-right.grey-icon .badge_count {
        font-size: 14px !important;
        line-height: 14px !important;
    }

    .badges-new li:last-child {
        font-size: 14px !important;
    }

    .badges-new .ri-checkbox-blank-circle-fill {
        margin-right: 3px;
        padding-left: 7px !important;
        padding-right: 3px !important;
    }

    .badges-new li:last-child svg {
        width: 12px !important;
        height: 12px !important;
        margin-top: 1px;
    }

    .maximize_map_div .border-right.grey-icon {
        margin-right: 1px !important;
    }

    .maximize_map_div .border-right.grey-icon i {
        width: 20px;
    }

    ul.badges-new li i.font-size-16 {
        font-size: 14px !important
    }

    header .custom-badges {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .maximize_map_div .badge_ml_5 svg {
        width: 12px !important;
        height: 12px !important;
        margin-top: 1px;
    }
  
    #page-header-user-dropdown{
        margin-left:0px !important;
    }
}

@media (min-width:1800px) {
    .badges-new li:last-child {
        font-size: 16px !important;
        line-height: 17px !important;
    }

    .refresh-btn-div .pd-r-20 {
        padding-right: 0px !important;
    }

    .badges-new li:last-child svg {
        margin-top: 0px !important;
    }

    .maximize_map .custom-badges {
        height: 17px !important;
    }
}
@media (min-width:1301px)
{
    .tob-section-option .form-select{
        height:40px;
        line-height:20px;
    }
}
@media (min-width:1500px)
{
    .search-data select, .search-data .form-control {
        height: 40px;
        font-size: 15px;
    }
}
.table-responsives::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.table-responsives::-webkit-scrollbar-thumb {
    background: #888;
}
.table-responsives::-webkit-scrollbar-track{
    background:#f1f1f1;
}
.table-responsives::-webkit-scrollbar-thumb:hover {
    background: #555;
}
button.btn.d-block.add-button:focus {
    box-shadow: none;
}
/* #react-select-7-listbox div,
#react-select-8-listbox div,
#react-select-9-listbox div,
#react-select-10-listbox div,
#react-select-15-listbox div,
#react-select-16-listbox div,#react-select-17-listbox div,#react-select-18-listbox div,#react-select-19-listbox div,
#react-select-20-listbox div,#react-select-21-listbox div,#react-select-22-listbox div,#react-select-23-listbox div,
#react-select-24-listbox div,#react-select-25-listbox div,#react-select-26-listbox div,#react-select-27-listbox div,
#react-select-28-listbox div,#react-select-29-listbox div,
#react-select-30-listbox div,#react-select-31-listbox div,#react-select-32-listbox div,#react-select-33-listbox div,
#react-select-34-listbox div,#react-select-35-listbox div,
#react-select-43-listbox div,#react-select-45-listbox div,#react-select-68-listbox div,
#react-select-89-listbox div,#react-select-63-listbox div,
#react-select-115-listbox div,
 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
     font-size: 13px !important; 
} */

/* #react-select-2-listbox div,
#react-select-4-listbox div,
#react-select-3-listbox div,
#react-select-5-listbox div,
#react-select-6-listbox div,
.custom-select .css-26l3qy-menu {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
     font-size: 12px !important; 
} */

/* #react-select-11-listbox div,
#react-select-12-listbox div,
#react-select-13-listbox div,
#react-select-14-listbox div {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 12px !important;
} */
.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
input:focus {
    box-shadow: none;
}
.add_event-modal label {
    font-size: 13px;
    color: #1d2939;
}
.navbar-header.minimize-main span.logo-lg {
    display: none;
}
.navbar-header.minimize-main span.logo-sm {
    display: block;
    position: relative;
    left: 0px;
    top: -1px;
}
.nModeOn .logo-light {
    display: block;
}

ul#pills-tab li button p {
    font-weight: 400;
    margin-top: 9px;
    margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1360px) {
    button.date_filter_style i {
        font-size: 17px !important;
        line-height: 0;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: 0px;
    }
}
.css-1pndypt-Input {
    height: 35px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.gmnoprint .gm-style-mtc {
    display: none;
}
.gm-control-active {
    display: none;
}
/* Progress Bar */
p.proces-bar-label {
    font-size: 13px;
    text-align: -webkit-right;
}

p.proces-bar-label {
    font-size: 11px;
    text-align: right;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
}
.process-bottom-pehra p {
    font-size: 13px;
}

.modal-bar .progress-bar.bg-success {
    background-color: #039855 !important;
}

li.process-bar-li {
    width: 76%;
    margin-right: 8px;
}

ul.process-bar-ul li {
    display: inline-block;
    vertical-align: middle;
}

li.process-bar-disacription {
    width: 21%;
}
.ENG_UP_NORMAL {
    background-color: #667085;
}

.ENG_UP_REDUCED {
    background-color: #667085;
}

.ENG_DOWN_NORMAL {
    background-color: #667085;
}

.ENG_DOWN_REDUCED {
    background-color: #667085;
}

.ELD_MALF {
    background-color: #667085;
}

.ELD_MALF_CLEARED {
    background-color: #667085;
}

.ELD_DIAG {
    background-color: #667085;
}

.ELD_DIAG_CLEARED {
    background-color: #667085;
}

.DS_ON {
    background-color: #0f9cf3;
}

.DS_OFF {
    background-color: #667085; 
}

.DR_IND_PC {
    background-color: #875bf7;
}

.DR_IND_YM {
    background-color: #ef6820;
}

.DR_CERT_1 {
    background-color: #667085;
}

.DR_CERT_2 {
    background-color: #667085;
}

.DR_CERT_3 {
    background-color: #667085;
}

.DR_CERT_4 {
    background-color: #667085;
}

.DR_CERT_5 {
    background-color: #667085;
}

.DR_CERT_6 {
    background-color: #667085;
}

.DR_CERT_7 {
    background-color: #667085;
}

.DR_CERT_8 {
    background-color: #667085;
}

.DR_CERT_9 {
    background-color: #667085;
}

.INTER_NORMAL_PRECISION {
    background-color: #667085;
}

.INTER_REDUCED_PERCISION {
    background-color: #667085;
}
p.small-info {
    font-size: 12px;
    margin-bottom: 0;
}
/* body.modal-open{
    padding-right:0px;
} */
@media  (min-width: 1681px)
{
.css-1s2u09g-control, .css-1pahdxg-control, .css-14el2xx-placeholder {
    font-size: 15px;
    height:40px;
    line-height:39px;
}
}
.dark__option--is-selected {
    background-color: var(--primary-color) !important; /* Change background color to yellow */
  }
  .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle{
    background-color: var(--primary-color) !important;
}
@media (min-width:1681px)
{   
    .page-content.company-admin {
        padding-top: 65px !important;
    }
}
@media (min-width: 1300px) and (max-width: 1680px) {
        
    #mdbDtTable .sorting_desc:after {
        left: 2.6rem !important;
        font-family: "Font Awesome\ 5 Free", sans-serif;
        font-size: 0.5rem !important;
        font-weight: 900;
        content: "\f063";
        top: 15px !important;
    }

    #mdbDtTable .sorting_asc:before {
        left: 2.6rem !important;
        font-size: 0.5rem !important;
        font-weight: 900;
        top: 15px !important;
    }

    #mdbDtTable .sorting:before {
        left: 2.6rem !important;
        font-size: 0.5rem !important;
        font-weight: 900;
        top: 15px !important;
    }
}
.align-center{
    text-align:center !important;
}
.select-boz-style input:focus {
    box-shadow: none !important;
}
/* .add-drive .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
} */
.app-search h4 small {
    font-size: 100% !important
}

.app-search h4 b {
    color: #98A2B3;
    font-weight: 600 !important;
}

.app-search h4 b small {
    color: #1D2939;
}
.global_spinner-group{
    position:absolute;
    z-index:2222;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    /* background:#00000005; */
    background:transparent;
}
.global_spinner-group .spinner-border{
    background:transparent;
}
@media (min-width:768px)
{
    .navbar-header {
        height: 60px;
    }
}
.dark__multi-value__label{
    line-height:normal !important;
}
.vertical-menu.not_minimize #sidebar-menu ul li ul.sub-menu li a, .vertical-menu.null #sidebar-menu ul li ul.sub-menu li a {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}
.css-14el2xx-placeholder{
    padding-left:2px;
}
.form-check .form-check-label{
    margin-bottom:0px;
}
.form-toggle-design input{
    width: 62px !important;
    height: 32px;
}
/* .custom-control-label::before {
    background-color: #28a745;
}

.custom-switch .custom-control-label::after {
    background-color: white;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: red;
}
.form-switch .form-check-input{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0, 0, 0, 0.25)' filter='drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5))'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-color: #28a745; /* Green color when switch is checked }*/


/* .form-switch .form-check-input {
    background-color: #dc3545; 
}  */
.form-switch .form-check-input{
    background-color: #ced3db;
    border:0px;
  }
  .card.card_personal{z-index:111;}
  .eld_firmware .card.card_personal.overlap_new {
    z-index: 0;
}