.nModeOn .h1,
.nModeOn .h2,
.nModeOn .h3,
.nModeOn .h4,
.nModeOn .h5,
.nModeOn .h6,
.nModeOn h1,
.nModeOn h2,
.nModeOn h3,
.nModeOn h4,
.nModeOn h5,
.nModeOn h6 {
    color: #ededed;
    font-family: Inter, sans-serif;
}
 
.nModeOn {
     min-height: 100vh; 
    background-color: #151618;
}  
.nModeOn input {
    color-scheme: dark;
}
.nModeOn button.btn-primary{
    opacity:1;
}

/* Modal Box css */
.fade.nModeOn.modal.show {
    background-color: transparent !important;
}
.nModeOn.modal .modal-content,
.nModeOn .device-info_modal .modal-content{
    background-color: #303236 !important;
    border: 1px solid #303236 !important;
}
.nModeOn form p{
    color:#c7c7c7 !important;
}
.nModeOn form label,
.nModeOn .form-group label {
    color:#ededed !important;
}
.nModeOn .modal-backdrop.show{
    opacity:.6;
}

/* Tbale */
.nModeOn .table th
{
    background-color:  #040404 !important;
    color:#ededed !important;
}
.nModeOn .table,
.nModeOn .table tbody{
background: #151618 !important;
}

.nModeOn table thead{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: transparent;
}

.nModeOn table tbody tr:last-child{
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}

.nModeOn table tbody tr:last-child td:first-child{
    border-bottom-left-radius:8px;
}
.nModeOn .table td{
    color:#ededed !important;
}

.nModeOn table thead th{
    border-bottom: 1px solid #2b2d32;
}
.nModeOn .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #101012;
    --bs-table-accent-bg: #101012;
    color: #ededed;
}
.nModeOn table.table.table-background.dt-responsive td a {
    color: #ededed ;
}
/* Drakmode */
.nModeOn .text-muted,
.nModeOn span.form-label {
    color: #bababa !important;
}
.nModeOn .table-striped tbody tr:nth-of-type(even){
    background-color: #1e1f22 !important;
    --bs-table-accent-bg: #1e1f22 !important;
}
.nModeOn .table tbody tr{
    background-color: #0c0d0e !important;
    --bs-table-accent-bg: #0c0d0e !important;
}
.nModeOn .table tbody tr:last-child td{
    border-bottom:0px !important
}
.nModeOn .table tbody tr:last-child td:first-child{
    border-bottom-left-radius: 8px;
}
.nModeOn .table tbody tr:last-child td:last-child{
    border-bottom-right-radius: 8px;
}
.nModeOn .table tbody tr td{
border-bottom:1px solid #2b2d32 !important;
}
.nModeOn table i.text-grey,
.nModeOn table .contact_cell_info i{
    color:#c7c7c7 !important;
}
.nModeOn .d-none-dark{
    display:none;
}
.nModeOff .d-none-light{
    display:none;
}
.nModeOn .navbar-header.mt-2.pb-1{
    border-bottom: 1px solid #2b2d32;
}

/* .nModeOn .row.scroll-seventh,
.nModeOn .seventh{
    border-top:1px solid #2b2d32;
} */
/* .nModeOn div#pills-tabContent label.form-label.label-filter{
    color:#c7c7c7;
} */

.nModeOn .pillst-tab-new ul#pills-tab li.nav-item.active button {
    background-color:#1d1e22 !important;
    box-shadow: none !important;
    color:#fff;
    border-color: var(--primary-lighter-color) !important;
    border-radius: 8px !important;
}
 .nModeOn .nav-item button.border-color{
    background:#2b2d32 !important;
    border-color:#202124;
    color:#c7c7c7;
} 
.nModeOn .search_bar_div button {
    border: 1px solid #2b2d32;
    background-color: #202124;
    color: #fff;
}

.nModeOn button#page-header-user-dropdown span small{
    color:#D0D5DD;
}

.nModeOn.compareModal .modal-title span,
.nModeOn.compareModal h5 span
{
    color:#ededed !important;
}

.nModeOn.compareModal .btn-outline-grey{
    color:#cfcfcf;
}
.nModeOn .dropdown-menu.dropdown-menu-end.show {
    border: 1px solid#202124;
    background-color:#202124;
     box-shadow:0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);
    }
.nModeOn .border-right {
    border-right: 1px solid #2b2d32;
}
.nModeOn .noti-icon i {
    color:#fff;
}
.nModeOn ul.badges-new button {
    color: #fff;
}
.nModeOn .grey-icon .badge_count{
    color:#fff;
}
.nModeOn .weather_dropdown,
.nModeOn .dropdown-menu{
    background-color:#202124;
    color:#fff;
    box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);
}
.nModeOn .weather_dropdown label,
/* .nModeOn .form-check-label, */
.nModeOn .dropdown-design .dropdown-menu label{
    color:#fff !important;
}
.nModeOn .dropdown-menu.drowpdown_space span{
    color:#fff !important; 
}
.nModeOn .dropdown-menu.drowpdown_space .dropdown-item:hover{
    background:#202124;
}
.nModeOn #pills-profile .duty-status-detail p,
.grey-text i{
    color:#D0D5DD;    
}
.seventh li .grey-text{
display:flex;
align-items: center;
}
.nModeOn #pills-profile .seventh ul li
{
    color:#ededed;
}
.nModeOn select option{
    background-color:#3b3c40 !important;
}

.no_data-result {
    color: #ddd;}
.nModeOn .table{
    border:0px !important;
}

.nModeOn .no_records_design{
    color:#ededed;
}
.nModeOn .ref_btn_sec button,
.nModeOn .refersh_mobile_btn button,
.nModeOn .return_btn_style
{
    border:1px solid #74767c !important;
    color:#ededed !important;
}
.nModeOn .ref_btn_sec .btn-width{
    background-color: #3b3c40 !important;
    border: 2px solid transparent !important;
}

.nModeOn .btn_ref_design{
    background-color:#3b3c40 !important; 
    border: 2px solid transparent !important;
    color:#ececec;
}
.nModeOn .refersh_mobile_btn button,
.nModeOn .btn-width,
.nModeOn .btn-ref{
background-color:#3b3c40 !important; 
border: 2px solid transparent !important;
color:#ececec;
}
.nModeOn .noti-dot{
    display:none;
}
.nModeOn .table-hover>tbody>tr:hover>*{
    --bs-table-accent-bg: rgb(21 22 24 / 78%) !important;
    background-color: #a4aec3 !important;
}


.nModeOn ul.data_buttons_edit li a,
.nModeOn ul.data_buttons_edit li button{
    background-color:transparent ;
}

.nModeOn .row.log-forms-row {
    background-color:#202124;
    border: 1px solid#202124;
    box-shadow: 0 5px 8px rgba(26, 26, 26, 0.41);
}
.nModeOn .log-forms-row .btn-collapse,
.nModeO .log-forms-row .btn-collapse[aria-expanded="true"],
.nModeOn select.custom-select.custom-select-sm.form-control.form-control-sm,
.nModeOn .page-item.disabled .page-link,
.nModeOn .page-link
{
    background: #202124 !important;
    border: 1px solid #202124 !important;
    color: #ededed;
}
.nModeOn .log-forms-row .btn-collapse i,
.nModeO .log-forms-row .btn-collapse[aria-expanded="true"] i{
    color:#ededed;
    opacity:1;
}
.edit_form_modal.nModeOn label,
/* .add_event-modal.nModeOn label, */
.nModeOn.kjfs label,
/* .nModeOn #transfer-modal label, */
.nModeOn #transfer-modal .date_filter_style i,
/* .nModeOn #transfer-modal-dwn label, */
.nModeOn #transfer-modal-dwn .date_filter_style i,
.nModeOn .ifta-report-tbl i
{
color:#ededed;
font-weight:400;
}
.edit_form_modal.nModeOn input.form-control,
.add_event-modal.nModeOn input.form-control,
.add_event-modal.nModeOn select,
.nModeOn .card_personal.info_form input,
.nModeOn .card_personal.info_form select,
.nModeOn form input,
.nModeOn .input_cards .form-control,
/* .nModeOn .card.card_personal input.form-control, */
.nModeOn .add_systme_ad_form select,
.nModeOn .vehicle-handle .css-1s2u09g-control,
.nModeOn .share_modal input,
.nModeOn .input_unlink input,
.nModeOn .for_modal_deisgn_box .input_email_copy input,
/* .nModeOn .badges-new,  */
.nModeOn .form-select, 
.nModeOn .search-data_n select,
.nModeOn input.form-control,
.nModeOn textarea.form-control
{
    /* border:1px solid #7a7a7a !important;
    background-color: transparent; */
    border: 2px solid #3b3c40 !important;
    background-color: #3b3c40 !important;
    box-shadow:0 1px 3px rgb(46 46 46 / 12%) ;
    color:#ededed;
}
.nModeOn #transfer-modal select,
.nModeOn #transfer-modal input.form-control,
.nModeOn #transfer-modal textarea,
.nModeOn #transfer-modal-dwn select{
    border: 2px solid #3b3c40;
    background-color: #3b3c40;
   
}
.nModeOn #transfer-modal .transfer_readio input{
    box-shadow:none !important;
}
.nModeOn #transfer-modal textarea{
    color:#c7c7c7;
}
.nModeOn #transfer-modal .btn-secondary, 
.nModeOn #transfer-modal-dwn .btn-secondary,
.nModeOn .drp-buttons span.drp-selected,
.nModeOn .drp-buttons button.cancelBtn.btn.btn-sm.btn-default{
    border:1px solid #7a7a7a !important;
}
.nModeOn .drp-buttons span.drp-selected,
.nModeOn .drp-buttons button.cancelBtn.btn.btn-sm.btn-default{
color:#ddd !important
}
.nModeOn .card.card_personal .form_input_style select,
.nModeOn .card.card_personal select {
    /* border: 1px solid #7a7a7a !important; */
    /* border:2px solid #3b3c40 !important; */
}
.nModeOn .calender_with_icon i{
    color:#c7c7c7;
}

.nModeOn #transfer-modal .date_filter_style,
.nModeOn #transfer-modal-dwn .date_filter_style{
    border: 2px solid transparent ;
    background-color: #3b3c40;
    color:#ededed !important;
    font-weight: 300;
}
.nModeOn .vehicle-handle .css-1s2u09g-control input:focus{
    box-shadow:none !important;
    outline:0px !important;
    border:0px !important;
}
.nModeOn .vehicle-handle .css-6j8wv5-Input:focus,
.nModeOn .vehicle-handle .css-6j8wv5-Input,
.nModeOn .vehicle-handle .css-qc6sy-singleValue{
    outline:0px !important;
}
.nModeOn .vehicle_form .css-1s2u09g-control input:focus,
.nModeOn .vehicle-handle .css-1s2u09g-control input,
.nModeOn .vehicle-handle .css-1s2u09g-control input:focus{
    border:0px !important;
}
.edit_form_modal.nModeOn .small-info,
.nModeOn #transfer-modal select,
.nModeOn #transfer-modal-dwn select,
/* .nModeOn form input, */
.nModeOn form input i{
    color:#ededed;
}
.nModeOn .edit-check-box .slider {
    background-color: #2b2d32;
}

.nModeOn .select-boz-style svg path,
.nModeOn .vehicle-handle svg path{
    fill:#ededed;
}
.nModeOn form.search-data.add-driver .modal-footer button.btn.btn-secondary {
    background-color: transparent;
    color: #ededed;
    border-color: #7a7a7a;
}
.nModeOn .status-indicator.dr{
    color: #099250 !important;
}
.nModeOn .status-indicator.sb {
    color: #d7a23d  !important;
}

.nModeOn .seq_button button i, .nModeOn .clear_btn_notes {
    color: #c7c7c7 !important;
    font-weight: 500;
}
.nModeOn .logs_page_filter_sec .date_filter_style,
.nModeOn .driver-logs-detail-section .date_filter_style,
.nModeOn button.date_filter_style{
    /* background-color: transparent;
    border:1px solid #2b2d32; */
    color:#ededed;
    background-color:#3b3c40; 
     border: 2px solid transparent !important;
}
.nModeOn .logs_page_filter_sec .date_filter_style i,
.nModeOn .driver-logs-detail-section .date_filter_style i,
.nModeOn #edit_payment_modal .modal_heading,
.nModeOn button.date_filter_style i
{
    color:#ededed;
}
.nModeOn .card,
.nModeOn .billing-plan-box {
    background-color:transparent;
    border:1px solid #2b2d32;
}

/* .nModeOn .card_personal.info_form input, */
.nModeOn .card_personal.info_form select,
.nModeOn .billing_actions i{
    color:#ddd !important;
}
.nModeOn .api_page .w_m_change p{
    color:#bdc1c6;
}

.nModeOn .toggle_two_factor .slider{
    background-color: #3b3c40;
}
.nModeOn .cancel-btn,
.nModeOn button.edit-card-btn,
.nModeOn .btn-cancel,
.nModeOn .btn-close-grey,
.nModeOn #modal_create_company button.btn-secondary{
    border:1px solid #7a7a7a !important;
    color:#ededed !important;
    background-color:transparent !important;
}
.nModeOn ul.card-detail-ul{
    border:1px solid #7a7a7a !important; 
}

.nModeOn.device-info_modal .create-live-share label i,
.nModeOn.device-info_modal p{
    color:#c7c7c7 !important;
}
.nModeOn .driver_table_log td.device_info span{
    color:#c7c7c7 !important;
}
.nModeOn .input-credits i{
    color:#c7c7c7 !important;
}

.nModeOn .update_subs_amount p strong,
.nModeOn .update_subs_add_new p strong{
    color:#d9d9d9 !important
}
.nModeOn .billing-plan-box .card-details-li p strong {
    color:#ededed !important;
}
.nModeOn p.txt_muted,
.nModeOn .cancel-subs-content p,
.nModeOn .form-control::placeholder,
input::placeholder{
    color:#9b9da1 !important;
}
.nModeOn .update_plan_flex{
    border-top:1px solid #2b2d32;
}
.nModeOn .table-hover>tbody>tr:hover>*{
    color:#ededed !important;
}
.nModeOn .form-control:focus{
    color:#bebebe;
}

.nModeOn .danger-btn:hover{
    background:transparent !important;
}

.nModeOn .btn-cancel:hover,
.nModeOn .btn-cancel:hover,
.nModeOn .cancel-btn:hover,
.nModeOn .btn-close-grey:hover,
.nModeOn .return_btn_style:hover,
.nModeOn button.edit-card-btn:hover,
.nModeOn .btn.cancel-btn:hover,
.nModeOn #modal_create_company button.btn-secondary:hover{
    border: 1px solid #7a7a7a !important;
    background-color: rgb(70 70 70 / 65%)  !important;
    color: #ededed !important;
}

.nModeOn .success-status-detail{
    color:#027A48 !important;
    font-weight:700 !important;
}

.nModeOn input:-internal-autofill-selected{
    background-color: #505458 !important;
    opacity: 1;
    color: #bbb8b8 !important; 
}
.nModeOn .form-control:disabled,
.nModeOn .form-control[readonly],
.nModeOn .css-1insrsq-control{
    /* background-color: #3b3c40 !important */
    background-color: #505458 !important;
    opacity: 1;
    color: #bbb8b8 !important;
    border: 1px solid #7a7a7a !important;
    /* cursor: not-allowed !important; */
} 
.nModeOn .css-1insrsq-control{
    border:1px solid #7a7a7a !important;
} 

.nModeOn .select-boz-style input,
.nModeOn .states_dropdown input,
.nModeOn .vehicle_select input{
border:0px !important;
}
.nModeOn .states_dropdown svg path,
.nModeOn .vehicle_select svg path{
    fill:#c7c7c7;
}
.nModeOn input:-webkit-autofill{
    transition: background-color 600000s 0s, color 600000s 0s;
}
.nModeOn input[data-autocompleted] {
    background-color: transparent !important;
}
.nModeOn .btn-outline-success{
    background-color:transparent !important;
}

.nModeOn .company_sub_content address strong{
    color:#ededed;
}
.nModeOn .page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    z-index: auto !important;
}
.nModeOn .ifta-form .css-14el2xx-placeholder{
    color:#ededed; 
}
.nModeOn .total-vehiles-table thead,
.nModeOn .total-vehiles-table thead th{
    background:transparent !important;
}
.nModeOn .total-vehiles-table th span{
color:#fff;
}
.nModeOn .vehicle_form .css-b62m3t-container svg path{
    fill:#ededed;  
}
.nModeOn .vehicle_form .css-b62m3t-container input{
    border:0px !important
}
.nModeOn .drop-down-ul{
    background-color:#202124 !important;
    border: 1px solid#202124 !important;
}
.nModeOn .css-2613qy-menu{
background:#3b3c40 !important;
}

.nModeOn .api_rigth_section{
    background:#3b3c40;
}

.nModeOn .api_page_heading h4,
.nModeOn .api_page_heading p,
.nModeOn .api_page_subheading h5,
.nModeOn h5.api_schema{
    color:#ededed;
}
.nModeOn .security-details tr:nth-of-type(even) th,
.nModeOn .security-details tr:nth-of-type(even) td{
color:#c7c7c7;
}
.nModeOn .authentication-details{
    box-shadow:none !important;
    color:#c7c7c7;
}
.nModeOn .api_json{
    color:#c7c7c7 !important;
}
.nModeOn .api_rigth_section .api_accord .card-header,
.nModeOn .api_box,
.nModeOn .api_box .request_content_box p{
    background-color: #202124;
    color:#ededed;
}
.nModeOn .api_rigth_section .api_accord .card-header button{
    color:#c7c7c7
}
.nModeOn .request_content_box{
    background-color: transparent !important;
    border:1px solid #2b2d32;   
    color:#ededed;
}
.nModeOn .request_content_box h6,
.nModeOn .request_btn_grp button,
.nModeOn .request_content_code .property{
    color:#c7c7c7 !important;
}
.nModeOn .billing-table .tbl-design tbody tr:nth-of-type(even){
    background-color:#202124 !important;
    --bs-table-accent-bg:#202124 !important;
}
.nModeOn .billing-table .tbl-design tbody td p,
.nModeOn .billing-table .tbl-design tbody td a{
color:#ededed;
}
.nModeOn .assign_vehicles input{
    border:0px !important;
}
.nModeOn ul#tab-design li.nav-item button{
    background:#2b2d32 !important;
    border:1px solid #2b2d32 !important;
    color:#c7c7c7;
}
.nModeOn ul#tab-design li.nav-item.active button {
    background-color: #1d1e22 !important;
    box-shadow: none !important;
    color: #ededed;
    border-color:#1d1e22 !important;
}
.nModeOn .tabs_Design .standart-time-li .pehra-badge{
    color:#ededed;
}
.nModeOn .app-search h4 b small{
    color: #ededed;
}
.nModeOn .modal .modal-content{
    background-color:#202124 !important;
    border: 1px solid#202124 !important;
}

.nModeOn .search-data.add-driver input.form-control:focus,
.nModeOn .input-credits input:focus,
.nModeOn .input-credits input:focus-visible,
.nModeOn form .form-control:focus,
.nModeOn .share_modal input:focus,
.nModeOn .input_unlink input:focus,
.nModeOn .for_modal_deisgn_box .input_email_copy input:focus,
.create-live-modal.nModeOn input:focus,
.nModeOn .css-1pahdxg-control,
.nModeOn .input_cards .StripeElement--focus,
.nModeOn .range_date_select .report_cal:focus{
    box-shadow:none;
    border:2px solid var(--primary-color) !important;
    outline:0px;
}
.nModeOn .input_cards .Icon-fill {
    fill: #e5e5e5 !important;
}
.nModeOn .form-group select.form-select:focus,
.nModeOn select.form-select:focus,
.nModeOn #transfer-modal-dwn button.date_filter_style:focus{
    box-shadow:none;
    border:2px solid var(--primary-color) !important;
    outline:0px;
}
.nModeOn form .form-control:focus,
.nModeOn .app-search input.form-control:focus,
.nModeOn .date_filter_style:focus,
.nModeOn form textarea:focus,
.nModeOn #transfer_modal select.form-select:focus,
.nModeOn #transfer_modal button.date_filter_style:focus,
.nModeOn #transfer_modal textarea:focus,
.nModeOn #transfer-modal-dwn select.form-select:focus,
.nModeOn #transfer-modal-dwn button.date_filter_style:focus
{
    box-shadow:none;
    border:2px solid var(--primary-color) !important;
    outline:0px;
}
button.update-subscription:hover {
    background-color: var(--primary-color);
    opacity:0.9;
}

.nModeOn .ElementsApp .Icon-fill {
    fill: #c7c7c7 !important;
}

.nModeOn .btn-outline-danger{
    background-color: transparent !important;
}
.nModeOn .btn-outline-success:hover{
    background:#d0ffe9 !important;
}
.nModeOn button.btn-close{
    opacity:0.60;
}

.nModeOn .maximize_map_div .badges-new,
.nModeOn .side_maximize_icon .badges-new{
    background-color:#3b3c40;
}
.nModeOn.maximize_map .navbar-header{
    border-bottom:0px !important;
}

.maximize_map.nModeOn .dropdown-menu .dropdown-item span{
    color:#ededed;
}
.maximize_map.nModeOn .dropdown-menu .dropdown-item:hover {
    background: #202124 !important;
}


.nModeOn #sidebar-menu ul li a:hover .chat_number span{
color:#505d69 !important;
}
.nModeOn .dropdown-account .bootom-links li a:hover{
    background-color:transparent !important;
}
.nModeOn .dropdown-account .dropdown-item:hover{
    background: #202124 !important;
}
.nModeOn .dropdown-menu.dropdown-menu-end.show .dropdown-divider {
border-top:1px solid #2b2d32 !important;
}

.nModeOn .no_records h3{
    color:#ededed;
}
.nModeOn .no_content_section p{
    color:#c7c7c7;
}
.nModeOn .calendar table{
    box-shadow:none;
}
.nModeOn .NewChart span.DS_D, 
.nModeOn .NewChart span.DS_OFF, 
.nModeOn .NewChart span.DS_ON, 
.nModeOn .NewChart span.DS_SB,
.nModeOn .NewChart .vertical{
    background-color: #1570EF;
}
.nModeOn .NewChart span.DR_IND_PC,.nModeOn .NewChart span.DR_IND_YM{
    border-color: #1570EF!important; 
}
.nModeOn.edit_form_modal .input_radio{
    color:#c7c7c7 !important;
}
.search-data.add-driver .input_radio input:focus{
    box-shadow:none !important;
}
.create-live-modal .share_close_btn:hover{
    background-color: transparent !important;
}
.create-live-modal .share_close_btn:hover i{
    background-color: transparent !important;
    color:#c7c7c7;
}
.nModeOn .tbl-fmcsa tbody tr:nth-of-type(even) {
    background-color: #1e1f22 !important;
    --bs-table-accent-bg: #1e1f22 !important;
}
.nModeOn .tag_eld{
    color:#c7c7c7 !important;
}
.nModeOn .unassign-modal-bar .modal-footer{
    padding-bottom:10px !important;
    padding-right:10px !important;
}
.nModeOn .vehicle_select .css-319lph-ValueContainer{
    padding-top:0px;
}
.nModeOn .bg_vilations{
background-color:rgb(255 83 73 / 19%);
}
.nModeOn .bg_vilations h6{
    color:#fff;
}
.nModeOn .bg_vilations .text-danger_v1,
.nModeOn .bg_vilations .text-break-design p{
    background:transparent;
    color: #f04037!important;
}
.nModeOn ul.data_buttons_edit li a,.nModeOn ul.data_buttons_edit li button,
.nModeOn .remove-label-btn{
    color: #f04037!important;
    background:#151618;
}
.nModeOn .text-danger-highlight{
    color: #f04037!important;
}

.nModeOn .status-indicator.dr {
    color: #0baf60 !important;
}
.nModeOn .dark__menu-list{
    background:#151618 !important;
    color:#ededed !important;
    display:block;
    opacity:1;
}
.nModeOn .dark__option:hover{
background:#202124 !important;
}

.nModeOff .css-1n7v3ny-option {
    background:#ecf0f7 !important;
}
.nModeOn .css-1n7v3ny-option {
    background:#202124 !important;
}
.nModeOn .select-position .dark__value-container{
padding-top:0px !important;
}
.nModeOn input:checked+.slider {
    /* background-color: #1570ef !important; */
background-color: var(--primary-color) !important;
}
.nModeOn .add_event_pehra{
    color: #ddd !important;
}

.nModeOn .update_subs_add_new{
    background: #322c1b;
    border: 1px solid #974600 !important;
}

.nModeOn .dark__multi-value{
    background: #232527;
    border-radius: 20px;
} 
.nModeOn .dark-tab{
    background:rgb(76 78 82) !important;
}
.nModeOn button.btn.btn-secondary.danger-btn
/* ,.nModeOn .add-driver .btn.btn-outline-danger  */
{
    color: #f04037!important;
}


.nModeOn .table-hover .active_companies,
.nModeOn .table-hover .active_groups,.nModeOn .ready_status,
.nModeOn .status_payment{
    background-color:rgb(10 108 70 / 64%) !important;
    color: #70e9b0 !important;
}

.nModeOn .table-hover .inactive_companies, 
.nModeOn .table-hover .inactive_groups,
.nModeOn .failed_payment{
    background-color:#bb20155c !important;
    color: #ebadb4 !important;
}
.nModeOn #div_to_print table{
    box-shadow:none !important;
}
.nModeOn #div_to_print table td,
.nModeOn #div_to_print table th
{
    border-bottom:1px solid rgb(208, 213, 221) !important;
}
#modal_create_company.dark__control,
#modal_create_company .dark__control{
    height:40px !important;
} 

.nModeOn .btn-style-right button.btn.w-100.btn-outline-danger.text-danger.bg-white.border-radius-8:hover{
    background-color:#48302d61!important
}

.dark__control input{
    height:100% !important;
}
.nModeOn .css-xb97g8:hover{
    background:transparent !important
}
.nModeOn .css-xb97g8:hover svg path {
    fill:#DE350B;
}

.nModeOn .billing-table td{
    background-color: transparent !important;
}
.nModeOn ul.invoice-download-ul li.download-all button:hover,
.nModeOn button.btn.btn-secondary.danger-btn:hover,
.nModeOn button.remove-label-btn:hover,
.nModeOn button.text-danger-highlight:hover,
.nModeOn ul.data_buttons_edit li a:hover, 
.nModeOn .w_m_change .btn-outline-danger:hover,
.nModeOn #edit_payment_modal button.btn-secondary.danger-btn:hover,
.nModeOn button.btn-outline-danger.text-danger:hover
.nModeOn .btn-close-red:hover
{
    background-color:#48302d61!important;
    color:#f04037!important;
}
.nModeOn ul.data_buttons_edit li button:hover{
    background-color:#2e2726;
    color:#f04037;
}
.nModeOn button.btn-outline-danger:hover{
    background-color: #6c4f4d6b;
    color:#f04037;  
}
.nModeOn button.btn-outline-success:hover{
    background-color: #44544d5c !important;
}
.nModeOn .InputFields svg path {
    fill: #ffffff !important;
}

.nModeOn button.line-logout-btn:hover,
.nModeOn form.search-data.add-driver .modal-footer button.btn.btn-secondary:hover,
.nModeOn form.search-data.data_logs_detail label button.btn-outline-secondary:hover,
.nModeOn .DatePicker .switcher a:hover, .nModeOn .DatePicker .switcher span:hover,
.nModeOn.compareModal .btn-outline-grey:hover
 {
    border: 1px solid #7a7a7a;
    background-color: rgb(70 70 70 / 65%);
    color: #ededed;
}
.nModeOn.compareModal .btn-outline-grey:hover i{
background:none !important
}

.nModeOn .data_logs_detail .DatePicker span.switcher a:hover,
.nModeOn .DatePicker .switcher span:hover{
    color: #ededed !important; 
}

.nModeOn .ti-highlight-blue {
    color: var(--primary-color) !important;
}

.nModeOn .table-responsives::-webkit-scrollbar-track{
    background:#191a1c;
}

.nModeOn .badge-stationary {
    background: #667085 !important;
    color:  #EAECF0  !important;
    border-radius: 25px;
    padding: 4px 8px;
}
.nModeOn .simplebar-scrollbar{
    background: #5f5f5f !important;
}

.nModeOn ::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
}

.nModeOn .DriverLogRow::-webkit-scrollbar-track {
    background: #202124;
}

.nModeOn .dark__menu-list::-webkit-scrollbar {
    width: 5px !important;
}
    
    /* Track */
    
.nModeOn .dark__menu-list::-webkit-scrollbar-track {
    background: #202124 !important;
}    
    /* Handle */
.nModeOn .dark__menu-list::-webkit-scrollbar-thumb{
    background: #666565;
}     
    /* Track */
.nModeOn body::-webkit-scrollbar-track {
    background: #3b3c3f !important;
}    
    /* Handle */
    .nModeOn body::-webkit-scrollbar-thumb,
    .nModeOn .DriverLogRow::-webkit-scrollbar-thumb{
        background: #5f5f5f;
    }
    
    .nModeOn body::-webkit-scrollbar-track-piece{
        background-color:#3b3c40; 
    }   

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


.nModeOn ul.billing-plan-ul h5 span,
.nModeOn .badge_coming{
    background-color:var(--primary-color);
    color:#ededed !important;
}
.nModeOn .ElementsApp, .ElementsApp .InputElement{
    color:#ededed !important;
}
.nModeOn .dropdown-design .form-check-input {
    background-color: #3b3c40;
    border: 1px solid rgb(78 78 78 / 25%);
}
.nModeOn .form-check-input:checked[type=radio],
.nModeOn .dropdown-menu .form-check-input:checked[type=checkbox]
{
    border: 1px solid var(--primary-color) !important;
}


.nModeOn span.counter{
background:#F04438 !important;
color:antiquewhite;
}

.nModeOn .company-admin .status-indicator.dr{
    background:#099250 !important;
    color:#ededed !important;
    margin-right:5px;
}
.nModeOn .tbl-design .status-indicator.dr,
.nModeOn  .notes-certify-events .status-indicator.dr {
    background:#099250 !important;
    color:#ededed !important;
}
.nModeOn .company-admin .status-indicator.sb{
    background:#d7a23d  !important;
    color:#ededed !important;
    margin-right:5px;
}
.nModeOn .notes-certify-events .status-indicator.sb{
    background:#d7a23d  !important;
    color:#ededed !important;   
}
.nModeOn .company-admin .status-indicator.pu,
.nModeOn .tbl-design .status-indicator.pu,
.nModeOn .notes-certify-events .status-indicator.pu {
    background: #875BF7 !important;
    color:#ededed !important;
}
.nModeOn .company-admin .status-indicator.off,
.nModeOn .tbl-design .status-indicator.off,
.nModeOn .notes-certify-events .status-indicator.off {
    background: #646d7d !important;
    color:#ededed !important;
}
.nModeOn .company-admin .status-indicator.on,
.nModeOn .tbl-design .status-indicator.on,
.nModeOn .notes-certify-events .status-indicator.on
 {
    background: #1570EF !important;
    color:#ededed !important;
}
.nModeOn .company-admin .status-indicator.ym,
.nModeOn .tbl-design .status-indicator.ym,
.nModeOn .notes-certify-events .status-indicator.ym {
    background: #E04F16 !important;
    color:#ededed !important;
}

.nModeOn .NewChart .logDuration, 
.nModeOn .NewChart .logEnd, 
.nModeOn .NewChart .logStart{
background:var(--primary-color);
border-color:var(--primary-color);
color:#ededed;
}
.align-center.records_center{
    text-align:center !important;
}

.nModeOn #sidebar-menu ul li .chat_number .badge{
    background:var(--primary-color) !important; 
    color:rgb(239,242,247) !important;
}


.nModeOn .eld-create-drive .btn.text-danger{
    border: 1px solid #f32f53 !important;
}
.nModeOn input.dark__input{
border:0px !important;
outline:0px !important;
box-shadow:none !important
}
.nModeOn #modal_create_company .dark__control{
    border:2px solid #3b3c40;
    background-color:#3b3c40 !important;
    box-shadow:0 1px 3px rgb(46 46 46 / 12%);
}

.nModeOn .total-vehiles-table th{
    border:0px;
}

.nModeOn .form-select::-webkit-scrollbar-track {
    background: #3b3c3f !important;
}

.nModeOn .table-hover .error_transfer_logs{
    color:#FFFAEB !important;
    background:#8a18105c !important;
}

.nModeOn .warning_transfer_logs{
    color:#FEF3F2 !important;
    background:#9d3e0896 !important;
}

@media (min-width:1500px)
{
    .nModeOn .dark__single-value {
        font-size: 15px !important;
    }
 
    .clear_btn_notes{
        height:40px;
    }
}

.nModeOn .seq_button button.btn.border,
.nModeOn .event_btn_group button{
    border:1px solid #7a7a7a !important;
}


.nModeOn .notes-certify-events .Tooltip p{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ededed !important;
    
}
.nModeOn input:-internal-autofill-selected {
    color:#fff !important;
    border:1px solid #625f5f !important;
}

.nModeOn.daterangepicker .calendar-table .prev span,
.nModeOn.daterangepicker .calendar-table .next span {
    color: #fff;
    border: solid #cacbcd !important;
    border-width: 0 2px 2px 0 !important;
}


.nModeOn .INTER_NORMAL_PRECISION .Inter_time{
    background:rgb(18, 183, 106);
    color:#ededed !important;
    border:transparent;
}

.nModeOn .top_header.s-admin p{
    color:#fee4e2;
}

.nModeOn .top_header p{
color:#fef0c7;
}


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

.nModeOn header .custom-badges.bg-success {
    color: #fff !important;
    background-color: #16b364 !important;
}
.nModeOn header .main_head_badge .driver_status_text,
.nModeOn .text_design{
border:1px solid #2b2d32;
}
.nModeOn header .custom-badges.bg-warning {
    color: #fff !important;
 background-color: #EAAA08 !important;
}
.nModeOn header .custom-badges.bg-primary {
    color: #fff !important;
    background-color: #2E90FA !important;
}
.nModeOn header .custom-badges.bg-gray {
    color: #fff!important;
    background: #667085 !important;
}
.nModeOn header .custom-badges.bg-violet {
    color: #fff !important;
    background-color: #875BF7 !important;
}
.nModeOn header .custom-badges.bg-orange {
    color: #fff !important;
    background-color: #EF6820 !important;
}
.nModeOn header .main_head_badge .bg-success-text {
    background: #087e43;
}
.nModeOn .inmotion_bg,
.nModeOn .stationary_bg,
.nModeOn .inactive_bg{
    background: #151618 !important;
}

.nModeOn header .main_head_badge_v1 .vehicle_inmotion_text,
.nModeOn header .main_head_badge_v1 .vehicle_stationary_text {
    background: #087e43;
}
.nModeOn header .main_head_badge_v1 .vehicle_inactive_text{
    background: #60697b!important
}
.nModeOn .mobile_menu_btn i{
    color:#ececec;
}

.nModeOn .row_driver_hos_table input.table_checkbox[type=checkbox] {
    accent-color: #27292c;
    height:14px;
    width:14px;
}

.nModeOn #div_to_print .NewChart span.DS_D, 
.nModeOn #div_to_print .NewChart span.DS_OFF, 
.nModeOn #div_to_print .NewChart span.DS_ON, 
.nModeOn #div_to_print .NewChart span.DS_SB,
 .nModeOn #div_to_print .NewChart .vertical {
    background-color: #858e9e !important;
/* pilot Flying tooltip */
 }

.nModeOn button[disabled]:hover{
    background-color: #484b4e !important;
    color:#bbb8b8 !important;
}
.nModeOn header .main_head_badge .bg-gray-text {
    background: #5b6374!important;
}

.nModeOn .calendar-months td,
.nModeOn .calendar-years td,
.nModeOn .calendar-days td{
    color:#ededed;
}
.nModeOn .calendar-months td.disabled{
    color:#747881 !important
}
.nModeOn .calendar-days td.disabled,
.nModeOn .calendar-days td.prev,
.nModeOn .calendar-days td.next,
.nModeOn .calendar-years td.disabled{
    color:#505358 !important;
}

.nModeOn .update_subs_add_new p{
    color:#a9a9a9 !important;
}

.nModeOn .table-responsives::-webkit-scrollbar-thumb {
    background: #888;
    border-radius:10px;
}
.nModeOn ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius:10px;
}
.nModeOn .select-boz-style.select_design_billing .dark__control{
    background:transparent  !important;
}
.nModeOn .select-boz-style.select_design_billing.dark--is-disabled .dark__control{
 background: #43454a !important;
    border: 1px solid #57595e !important;
}

.nModeOn .dark__control--is-focused,
.nModeOn .css-1pahdxg-control{
    background:#3b3c40 !important;
}
.nModeOn button.btn-close:disabled{
    background-color:transparent !important;
    border:0px !important;

}
.nModeOn .status-indicator.off {
    color: #c4c6cb !important;
}

/* ifta Calendar design */
.nModeOn .quarter_select div a {
    color:#ececec;
}

.nModeOn .range_date_select i {
    color: #ececec;
}

.nModeOn .logs_head_details .col-lg-7 .contact_info_sec i,
.nModeOn .logs_head_details .col-lg-7 .contact_number_sec{
color:#ececec
}
.nModeOn .LoginEvent .login_time,
.nModeOn .EngineEvent .engine_time,
.nModeOn .Certify .cert_time {
    background: #12b76a !important;
    color:#ededed !important;
}

.nModeOn .EngineDownEvent .enginedown_time,
.nModeOn .LogoutEvent .logout_time{
    background: #e74c3c !important;
    color:#ededed !important;  
}
.nModeOn .maximize_map_div .badges-new,
.nModeOn .side_maximize_icon .badges-new{
background:#3b3c40 !important;
border:1px solid #48494f;
}

.nModeOn .maximize_map_div .badges-new .badge_ml_5 .main_head_badge_v1{
    background:#151618 !important;
}
.nModeOn .add_new_user .api_page.page-component  table tbody tr:last-child td:first-child{
    background-color:transparent !important;
}
.nModeOn .add_new_user .api_page.page-component  table tbody tr:last-child td:last-child{
    background-color:transparent !important;
}

.nModeOn .vehicle-handle .css-1pahdxg-control:hover{
    border:2px solid var(--primary-color) !important;
}
.nModeOn .ifta__main_sec-n1-row td{
    background:#FCFCFD;
    --bs-table-accent-bg:#FCFCFD !important;
    color: #344054 !important;
    border-bottom:1px solid #EAECF0 !important;
}

.nModeOn .ifta__main_sec-n1-row:nth-of-type(odd)>*{
    --bs-table-accent-bg:#fff!important;
    background-color:#FFF !important;
    color: #344054 !important;
}
.nModeOn .delete_ifta_records .btn-secondary{
    color:#fff;
}
.nModeOn .delete_ifta_records .btn-secondary:hover{
    border: 1px solid #7a7a7a;
    background-color: rgb(70 70 70 / 65%) !important;
    color: #ededed;
}
.nModeOn .account_fee_info{
    background: #022d7863;
    color:#d9d9d9 !important;
    box-shadow:none;
}
.nModeOn .input-credits input:focus{
    background-color: #3b3c40 !important;
}
/* Change color of intermediate time on hover */

.nModeOn .RED_INTER_NORMAL_PRECISION:hover .Inter_time{
    background-color:rgb(235, 87, 87);
    color:#fff !important;
    border-color:rgb(235, 87, 87);
}
.nModeOn .ti-trash.text-icon-grey{
    color:#fff;
}
.nModeOn img.android_icon {
    filter: invert(1);
}

.nModeOn .drp-buttons span.drp-selected {
    color: #ddd !important;
}
.nModeOn button.applyBtn.btn.btn-sm.btn-primary {
    /* border: 1px solid #0f9cf3 !important; */
    border: 1px solid var(--primary-color) !important;
}
.nModeOn .transfer_modal textarea {
    border: 1px solid #3b485e;
    background-color: #3b485e;
}

.nModeOn .transfer_readio {
    color: #ddd;
}

.nModeOn button.btn-close {
    color: #ddd !important;
}

.nModeOn .expire_date_box {
    background: #303c4e;
}

.nModeOn .modal-dialog.my-dialog label.control-label.text-dark {
    color: #ddd !important;
}

.nModeOn select.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='grey' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.nModeOn .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}

.nModeOn ul.drop-down-ul {
    border: 1px solid #3b485e;
    background-color: #3b485e;
}

.nModeOn ul.drop-down-ul li:hover a {
    color: #ddd;
}

.nModeOn ul.drop-down-ul li a {
    color: #ddd;
}

.nModeOn .card-body form label span.text-danger {
    color: #f00 !important;
}

.nModeOn .boot_table_custom .table thead {
    background: #3b485e;
}

.nModeOn .boot_table_custom .table tbody td .companies-btn {
    color: #ddd;
}

.nModeOn .mdb-datatable-info.d-flex.align-items-center {
    color: #ddd;
}
.nModeOn .mdb-datatable-length.bs-select label {
    color: #ddd;
}
.nModeOn .input_text_color input {
    color-scheme: light;
}
.nModeOn .css-1rhbuit-multiValue {
    background-color: #293649;
    color: #ddd;
}
.nModeOn .css-12jo7m5 {
    color: #ddd;
}
/* .nModeOn .css-1pahdxg-control {
    background-color: #3b485e;
    border-color: #3b485e;
} */
.nModeOn .edit-check-box .slider {
    background-color: #3b3c40;
}

.nModeOn .remove-label-btn {
    background-color: transparent;
}

.nModeOn ul#myTab li:last-child {
    border: none;
}

.nModeOn button.line-logout-btn {
    border: 1px solid #ddd;
    background-color: transparent; 
    color: #fff;
}

.nModeOn .search-data_n select
/* .nModeOn .search-data .form-control { */
   { color: #ddd;
}

.nModeOn .search-data_n select::placeholder,
.nModeOn .search-data .form-control::placeholder {
    color: rgb(193 193 193) !important;
}

.nModeOn .user-input:before,
.nModeOn .e-mail-icon:before,
.nModeOn .phone-icon:before {
    color: #ddd !important;
}

.nModeOn hr {
    color: rgb(255 255 255 / 20%);
}

.nModeOn .tp-info small {
    color: #ddd;
}

.nModeOn .tp-info b {
    color: #ddd;
}

.nModeOn .Duration .D_item {
    color: #ddd;
}
.nModeOn #div_to_print .Duration .D_item {
    color: #505d69;
}
.nModeOn #div_to_print .Duration .D_total {
    color: #505d69 !important;
}

.nModeOn .Duration .D_total {
    color: #ddd;
}

.nModeOn .log-forms-row b {
    color: #fff;
}

.nModeOn .mnt-brk p {
    color: #ddd;
}

.nModeOn .data_logs_detail .DatePicker span.switcher a {
    color: #ddd;
}

.nModeOn form.search-data.data_logs_detail label button {
    color: #fff;
}

.nModeOn .DatePicker .switcher a:hover,
.nModeOn .DatePicker .switcher span:hover {
    background-color: #f8f8f8;
    color: #202a38 !important;
}

.nModeOn ul.data_buttons_edit li a:hover,
.nModeOn ul.data_buttons_edit li button:hover {
    /* background-color: #fceae8; */
    transition: all .3s ease;
    color: #b42318;
}

.nModeOn ul.badges-new span i {
    color: #fff;
}

.nModeOn .badges-new li {
    color: #fff;
}

.nModeOn .header-profile-user {
    background-color: #eaecf0;
    color: #333;
    text-align: center;
}

.nModeOn .user-name {
    color: #fff;
}

.nModeOn .navbar-header.mt-2.pb-1 {
    border-top: 0px;
}

.nModeOn .border-color:hover {
    color: #fff;
}

.nModeOn .app-search .form-control::placeholder {
    color:rgb(193 193 193) !important;
}

.nModeOn .css-14el2xx-placeholder {
    color: rgb(193 193 193) !important;
}

.nModeOn .css-6j8wv5-Input {
    color: #ddd !important;
}

.nModeOn .scroll-seventh::-webkit-scrollbar-thumb {
    background: #293649;
}

.nModeOn .scroll-seventh::-webkit-scrollbar-thumb:hover {
    background: #293649;
} 

.nModeOn .navbar-header .dropdown .show.header-item {
    background-color: transparent;
}

.nModeOn .dropdown-menu.dropdown-menu-end.show a,
.nModeOn .dropdown-menu.dropdown-menu-end.show button {
    color: #fff;
}

.nModeOn .dropdown-menu.dropdown-menu-end.show a:hover,
.nModeOn .dropdown-menu.dropdown-menu-end.show button:hover {
    background-color: #19202b;
}

.nModeOn .vechile-id-logs p {
    color: #ddd;
}

.nModeOn .custom-checkbox.custom-control.inner-check button.btn.custom-btn-outline-info i.ri-user-add-line {
    color: #ddd;
}

.nModeOn table.table.table-background.dt-responsive.total-vehiles-table {
    border-color: #202a38;
}

.nModeOn .badges-new,
.nModeOn .search-data_n select{
    border:2px solid #3b3c40 !important;
    background-color:#3b3c40 !important;
    box-shadow:0 1px 3px rgb(46 46 46 / 12%);
    color: #ededed !important;
}
.nModeOn .app-search .form-control:placeholder {
    color: rgb(193 193 193) !important;
}

.nModeOn .app-search span {
    color: #ddd;
}
.nModeOn .css-1s2u09g-control
{
    border: 2px solid #3b3c40 !important;
    background-color: #3b3c40 !important;
    color:#ededed;
}
.nModeOn .css-1pahdxg-control {
    background-color: transparent;
}
.nModeOn .css-qc6sy-singleValue {
    color: #ededed !important;
}

.nModeOn .dark__indicators svg path
{
    fill:#8d8d8d !important;
}
.nModeOn .dark__indicator-separator{
    background:#8d8d8d !important;
}
.nModeOn .dark__input-container.css-1pndypy-input,
.nModeOn .dark__input-container{
color:#c7c7c7 !important;
}
.nModeOn .gm-style .gm-style-iw-c{
    background-color:#232428;
    }
    
.nModeOn .gm-style .gm-style-iw-c .gm-style-iw-d::-webkit-scrollbar-thumb,
.nModeOn .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece{
    background-color:#888;
} 
.nModeOn .gm-style-iw-d{
    overflow:auto !important;
}
.nModeOn .gm-style .gm-style-iw-tc::after{
    background-color:#232428; 
}
.nModeOn .gm-style .gm-style-iw-c .gm-style-iw-d::-webkit-scrollbar-track,
.nModeOn .gm-style .gm-style-iw-d::-webkit-scrollbar-track{
    background-color:#18191c;
}
.nModeOn .table-responsive::-webkit-scrollbar-track {
    background: #191a1c;
}
.nModeOn .table-responsive::-webkit-scrollbar-thumb {
    background: #5f5f5f !important;
    border:0px !important;
}
.nModeOn .password-icon-btn{
    color:#adadad;
}
.nModeOn #modal_delete_report .close-btn{
    color:#fff !important;
}
.nModeOn .ifta-align-center-tooltip p.title,
.nModeOn .grey-tooltip p.title{
    color: rgb(249 249 249) !important;
    border-color: #727272 !important;
    background-color: #3b3c40 !important;
}
.nModeOn .dropdown-design .form-check-label{
    color:#fff !important;
}

.nModeOn .toggle_two_factor label{
    color:#ededed;
}
.nModeOn .toggle_two_factor .form-check-input{
    /* background-color :#ededed !important;
    border-color:#ededed !important; */
    /* border: 0px solid #3b3c40 !important; */
    background-color: #3b3c40 !important;
  }
  .nModeOn .form-switch .form-check-input:checked{
    background-color: var(--primary-color) !important;
    border: 0px solid var(--primary-color) !important;
  }

  /* .form-switch input.form-check-input{
    border:0px !important;
  } */
.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(255, 255, 255, 1)' filter='drop-shadow(0px 1px 1px rgba(16, 24, 40, 0.1))'/%3e%3c/svg%3e");
  }
  .form-switch .form-check-input:focus{
    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(255, 255, 255, 1)' filter='drop-shadow(0px 1px 1px rgba(16, 24, 40, 0.1))'/%3e%3c/svg%3e");
  }
  .nModeOn .form-check-input:checked {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}
.nModeOn .vehicle-camera-box .accordion-item .accordion-header button{
    color:#fff;
}
.nModeOn .badge_title{
    color:#fff;
}
.nModeOn .progress-section .progress{
background-color:#3b3c40;
}
.nModeOn button.btn.btn-sm.h-75.return_btn_style {
    border: 0 !important;
}
.nModeOn .privacy_point:hover {
    color: #98A2B3;
}