/* CUSTOM CSS POUR HANDLE IT */

/* WebKit-based browsers (Chrome, Safari) */
.dark-mode ::-webkit-scrollbar {
    background-color: black; /* Background color of the scrollbar */
}

.dark-mode ::-webkit-scrollbar-thumb {
    background-color: black; /* Color of the scrollbar thumb */
}

    .dark-mode ::-webkit-scrollbar-thumb:hover {
        background-color: grey; /* Color of the scrollbar thumb on hover */
    }

/* Firefox */
/* Note: Firefox supports scrollbar customization starting from version 64 */
.dark-mode * {
    scrollbar-color: black black; /* Color of the scrollbar thumb and track */
}

    .dark-mode *::-webkit-scrollbar {
        display: none; /* Hide WebKit scrollbars when using Firefox */
    }

.dark-mode .content-wrapper, .right-side {
    background-color: black !important;
}

.dark-mode .culture-menu a {
    color: white !important;
}

.dark-mode .userbox-username {
    color: white !important;
}

.dark-mode ul.dropdown-menu.culture-dropdown-menu {
    background-color: var(--main-color) !important;
}

.dark-mode .nav .open > a, .dark-mode .nav .open > a:focus, .dark-mode .nav .open > a:hover {
    background-color: var(--highlight-color);
}

.dark-mode .vertical-kpis {
    color: white !important;
}

.dark-mode .welcome-settings-panel-header {
    color: white !important;
    width: 100% !important;
    height: 30px !important;
    font-size: 15px !important;
    margin-top: 8px !important;
    padding-left: 15px !important;
    padding-right: 18px !important;
    border-bottom: 1px solid #F4F4F6 !important;
    font-weight: bold !important;
    border-bottom: 1px solid #E4E4E4 !important;
}

.dark-mode .box-header-flights,
.dark-mode .box-header-controle-validation-2,
.dark-mode .box-header-organisation,
.dark-mode .box-header-group,
.dark-mode .box-header-user,
.dark-mode .box-header-screenrights,
.dark-mode .box-header-kpiedit {
    color: white !important;
}

.dark-mode .box-header-kpiedit {
    margin: 0 !important;
}

.dark-mode .culture-detail-label:hover {
    background-color: var(--highlight-color);
}

.dark-mode .dx-button-content-header-toolbar i {
    color: white !important;
}

.dark-mode a.bc-nolink,
.dark-mode .main-breadcrumb a,
.dark-mode .main-breadcrumb a.active {
    color: white !important;
}

.dark-mode .dx-datagrid-text-content {
    color: white !important;
}

.dark-mode .box-kpieditor .box-body {
    background-color: black !important;
}

.dark-mode .kpiedit-label-v2 {
    color: white !important;
}

.dark-mode .kpi-label-v2 {
    color: white !important;
}

.dark-mode .kpiedit-label-left {
    color: white !important;
}

.dark-mode .kpiedit-label-right {
    color: white !important;
}

.dark-mode .kpiedit-general-inner {
    border-bottom: 0px solid #F3F3F3 !important;
}

.dark-mode .kpi-property-header span,
.dark-mode .kpi-value-header span,
.dark-mode .kpi-target-inner span {
    color: white !important;
}

.dark-mode .kpiedit-panel input,
.dark-mode .kpiedit-panel textarea, .dark-mode .kpiedit-panel select {
    background-color: black !important;
    color: white !important;
}

.dark-mode .kpiedit-panel input,
.dark-mode .kpiedit-panel textarea,
.dark-mode .kpiedit-panel select,
.dark-mode ul.nav.nav-tabs {
    background-color: black !important;
    border: 0 !important;
}

.dark-mode .nav-tabs-custom > .nav-tabs > li.active > a,
.dark-mode input#pHistoDate {
    background-color: black !important;
    color: white !important;
}

.dark-mode a.customDateCalendar {
    background-color: black !important;
    border: none !important;
}

.dark-mode .histo-input-submit {
    background-color: black !important;
}

.dark-mode .box-screenrights .box-body {
    background-color: var(--main-color) !important;
}

.dark-mode .group-right-label {
    color: white !important;
}

.dark-mode .group-right-label-container .fa {
    color: white !important;
}

.dark-mode .box-screenrights select {
    background-color: black !important;
    color: white !important;
}

.dark-mode .box-organisation-edit .box-body {
    background-color: black !important;
    border: 0 !important;
}

.dark-mode .organisation-edit-form input,
.dark-mode .organisation-edit-form select,
.dark-mode .organisation-edit-form .dropdown-toggle,
.dark-mode .organisation-edit-form .btn-group,
.dark-mode .organisation-edit-form .select2-selection,
.dark-mode .organisation-edit-form .col-sm10 {
    background-color: black !important;
    border: none !important;
    color: white !important;
}

.dark-mode .input-group-addon {
    background-color: black !important;
    color: white !important;
    border: 0 !important;
}

.dark-mode .create-user-form {
    background-color: black !important;
}

.dark-mode .btn-group.bootstrap-select.form-control {
    background-color: var(--main-color);
}

.dark-mode .cash-invoice-header {
    background-color: black !important;
    border-bottom: 0 !important;
    color: white !important;
    border-bottom: 0px solid black !important;
}

.dark-mode .cashinvoice-container {
    background-color: black !important;
}

.dark-mode .est-panel-header-title {
    color: white !important;
}

.dark-mode .down-arrow-invoice {
    color: white !important;
}

.dark-mode .invoice-panel-content label {
    color: white !important;
}

.dark-mode .selective-col1 div {
    color: white !important;
}

/*.dark-mode .selective-col2 a {
    border: 0px !important;
}*/

.dark-mode .resa-selective-content {
    background-color: black !important;
    color: white !important;
    border-color: transparent;
}

.dark-mode .resa-selectize-option {
    color: white !important;
}

.dark-mode *:disabled {
    background-color: #2d3338 !important;
}

.dark-mode .box {
    border: 0 !important;
}
/*---------------------------------------------------------*/
.dark-mode .dx-datagrid .dx-button-content i {
    color: white !important;
}

.dark-mode .update-popup input, .dark-mode .update-popup select {
    background-color: black !important;
    color: white !important;
    border: none !important;
}

.dark-mode .form-group label div {
    color: white !important;
}

.dark-mode .selective-col1 label {
    color: white !important;
}

.dark-mode .popup-label-checkbox {
    color: white !important;
}

.dark-mode .resa-selective-container .resa-select-header {
    background-color: black !important;
    color: white !important;
}

.dark-mode .escale-panel input {
    background-color: black !important;
}

    .dark-mode .escale-panel input:disabled {
        color: white !important;
        background-color: #2d3338 !important;
        opacity: 1 !important;
        border: none !important;
    }

.dark-mode button.btn.update-popup-cancel.btn-default.btn-sm {
    background-color: black !important;
    color: white !important;
}

.dark-mode .est-panel-content input, .est-panel-content select {
    background-color: black !important;
}

    .dark-mode .est-panel-content input:disabled, .dark-mode .est-panel-content select:disabled {
        color: white !important;
        background-color: #2d3338 !important;
        opacity: 1 !important;
        border: none !important;
    }

.dark-mode .bandeau-bouton-comment i {
    color: white !important;
}

.dark-mode table#comment-table {
    border: 1px solid lightgray;
}

.dark-mode input#addComment {
    background-color: black !important;
}

.dark-mode .comment-popup-content thead th {
    background-color: black !important;
    border: none !important;
}

.dark-mode .comment-popup-content tbody td {
    border: none !important;
}

.dark-mode .dropdown-manual {
    background-color: var(--dark-brown) !important;
}

.dark-mode .prestations-input-container input, .dark-mode .prestations-input-container select {
    border: none !important;
    background-color: black !important;
}

    .dark-mode .prestations-input-container input:disabled, .dark-mode .prestations-input-container select:disabled {
        color: white !important;
        background-color: #2d3338 !important;
        opacity: 1 !important;
        border: none !important;
    }

.dark-mode .manual-dropdown-prestations.dx-show-invalid-badge.dx-dropdownbox.dx-textbox.dx-texteditor.dx-show-clear-button.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-texteditor-empty.dx-widget.dx-dropdowneditor {
    border: none !important;
}

.dark-mode .prestation-details-table {
    margin-top: 30px !important; /* margin-bottom: 30px!important; */
}

.dark-mode .prestation-popup-content {
    margin-top: 30px !important;
}

.dark-mode .input-group-addon {
    background-color: transparent !important;
}

.dark-mode .modulation-popup-content .manual-content input, .dark-mode .modulation-popup-content .mvt-manual-container input, .dark-mode .modulation-popup-content .modul-nature-type-valeur input, .dark-mode .modulation-popup-content .manual-content select, .dark-mode .modulation-popup-content .mvt-manual-container select, .dark-mode .modulation-popup-content .modul-nature-type-valeur select {
    border: none !important;
    color: white !important;
    background-color: black !important;
}

    .dark-mode .modulation-popup-content .manual-content input:disabled, .dark-mode .modulation-popup-content .mvt-manual-container input:disabled, .dark-mode .modulation-popup-content .modul-nature-type-valeur input:disabled, .dark-mode .modulation-popup-content .manual-content select:disabled, .dark-mode .modulation-popup-content .mvt-manual-container select:disabled,
    .dark-mode .modulation-popup-content .modul-nature-type-valeur select:disabled {
        color: white !important;
        background-color: #2d3338 !important;
        opacity: 1 !important;
        border: none !important;
    }

.dark-mode .modulation-popup-container label {
    color: white !important;
}

.dark-mode .mvt-manual-titre {
    background-color: #141c1d !important;
    border: none !important;
}

.dark-mode .manual-dropdown-modulation.dx-show-invalid-badge.dx-dropdownbox.dx-textbox.dx-texteditor.dx-show-clear-button.dx-dropdowneditor-button-visible.dx-texteditor-empty.dx-widget.dx-dropdowneditor.dx-editor-outlined {
    border: none !important;
}

.dark-mode .mvt-manual-titre {
    color: white !important;
}

.dark-mode .popup-modalite-detail {
    background-color: black !important;
    border: none !important;
}

.dark-mode .dx-dropdowneditor-icon {
    border: 0 !important;
}

.dark-mode .manual-popup-container label {
    color: white !important;
}

.dark-mode textarea#manualComments {
    border: none !important;
}

.dark-mode .manual-popup-content .manual-content input,
.dark-mode .manual-popup-content .mvt-manual-container input,
.dark-mode .manual-popup-content .manual-content select,
.dark-mode .manual-popup-content .mvt-manual-container select {
    border: none !important;
    color: white !important;
    background-color: black !important;
}

    .dark-mode .manual-popup-content .manual-content input:disabled,
    .dark-mode .manual-popup-content .mvt-manual-container input:disabled,
    .dark-mode .manual-popup-content .manual-content select:disabled,
    .dark-mode .manual-popup-content .mvt-manual-container select:disabled {
        color: white !important;
        background-color: #2d3338 !important;
        opacity: 1 !important;
        border: none !important;
    }

.dark-mode .manual-dropdown.dx-show-invalid-badge.dx-dropdownbox.dx-textbox.dx-texteditor.dx-show-clear-button.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-texteditor-empty.dx-widget.dx-dropdowneditor {
    border: none !important;
}

.dark-mode input#saveInvoiceName {
    background-color: black !important;
}

.dark-mode .nav-tabs a {
    color: white !important;
}

.dark-mode .client-container label {
    color: white !important;
}

.dark-mode .popup-client-detail .tab-pane input,
.dark-mode .popup-client-detail .tab-pane select,
.dark-mode .popup-client-detail .tab-pane textarea {
    border: none !important;
    color: white;
    background-color: black !important;
}

    .dark-mode .popup-client-detail .tab-pane input:disabled,
    .dark-mode .popup-client-detail .tab-pane select:disabled,
    .dark-mode .popup-client-detail .tab-pane textarea:disabled {
        color: white !important;
        background-color: #2d3338 !important;
        opacity: 1 !important;
        border: none !important;
    }

.dark-mode label.col-sm-2 {
    color: white !important;
}

.dark-mode .title-client-top {
    color: white !important;
}

.dark-mode i.fa.fa-times {
    color: white;
}

.dark-mode .invoice-header {
    background-color: black !important;
    color: white !important;
}

.dark-mode .container-invoice {
    background-color: black !important;
    color: white !important;
}

.dark-mode .panel-date input,
.dark-mode .panel-date select {
    background-color: black !important;
    border: none !important;
    padding-top: 4px !important;
}

.dark-mode h3.box-title.box-handle {
    color: white !important;
}

.dark-mode .invoice-menu-deroulant select {
    background-color: black;
}

.dark-mode .create-user-title {
    color: white !important;
}

.dark-mode .userbox-usergroup-p {
    color: lightgray !important;
}

.dark-mode .userbox-username-p {
    color: white !important;
}

.dark-mode .userbox-signout, .dark-mode .lnk-change-password {
    color: white !important;
}

.dark-mode .userbox-signout,
.dark-mode .changepassword-old-password-label {
    color: white !important;
}

.dark-mode .AdminPasswordFollowingConditions {
    color: white !important;
}

.dark-mode button.btn.changepassword-cancel.btn-default.btn-sm {
    background-color: black !important;
    color: white !important;
}

.dark-mode .popup-changepassword input {
    background-color: black !important;
    color: white !important;
}

.dark-mode .fa.fa-check-square {
    color: #76ccdf !important;
}

.dark-mode .ui-datebox-datebox-group input {
    background-color: black !important;
    color: white !important;
}

.dark-mode .paiement-popup label {
    color: white !important;
}

.dark-mode .paiement-popup input {
    border: none !important;
}

.dark-mode .paiement-popup input {
    background-color: black !important;
}

.dark-mode .paiement-devise {
    background-color: #2d3338 !important;
    border: none;
    color: white !important;
}

.dark-mode .box-client,
.dark-mode .box-immatriculations,
.dark-mode .box-cie,
.dark-mode .box-escales,
.dark-mode .box-typeApp,
.dark-mode .box-private {
    background-color: black !important;
}

.dark-mode #popupCreationRefData input,
.dark-mode #popupCreationRefData select {
    background-color: black !important;
    color: white;
    border: none;
}

.dark-mode .resa-selective-header {
    border: 1px solid #444;
}

.dark-mode .header-creation {
    border-bottom: none !important;
}

.dark-mode .refData-col.certification {
    border: none !important;
}

.dark-mode select#imChapitre {
    background-color: black !important;
    color: white;
    border: none !important;
}

.dark-mode .three-dot {
    color: white !important;
}

.dark-mode #imCliCP {
    background-color: black !important;
    border: none !important;
    color: white !important;
}

.dark-mode .open-splitter {
    color: white !important;
}

.dark-mode .popup-creation-immat-refdata .disableInputRefData input,
.dark-mode .popup-creation-immat-refdata .disableInputRefData select,
.dark-mode .popup-creation-immat-refdata .disableInputRefData .col-sm-10 input {
    pointer-events: none;
    background-color: #2d3338 !important;
}

.dark-mode .title-refData {
    color: white !important;
}

.dark-mode p.text-spinner-refData {
    color: lightgray !important;
}

.dark-mode .loader-refData {
    border: 10px solid white !important;
    border-bottom-color: #FF3D00 !important;
}

.dark-mode #infC-fullfill-pays,
.dark-mode #infA-fullfill-pays {
    border: none !important;
}

.dark-mode #infANbJoursAss,
.dark-mode #infNbJours {
    border: none;
}

.dark-mode .message-loader {
    color: lightgray !important;
}

.dark-mode .box-body-admin {
    background-color: black !important;
}

.dark-mode .titre-rebut-container {
    color: white !important;
}

.dark-mode .date-container-title {
    color: white !important;
}

.dark-mode .content1,
.dark-mode .content2 {
    border: none !important;
}

.dark-mode .button-open-popup {
    color: white !important;
}

.dark-mode .refData .nav-tabs-custom {
    background-color: black !important;
}

.dark-mode .container-allref {
    background-color: black !important;
}

.dark-mode .subcontainer-title {
    color: white !important;
}

.dark-mode a.card-link {
    color: white !important;
}

.dark-mode .content-ref {
    background-color: black !important;
}

.dark-mode .in-progress {
    background-color: black !important;
    color: white !important;
}

.dark-mode .filter-container-refData select {
    color: white !important;
}

.dark-mode .DashboardLink {
    color: white !important;
}

.dark-mode a.dropdown-toggle i {
    color: white !important;
}

.dark-mode .kpi-value-v2 {
    color: white !important;
}

.dark-mode .kpi-separator-v2 {
    color: white !important;
}

.dark-mode .kpi-target-v2 {
    color: white !important;
}

.dark-mode .culture-detail-label {
    color: white !important;
}

.dark-mode a.bc-nolink {
    color: white !important;
}

.dark-mode a.bc-link {
    color: white !important;
}

.dark-mode .flight-detail-header {
    color: white !important;
}

.dark-mode .flight-detail-container {
    color: white !important;
}

.dark-mode .flight-detail-header-load-main {
    color: white !important;
}

.dark-mode .dropdown-menu.open li a {
    color: white !important;
}

.dark-mode .box-body {
    background-color: black !important;
}

.dark-mode span#select2-pCie-container {
    color: white !important;
}

.dark-mode span.select2-dropdown.select2-dropdown--below {
    border: 1px solid white;
}

.dark-mode input#pAPartir-time {
    border: none !important;
    color: white !important;
    height: 34px !important;
    margin-top: 0 !important;
}

.dark-mode input#pJusquAu-time {
    border: none !important;
    color: white !important;
    height: 34px !important;
    margin-top: 0 !important;
}

.dark-mode a.active.bc-link {
    color: white !important;
    text-decoration: underline;
}

.dark-mode .palcal-filter-title {
    color: white !important;
}

.dark-mode input#palcal-error {
    margin-left: 75px !important;
}

.dark-mode .fa-chevron-down,
.dark-mode .fa-chevron-up {
    color: white !important;
}

.dark-mode .palrem-body-inbound {
    border: none !important;
}

.dark-mode .box-organisation {
    background-color: black !important;
}

.dark-mode .box-group {
    background-color: black !important;
}

.dark-mode .form-create-group-box,
.dark-mode .form-open-group-box {
    color: white !important;
}

.dark-mode .form-create-user-box,
.dark-mode .form-open-user-box {
    color: white !important;
}

.dark-mode .kpiright-org-label {
    color: white !important;
}

.dark-mode input#template-create-input {
    background-color: black !important;
    color: white !important;
}

.dark-mode .close-template-panel {
    color: white !important;
}


.dark-mode li.portal-news.news-priority {
    background-color: #dd4b39 !important;
}

.dark-mode .update-popup-container.update-popup-load-container {
    color: white !important;
}

.dark-mode .box-kpieditor {
    background-color: black !important;
}

.dark-mode textarea#pComment {
    background-color: black !important;
}

.dark-mode .request-create-header-label {
    color: white !important;
}

.dark-mode .update-popup {
    color: white !important;
}

/*-----------------------------------*/

.dark-mode .kpi-section-v2 {
    background-color: var(--menu-color) !important;
    color: white !important;
    border-left-color: black !important;
    border-right-color: black !important;
}

.dark-mode .kpi-section-v2-red {
    height: 68px;
    min-width: 144px;
    max-width: 308px;
    background-color: #ff0000 !important;
    margin-top: 0px;
    border-left: 8px solid #F3F3F3;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.dark-mode .kpi-vertical .kpi-section-v2 {
    background-color: var(--menu-color);
    color: white !important;
    border-left: 0px solid black !important;
    border-right: 0px solid black !important;
}

.dark-mode .kpi-vertical .kpi-section-v2-red {
    height: 68px;
    min-width: 144px;
    max-width: 308px;
    background-color: #ff0000;
    margin-top: 0px;
    border-left: 0px solid #F3F3F3;
    border-right: 0px solid #F3F3F3;
    position: relative;
    overflow: hidden;
    display: inline-block;
}



.dark-mode .navbar {
    color: white !important;
    border: none !important;
}

.dark-mode .welcome-settings-items-container {
    background-color: var(--menu-color) !important;
}

.dark-mode .welcome-settings-panel {
    background-color: var(--menu-color) !important;
    border-left: 7px solid black !important;
    border-right: 0px solid black !important;
}

.dark-mode .settings-kpi-item {
    background-color: var(--menu-color) !important;
    color: white !important; /* overflow-x: hidden; */
}

.dark-mode .kpiedit-panel {
    background-color: var(--menu-color) !important; /* color: white; */
}

.dark-mode .kpiedit-accordion-buttons {
    background-color: var(--menu-color) !important;
    border-top: 0 !important;
}

.group-rights-container {
    background-color: var(--main-color) !important;
}
/*.dark-mode*/
.group-right-container-header {
    width: 1032px !important;
    background-color: var(--main-color) !important;
    color: white !important;
}
/*.dark-mode*/
.dark-mode .histo-params-title {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .organisation-edit-form {
    background-color: var(--menu-color) !important;
    margin-top: 0 !important;
    padding-top: 15px !important;
    color: white !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}

.dark-mode .icon-invoice {
    color: white !important;
    background-color: var(--menu-color) !important;
    border-radius: 3px !important;
    border: 0 !important;
    margin-left: 2px !important;
}

.dark-mode .est-panel-header {
    background-color: var(--menu-color) !important;
    border: 1px solid var(--menu-color) !important;
}

.dark-mode .cashinvoice-container .est-panel-container {
    border: 1px solid var(--menu-color) !important;
}

.dark-mode .kpiedit-panel .multiselect {
    background-color: black !important;
    color: white !important;
    border: 1px solid var(--menu-color) !important;
}

.dark-mode .invoice-panel-content input,
.dark-mode .invoice-panel-content select {
    background-color: black !important;
    color: white !important;
    border: 1px solid var(--menu-color) !important;
}

.dark-mode .fa.fa-caret-down {
    background-color: var(--menu-color) !important;
    border: 1px solid var(--menu-color) !important;
    color: white !important;
}

.dark-mode input:disabled, .dark-mode select:disabled {
    color: white !important;
    background-color: var(--menu-color) !important;
    opacity: 1 !important;
}

.dark-mode .est-panel-container a {
    background-color: var(--menu-color) !important;
}

.dark-mode .popup-cash-invoice {
    background-color: var(--menu-color) !important;
}

.dark-mode .update-popup.update-popup-flights {
    background-color: var(--menu-color) !important;
}

.dark-mode .update-popup-footer {
    background-color: var(--menu-color) !important;
}

.dark-mode .tab {
    background-color: var(--menu-color) !important;
}

.dark-mode .update-popup-header {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode button.tablinks1 {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .tablinks0 {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .update-popup-container.update-popup-flights-container {
    background-color: var(--menu-color) !important;
}

.dark-mode .popup-alert {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .comment-popup-container {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .bandeau-popup-comment {
    background-color: var(--menu-color) !important;
}

.dark-mode .header-commentaire {
    background-color: var(--menu-color) !important;
}

.dark-mode .bottom-button-comment {
    background-color: var(--menu-color) !important;
}

.dark-mode .add-comment-input {
    background-color: var(--menu-color) !important;
}

.dark-mode .prestation-popup-container {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .modulation-popup-container {
    background-color: var(--menu-color) !important;
}

.dark-mode .bandeau-popup-manual {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .manual-popup-container {
    background-color: var(--menu-color) !important;
}

.dark-mode .save-popup-container {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .bandeau-popup-save {
    background-color: var(--menu-color) !important;
}

.dark-mode .bottom-button-save {
    background-color: var(--menu-color) !important;
}

.dark-mode .restore-popup-container {
    background-color: var(--menu-color) !important;
}

.dark-mode .popup-client-detail {
    background-color: var(--menu-color) !important;
}

.dark-mode .tab-client-invoice .tab-content {
    background-color: var(--menu-color) !important;
}

.dark-mode .tab-client-invoice ul.nav.nav-tabs {
    background-color: var(--menu-color) !important;
}

.dark-mode .tab-pane a .fa {
    background-color: var(--menu-color) !important;
    border: none !important;
}

.dark-mode .tab-pane a {
    background-color: var(--menu-color) !important;
}

.dark-mode .dropdownPeriode {
    background-color: var(--menu-color) !important;
    color: white !important;
}

    .dark-mode .dropdownPeriode li {
        background-color: var(--menu-color) !important;
        color: white !important;
    }

        .dark-mode .dropdownPeriode li:hover {
            background-color: var(--second-color) !important;
            color: white !important;
        }

.dark-mode .dropdownPeriodeRefData {
    background-color: var(--menu-color) !important;
    color: white !important;
}

    .dark-mode .dropdownPeriodeRefData li {
        background-color: var(--menu-color) !important;
        color: white !important;
    }

.dark-mode .dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-icon {
    background-color: var(--menu-color) !important;
}



.dark-mode .panel-date {
    background-color: var(--menu-color) !important;
}

.dark-mode .invoice-menu-deroulant {
    background-color: var(--menu-color) !important;
}

.dark-mode .popup-invoice {
    background-color: var(--menu-color) !important;
}

.dark-mode .skin-blue .main-header .navbar .nav > li > a:hover,
.dark-mode .skin-blue .main-header .navbar .nav > li > a:active,
.dark-mode .skin-blue .main-header .navbar .nav > li > a:focus,
.dark-mode .skin-blue .main-header .navbar .nav .open > a,
.dark-mode .skin-blue .main-header .navbar .nav .open > a:hover,
.dark-mode .skin-blue .main-header .navbar .nav .open > a:focus,
.dark-mode .skin-blue .main-header .navbar .nav > .active > a {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .popup-changepassword {
    background-color: var(--menu-color) !important;
}

.dark-mode .lnk-change-password:hover {
    background-color: var(--second-color) !important;
    color: #87a0a5 !important;
    font-size: 13px;
}

.dark-mode .changepassword-footer {
    background-color: var(--menu-color) !important;
    border-bottom: none !important;
}

.dark-mode div#dateBox_pHistoDate_form {
    background-color: var(--menu-color) !important;
}

.dark-mode .ui-datebox-datebox-button {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode a.btn.btn-sm.btn-default {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .datepicker.dropdown-menu {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .paiement-popup {
    background-color: var(--menu-color) !important;
}

.dark-mode .container-paiement {
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode .paiement-popup-header-title {
    background-color: var(--menu-color) !important;
    color: white !important;
    border: 1px solid var(--second-color);
}

.dark-mode .paiement-popup-container {
    background-color: var(--menu-color) !important;
    color: white;
}

.dark-mode #popupCreationRefData {
    background-color: var(--menu-color) !important;
    color: white;
}

.dark-mode .container-refData .input-group-addon {
    background-color: var(--menu-color) !important;
}

.dark-mode .container-refData .resa-button-selective {
    background-color: var(--menu-color) !important;
}

.dark-mode .container-refData .fa.fa-caret-down {
    background-color: var(--menu-color) !important;
    border: none !important;
}

.dark-mode .warning-popup {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .resa-selectize-option-container:hover {
    background-color: var(--second-color) !important;
    cursor: pointer;
}

.dark-mode .datepicker table tr td.day:hover,
.dark-mode .datepicker table tr td.day.focused {
    background-color: var(--second-color) !important;
}

.dark-mode .splitter {
    position: relative;
    height: 5px;
    cursor: ns-resize;
    background-color: black;
    opacity: 1;
    background-size: 5px 5px;
    background-image: repeating-linear-gradient(45deg, var(--menu-color) 0, var(--menu-color) 1px, var(--second-color) 0, var(--second-color) 50%) !important;
}

.dark-mode .certification-bruit {
    background-color: var(--menu-color) !important;
    border: 1px solid var(--second-color) !important;
}

.dark-mode #popupCreationRefData .tab-content {
    background-color: var(--menu-color) !important;
}

.dark-mode #popupCreationRefData input:disabled,
.dark-mode #popupCreationRefData select:disabled {
    background-color: var(--menu-color) !important;
}

.dark-mode .tab-content {
    background-color: var(--menu-color) !important;
}

.dark-mode .splitter:hover {
    background-image: repeating-linear-gradient(45deg, var(--second-color) 0, var(--second-color) 1px, var(--menu-color) 0, var(--menu-color) 50%) !important;
}

.dark-mode .client-immat-grid {
    color: white !important;
    background-color: var(--menu-color) !important;
}

.dark-mode #fader-refData {
    background-color: var(--menu-color) !important;
}

.dark-mode .skin-blue .wrapper,
.dark-mode .skin-blue .main-sidebar,
.dark-mode .skin-blue .left-side {
    background-color: var(--menu-color) !important;
}

.dark-mode .rebut-container {
    border: none !important;
    background-color: var(--menu-color) !important;
}

.dark-mode .disableInputRefData input,
.dark-mode .disableInputRefData select,
.dark-mode .disableInputRefData .col-sm-10 input {
    pointer-events: none;
    background-color: var(--menu-color) !important;
}

.dark-mode .popup-mode-preferences {
    background-color: var(--second-color) !important;
    border: 1px solid var(--menu-color) !important;
}

.dark-mode .input-auto {
    background-color: var(--menu-color) !important;
}

.dark-mode .container-basic {
    border-bottom: 1px solid var(--menu-color) !important;
}

.dark-mode .theme {
    background-color: var(--menu-color) !important;
    background-color: var(--menu-color) !important;
}

.dark-mode .popup-colorpicker-dark-mode {
    background-color: var(--menu-color);
}

.dark-mode .tab-flight-details input {
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode div#delay-input-lineetadate-col2 {
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode .lc.dates-col2 div {
    border: none !important;
    background-color: var(--second-color) !important;
}

.dark-mode .skin-green .sidebar-menu > li.active > a {
    background-color: var(--second-color) !important;
}

.dark-mode .skin-green .sidebar-menu > li:hover > a {
    background-color: var(--highlight-color) !important;
}

.dark-mode .ui-resizable-e:hover {
    background-color: black !important;
    opacity: 1;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, var(--menu-color) 0, var(--menu-color) 1px, var(--second-color) 0, var(--second-color) 50%) !important;
}

.dark-mode .ui-resizable-e:active {
    background-color: black !important;
    opacity: 1;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, var(--menu-color) 0, var(--menu-color) 1px, var(--second-color) 0, var(--second-color) 50%) !important;
}

.dark-mode .subcontainer-allref {
    display: flex;
    flex-direction: column;
    width: 300px;
    padding: 5px 0 20px 20px;
    margin-top: 20px;
    border: none !important;
    background-color: var(--menu-color) !important;
}

.dark-mode .flights-range-hrs {
    background-color: var(--second-color) !important;
}

.dark-mode .userbox-signout {
    background-color: var(--second-color) !important;
    color: white !important;
    font-size: 13px;
}

.dark-mode .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: white;
}

.dark-mode .lnk-change-password:hover {
    background-color: var(--highlight-color) !important;
    color: white !important;
    font-size: 13px;
}

.dark-mode .skin-green .sidebar-menu > li > .treeview-menu {
    background-color: var(--second-color) !important;
}

.dark-mode button.multiselect.dropdown-toggle.btn.btn-default {
    /*    background-color: var(--second-color) !important;
*/ color: white !important;
}

.dark-mode .update-popup-body {
    background-color: var(--menu-color) !important;
}

.dark-mode button.btn.dropdown-toggle.btn-default {
    /*    background-color: var(--second-color) !important;
*/ color: white !important;
    border: none !important;
    border-radius: 0 !important;
}

.dark-mode .dropdown-menu.open {
    background-color: var(--second-color) !important;
}

    .dark-mode .dropdown-menu.open li a:hover {
        background-color: var(--menu-color) !important;
    }

.dark-mode .dropdown-menu li.selected {
    background-color: var(--menu-color) !important;
}

.dark-mode .histo-params-box {
    background-color: var(--menu-color) !important;
}

    .dark-mode .histo-params-box input {
        background-color: var(--second-color) !important;
        border: none !important;
        color: white !important;
    }

.dark-mode span.select2-selection.select2-selection--multiple {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode ul#select2-pJours-results {
    background-color: var(--second-color) !important;
    color: white !important;
    border: 1px solid white;
}

.dark-mode span.select2-selection.select2-selection--single {
    background-color: var(--second-color) !important;
    border: none !important;
    color: white !important;
}

.dark-mode ul#select2-pCie-results {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode span.select2-search.select2-search--dropdown input {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode span.select2-search.select2-search--dropdown {
    background-color: var(--second-color) !important;
}

.dark-mode .palcal-filter-box {
    background-color: var(--menu-color) !important;
}

.dark-mode a.customDateCalendar {
    background-color: var(--menu-color) !important;
    color: white !important;
    border: 1px solid var(--second-color) !important;
}

.dark-mode .selected a {
    background-color: var(--menu-color) !important;
}

.dark-mode div#dateBox_pAPartir_form {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode div#dateBox_pJusquAu_form {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .inputPal-container {
    background-color: var(--menu-color) !important;
    color: white !important;
}

    .dark-mode .inputPal-container input {
        background-color: var(--second-color) !important;
        border: 1px solid var(--menu-color); /* padding: 0 4px; */
    }

.dark-mode textarea#raw-message-palcal {
    background-color: var(--second-color) !important;
    border: none !important;
    margin-left: 75px !important;
}

.dark-mode .grid-inputs-palRemarque {
    background-color: var(--menu-color) !important;
}

.dark-mode .inputPalRemarques-container input {
    border: none !important;
    color: white !important;
    background-color: var(--menu-color) !important;
}

.dark-mode .box-header-palMessage {
    background-color: var(--menu-color) !important;
}

.dark-mode .palCal-details ul.nav.nav-tabs {
    background-color: var(--menu-color) !important;
}

.dark-mode .grid-inputs-calRemarque {
    background-color: var(--menu-color) !important;
}

.dark-mode .palPaxDetail-main-table .dx-button-content-header-toolbar {
    background-color: var(--second-color) !important;
}

.dark-mode .gridCalRemarques-container .dx-button-content-header-toolbar {
    background-color: var(--second-color) !important;
}

.dark-mode .inputCalRemarques-container {
    background-color: var(--second-color) !important;
}

    .dark-mode .inputCalRemarques-container input {
        border: none !important;
        color: white !important;
        background-color: var(--menu-color) !important;
    }

.dark-mode .box-header-calMessage {
    background-color: var(--menu-color) !important;
}

.dark-mode .palCal-details ul.nav.nav-tabs {
    background-color: var(--menu-color) !important;
}

.dark-mode .calPaxDetail-main-table .dx-button-content-header-toolbar {
    background-color: var(--second-color) !important;
}

.dark-mode .inputPalPax-container {
    background-color: var(--second-color) !important;
}

.dark-mode .inputCalPax-container {
    background-color: var(--second-color) !important;
}

.dark-mode .inputPalPax-container input {
    border: none !important;
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .inputCalPax-container input {
    border: none !important;
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .calpax-title {
    background-color: var(--menu-color) !important;
}

.dark-mode .palpax-title {
    background-color: var(--menu-color) !important;
}

.dark-mode .palpax-subtitle {
    background-color: black !important;
    border: 1px solid var(--menu-color) !important;
    padding: 0 5px;
}

.dark-mode .form-create-organisation-box input {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode .form-open-organisation-box input {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode .form-create-group-box input,
.dark-mode .form-open-group-box input {
    color: white !important;
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode .form-create-user-box input,
.dark-mode .form-open-user-box input {
    color: white !important;
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode .news-admin-title {
    background-color: var(--menu-color) !important;
    border-bottom: 1px solid white !important;
    color: white !important;
}

.dark-mode textarea#pMessage,
.dark-mode textarea#pMessageEN {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode .news-checkbox-container1 {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .form-buttons-container {
    background-color: var(--menu-color) !important;
}

.dark-mode .kpis-rights-left {
    background-color: var(--menu-color) !important;
    border: none !important;
}

.dark-mode .kpiright-kpi-checkbox {
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode .kpirights-button {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode input#search-kpi-cards {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none;
}

.dark-mode .kpirights-selected .kpirights-button,
.dark-mode .kpirights-selected .kpiright-kpi-checkbox {
    color: white;
    background-color: var(--highlight-color) !important;
    border: none;
}

.dark-mode .kpi-grid-container {
    background-color: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .kpiright-elem:hover {
    background-color: var(--highlight-color) !important;
}

.dark-mode .kpiright-elem {
    background-color: var(--second-color) !important;
}

    .dark-mode .kpiright-elem:hover .kpiright-label {
        background-color: var(--highlight-color) !important;
    }

    .dark-mode .kpiright-elem:hover .kpiright-group-ico {
        background-color: var(--highlight-color) !important;
    }

.dark-mode .kpi-select-none .kpiright-status {
    background-color: var(--second-color) !important;
}

.dark-mode .kpiright-elem:hover .kpiright-status {
    background-color: var(--second-color) !important;
}

.dark-mode .kpi-option-container {
    background-color: var(--second-color) !important;
    color: white !important;
    border-bottom: 1px solid white !important;
    border-left: 1px solid white !important;
    margin-left: -1px !important;
    border-top: 1px solid white !important;
}

.dark-mode button.btn.btn-kpi-apply-template.btn-default.btn-sm,
.dark-mode button.btn.btn-template-config-toggle.btn-default.btn-sm,
.dark-mode button.btn.template-create-button.btn-default.btn-sm {
    background-color: var(--highlight-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode .template-title,
.dark-mode .template-config-bottom {
    background-color: var(--menu-color) !important;
    color: white;
    border-bottom: 1px solid white;
}

.dark-mode .template-config-list {
    background-color: var(--menu-color) !important;
}

.dark-mode .template-config-template {
    background-color: var(--second-color) !important;
    color: white !important;
}

    .dark-mode .template-config-template :hover {
        background-color: var(--highlight-color) !important;
    }

.dark-mode .skin-green .sidebar-menu > li:hover > a,
.dark-mode .skin-green .sidebar-menu > li.active > a {
    border-left-color: var(--highlight-color) !important;
}

.dark-mode .cardsHeaderBar .second-kpi {
    background-color: var(--second-color) !important;
}

.dark-mode .cardsHeaderBar .second-text-kpi div {
    color: var(--second-color) !important;
}

.dark-mode #marquee-left-button {
    border-right: 1px solid var(--menu-color) !important;
}

.dark-mode .ETA-container-time-centered,
.dark-mode .appro-container-time-centered,
.dark-mode .hpiste-container-time-centered {
    background-color: var(--menu-color) !important;
}

.dark-mode .CreateUserShowAllCheckboxCenterer {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .invoice-panel-content {
    background-color: var(--second-color) !important; /* color: white; */
}

.dark-mode .escale-panel {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .est-panel-content {
    background-color: var(--second-color) !important;
    color: white !important;
    border-bottom: 1px solid #444 !important;
}

.dark-mode table#comment-table tbody tr:nth-child(odd) {
    background-color: var(--second-color);
    color: white;
}

.dark-mode .mvt-manual-container {
    border: none !important;
    background-color: var(--second-color) !important;
}

.dark-mode .modul-nature-type-valeur {
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode .infoAssistant,
.dark-mode .adresseClient,
.dark-mode .adresseClientAss,
.dark-mode .infoIata {
    background-color: var(--second-color);
    height: 100%;
}

.dark-mode .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dark-mode .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid var(--highlight-color) !important;
    border-bottom: 1px solid var(--highlight-color) !important;
}

.dark-mode .first-info-client {
    background-color: var(--second-color) !important;
}

.dark-mode .second-info-client {
    background-color: var(--second-color) !important;
}

.dark-mode .third-info-client {
    background-color: var(--second-color) !important;
}

.dark-mode .fourth-info-client {
    background-color: var(--second-color) !important;
}

.dark-mode .dropdownPeriodeRefData li:hover {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode ul.dropdown-menu {
    background-color: var(--second-color) !important;
}

.dark-mode .refData-col {
    background-color: var(--second-color) !important;
    border: none !important;
}

.dark-mode .prestation-ciefact {
    background-color: var(--second-color) !important;
}

.dark-mode .prestation-immat {
    background-color: var(--second-color) !important;
}

.dark-mode .prestation-date {
    background-color: var(--second-color) !important;
}

.dark-mode .manual-dropdown-modulation .dx-texteditor-input-container {
    background-color: var(--second-color);
}

.dark-mode .client-immat-grid-selected {
    color: white !important;
    background-color: var(--second-color) !important;
}

.dark-mode .skin-blue .sidebar-menu > li > .treeview-menu {
    background-color: var(--second-color) !important;
}

.dark-mode .time-header-display {
    background-color: var(--second-color) !important;
}

.dark-mode .skin-blue .sidebar-menu > li:hover > a,
.dark-mode .skin-blue .sidebar-menu > li.active > a {
    background-color: var(--second-color) !important;
}

.dark-mode input#filterInput {
    border: none !important;
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .marquee li {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .marquee-buttons {
    background-color: var(--second-color) !important;
    color: white;
}

.dark-mode .input-group-addon {
    border: 1px solid var(--second-color) !important;
}

.dark-mode .palcal-filter-box input {
    background-color: var(--second-color) !important;
    border: none !important;
    color: white !important;
}

.dark-mode .gridPalRemarques-container .dx-button-content-header-toolbar {
    background-color: var(--second-color) !important;
}

.dark-mode .inputPalRemarques-container {
    background-color: var(--second-color) !important;
}

.dark-mode input#dateRebut {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
    color-scheme: dark;
}

.dark-mode .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: var(--second-color) !important;
    color: white !important;
    border: 0 !important;
}

.dark-mode .group-right-container:nth-child(even) {
    background-color: var(--second-color) !important; /* color: white; */
}

.dark-mode .sidebar-toggle {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .dropdown-save {
    background-color: var(--main-color) !important;
}

.dark-mode .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dark-mode .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dark-mode .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: var(--highlight-color) !important;
    color: white !important;
}

.dark-mode .card {
    background-color: var(--highlight-color) !important;
}

.dark-mode .checkbox-container {
    background-color: var(--main-color) !important;
    border: none !important;
    color: white !important;
}

.dark-mode select#categoryDropdown {
    background-color: var(--main-color) !important;
    border: none !important;
}

.dark-mode button.btn.btn-change-flights-histo.btn-warning.btn-sm {
    background-color: var(--highlight-color) !important;
    border: none !important;
}

.dark-mode button.btn.btn-change-palCal.btn-warning.btn-sm {
    background-color: var(--highlight-color) !important;
    border: none;
}

.dark-mode .dx-toolbar-item-header-toolbar {
    padding-left: 1px !important;
}

.dark-mode .dx-toolbar-after-header-toolbar .dx-toolbar-item-header-toolbar {
    border-left: 1px solid black !important;
}

.dark-mode .box-header {
    border-bottom: 1px solid black;
}

.dark-mode .group-right-container:hover {
    background-color: var(--highlight-color) !important;
}

    .dark-mode .group-right-container:hover .group-right-label-container {
        background-color: var(--highlight-color) !important;
    }

.dark-mode .welcome-settings-category {
    color: white !important;
}
/*obsolete:*/
/*.dark-mode aside.main-sidebar { background-color: var(--menu-color) !important; }*/
/*.dark-mode .sidebar-menu li.active a { background-color: var(--second-color) !important; }*/
.dark-mode .dropcheckbox-dt-filters .dropdown-menu > .active > a,
.dark-mode .dropcheckbox-dt-filters .dropdown-menu > .active > a:focus,
.dark-mode .dropcheckbox-dt-filters .dropdown-menu > .active > a:hover,
.dark-mode .dropcheckbox-dt-autorefresh .dropdown-menu > .active > a,
.dark-mode .dropcheckbox-dt-autorefresh .dropdown-menu > .active > a:focus,
.dark-mode .dropcheckbox-dt-autorefresh .dropdown-menu > .active > a:hover {
    color: white !important;
}


.dark-mode .cardsHeaderBar .red-kpi {
    background-color: #ff0000 !important;
}

.dark-mode .cardsHeaderBar .blue-kpi {
    background-color: #09b0ac !important;
}

.dark-mode .cardsHeaderBar .red-text-kpi div {
    color: #ff0000 !important;
}

.dark-mode .cardsHeaderBar .yellow-text-kpi div {
    color: #ffe0c0 !important;
}

.dark-mode .skin-blue .main-header .navbar {
    background-color: var(--main-color) !important;
}

.dark-mode .hi-in-login.hi-login-info {
    color: white !important;
}

.dark-mode .hi-in-login {
    color: white !important;
}

.dark-mode .hi-login-niveau {
    color: #C10000 !important;
}

.dark-mode .sidebar-toggle:hover {
    background-color: var(--highlight-color) !important;
    color: white !important;
}

.dark-mode .vestergaard-timer-display {
    background-color: var(--highlight-color) !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dark-mode .btn-signature-save, .dark-mode .btn-signature-clear {
    background-color: var(--highlight-color) !important;
}

.dark-mode .row-bottom {
    background: var(--highlight-color) !important;
    color: white;
    border: none !important;
}

.dark-mode .edit-fret-description {
    color: white !important;
}

.dark-mode .edit-fret-fretinfo input {
    background-color: black !important;
    border: none !important;
}

.dark-mode .edit-fret-input-comment {
    background-color: black !important;
    border: none !important;
}

.dark-mode .update-popup-container {
    border: 1px solid orange !important;
}
.dark-mode .btn-default {
    border-color: #444;
}

.dark-mode .update-popup-footer {
    border-color: #444;
    border-bottom: 0;
}

.dark-mode .flights-main-table .CIEEXPL-body, .dark-mode .flights-main-table .LIG-body, .dark-mode .flights-main-table .CIEEXPL_ROT-body, .dark-mode .flights-main-table .LIG_ROT-body {
    color: #7e97ae !important;
}

.dark-mode .resa-input-selective-container input {
    background-color: black;
}

.dark-mode .arrow-move-left, .dark-mode .arrow-move-right {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode .form-export-box {
    background-color: var(--main-color) !important;
}

.dark-mode .export-title {
    background-color: var(--highlight-color) !important;
}

.dark-mode .title-handlings-header {
    color: white !important;
    background-color: var(--main-color);
  border-bottom-color: black;
}

.dark-mode .long-term-filters-container {
    background-color: var(--main-color);
    border: none !important;
    margin-top: 4px;
    margin-left: 20px;
}

.dark-mode .long-input-submit {
    background-color: var(--second-color);
}

.dark-mode .form-group.longterm-container-date input {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode #pLongImmat, .dark-mode #pLongLig {
    background-color: var(--second-color) !important;
    color: white !important;
    border: none !important;
}

.dark-mode .handling-vestergaard-popup-centerer {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode .handling-vestergaard-popup-footer {
    background-color: var(--main-color) !important;
}

.dark-mode .handling-vestergaard-label-expired {
    background-color: var(--main-color) !important;
}

.dark-mode .handling-vestergaard-popup-background {
    background-color: black !important;
}

.dark-mode .overlay {
    background-color: rgb(0 0 0 / 70%) !important;
}

.dark-mode i.fa.fa-spinner.fa-spin.overlay_message {
    color: white !important;
}

.dark-mode input.cell-qte-input {
    background-color: black !important;
    border: none;
    color: white !important;
}

.dark-mode .cell-qte-btn {
    background-color: black !important;
    border: 1px solid white !important;
}


.dark-mode .cell-qte-value.cell-qte-value-.cell-qte-changed {
    background-color: var(--highlight-color) !important;
    color: #F7EA99 !important;
}

.dark-mode .cell-qte-changed, .dark-mode .cell-alert-changed {
    background-color: var(--highlight-color) !important;
    color: #F7EA99 !important;
}

.dark-mode .cell-datefin-input, .dark-mode .cell-datedeb-input, .dark-mode .cell-heuredeb-input, .dark-mode .cell-heurefin-input {
    background-color: black !important;
    color: white !important;
}

.dark-mode .vestergaard-status-container {
    background-color: var(--second-color);
    color: white;
}

.dark-mode .vestergaard-timer-edit {
    background-color: var(--highlight-color);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dark-mode input.vestergaard-timer-input {
    background-color: black;
}

.dark-mode .handlingcomment-popup-input {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .vestergaard-button {
    border-left: 2px solid white !important;
    border-right: 2px solid white !important;
    border-bottom: 2px solid white !important;
    border-top: 2px solid white !important;
    height: 48px;
    width: 48px;
}

.dark-mode #pAPartir, .dark-mode #pJusquau {
    background-color: var(--second-color) !important;
    border: none !important;
    color: white !important;
}

.dark-mode .box-export button.btn.dropdown-toggle.btn-default {
    margin-top: 1px;
}

.dark-mode .batch-flight-line.batch-flight-line-header {
    background-color: var(--second-color) !important;
}

.dark-mode .popup-update-header.update-popup-batch-validate-flights-header {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode .batch-flight-line:hover {
    background-color: var(--highlight-color) !important;
}


.dark-mode #pBatchFlightsList {
    left: 1px !important;
}

.dark-mode .resa-selectize-option-selected {
    background-color: var(--highlight-color) !important;
}

.dark-mode select#selectColumn:disabled {
    background: var(--menu-color) !important;
    color: white !important;
}

.dark-mode .title-radio-prestations {
    color: white !important;
}

.dark-mode .radio-label-presta {
    color: white !important;
}

.dark-mode .drop-prestations label {
    color: white !important;
}

.dark-mode input.form-control.multiselect-search {
    background: var(--main-color) !important;
    border: 1px solid darkgray !important;
}

.dark-mode button.btn.btn-default.multiselect-clear-filter {
    background: var(--main-color) !important;
    color: white !important;
}

.dark-mode .resa-button-selective {
    background: var(--main-color);
    border: 1px solid black !important;
}




.dark-mode .favorite-icon {
    color: white;
    cursor: pointer;
}

.dark-mode .isFavorite-True {
    color: #fbda7a !important;
}

.dark-mode .popup-feuille-touche-content {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .title-feuille-touche {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .table-feuille-touche th {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode .container-button-feuille-touche {
    background-color: var(--second-color) !important;
}

.dark-mode .services-update-inputs {
    background-color: var(--main-color) !important;
}

.dark-mode .service-input-left, .dark-mode .service-input-right {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .services-update-inputs input {
    background-color: black;
    border: none;
}

.dark-mode .isFavorite-True {
    color: #fbda7a !important;
}

.dark-mode .service-disable {
    background-color: var(--menu-color) !important;
}

.dark-mode .title-mode-rotation-regroupement {
    position: absolute;
    height: 25px;
    border: 1px solid orange;
    padding: 0 10px;
    color: orange;
    display: flex;
    align-items: center;
    top: 76px;
    right: 95px;
    border-radius: 4px;
    background-color: transparent;
}

.dark-mode .isFavorite-filtering {
    color: #fbda7a !important;
}

.dark-mode .close-favorite-container {
    color: white !important;
}

.dark-mode .resa-selective-ciefact-container1 .selective-col2 {
    width: 193px !important;
}

.dark-mode .service-mandatory {
    border-bottom: 1px solid orange !important;
}

.dark-mode .custom-alert-message {
    color: white !important;
}

.dark-mode .splitter-bar {
    background-color: #000000;
    height: 6px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.dark-mode .delete-button-quantity-handling {
    background-color: #656565 !important;
}

.dark-mode .flights-main-table .CODE_REDEV-header, .dark-mode .flights-main-table .QUANTITE-header, .dark-mode .flights-main-table .QUANTITE_PREVUE-header {
    background-color: #353f42 !important
}

.dark-mode .somme-row {
    color: white !important;
}

.dark-mode .loader-container {
    background-color: var(--main-color) !important;
}

.dark-mode .loader {
    border: 5px solid white !important;
    border-bottom-color: #5CAE59 !important;
}

.dark-mode .loader-overlay {
    background: rgba(0, 0, 0, 0.9) !important;
}

.dark-mode #chooseServices {
    border: none !important;
}

.dark-mode .toggle-switch {
    background-color: var(--second-color);
}

.dark-mode .popup-header-gantt, .dark-mode .popup-close-container-gantt {
    background-color: var(--second-color) !important;
    color: white !important;
}

.dark-mode .task-stripline {
    border-left: 3px solid red !important;
}

.dark-mode .popup-container-gantt {
    background-color: var(--second-color);
    color: white;
}

.dark-mode #dx-gantt-ta {
    background: var(--main-color);
}

.dark-mode .custom-day-gantt {
    background: var(--main-color);
    color: white;
}

.dark-mode .dx-gantt-sel {
    background-color: black;
}

.dark-mode .title-type-service {
    color: white;
}

.dark-mode .task-time-label-start, .dark-mode .task-time-label-end {
    background-color: #606060;
    color: white;
}

.dark-mode .regroupement-loader-container {
    background-color: black;
}

.dark-mode .dx-filterbuilder-group {
    background: var(--main-color) !important;
}

.dark-mode .logo-lg {
    background-color: var(--second-color);
}

.dark-mode .update-popup-header {
    border-color: #444;
}

.dark-mode .resa-selectize-option-container {
    border-bottom: 1px solid #444;
}


.dark-mode .resa-selective-immat .resa-selectize-option:nth-child(1),
.dark-mode .resa-selective-immat .resa-selectize-option:nth-child(2) {
    border-right: 1px solid #444;
}

.dark-mode .resa-selective-immat .resa-selectize-option:nth-child(3) {
    border-right: 1px solid #444;
}

.dark-mode .resa-selectize-option {
    border-bottom: 1px solid #444;
}

.dark-mode .resa-selectize-option {
    border-color: #444 !important;
}

.dark-mode .resa-selective-container .resa-select-header {
    border-color: #444;
}

.dark-mode .popup-mode-preference {
    border-bottom-color: #444;
}

.dark-mode .user-middle-v2 {
    border-bottom: 1px solid #444;
}

.dark-mode .hi-header-menu-right .dropdown-menu {
    border-color: orange;
}

.dark-mode .service-input-left, .dark-mode .service-input-right {
    border-color: #444;
}

.dark-mode .est-panel-buttons, .dark-mode .est-panel-content, .dark-mode .form-error-label-container {
    border-left: 1px solid #444;
    border-right: 1px solid #444;
}

.dark-mode .popup-container-separator {
    background-color: #444;
    border-right-color: #444;
    border-left-color: #444;
}

.dark-mode .selective-popup-container {
    border-color: orange;
}


.dark-mode .task-grid-flight-title, .dark-mode .task-grid-task-title {
    background-color: var(--main-color) !important;
    color: white;
}

.dark-mode .icon-task-container {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode .top-bar-title {
    color: white !important;
}

.dark-mode .task-grid-remarks {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode .task-grid-remarks-title {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode #task-grid-remarks {
    background-color: var(--main-color) !important;
    color: white !important;
}

.dark-mode .task-content-body .dx-freespace-row {
    background-color: var(--main-color) !important;
    color: white;
}

.dark-mode .ui-resizable-e {
    background-color: #333333 !important;
}

.dark-mode .task-loader-text {
    color: white;
}

.dark-mode .task-double-select {
    color: white;
}

    .dark-mode .task-double-select select {
        background-color: black;
        border: none;
    }

.dark-mode .task-affect-popup {
    background-color: var(--main-color) !important;
    color: white;
}

.dark-mode .task-approved-popup {
    background-color: var(--main-color) !important;
    color: white;
}

#prepared-container, #approval-container {
    background-color: var(--main-color) !important;
    color: white;
}

.dark-mode .flights-input-body a.nav-link.active {
    background-color: var(--highlight-color) !important;
    color: white !important;
    border: none;
}

.dark-mode .flights-input-body a.nav-link {
    background-color: var(--main-color);
    color: white !important;
}

.dark-mode .flights-input-body input {
    border: none !important;
    color: white !important;
}


.dark-mode .resa-label-ciefact {
    width: 150px;
}

.dark-mode .box-flights .splitter-bar {
    background-image: repeating-linear-gradient(45deg, #000000 0, #8f8f8f 1px, #1c1717 0, #353535 50%);
}

.dark-mode .dx-icon-add {
    font-size: 28px !important;
    font-weight: bold;
}
.dark-mode .flights-header-buttons, .dark-mode .handling-header-buttons { background-color: var(--menu-color); }
.dark-mode .dropdown-menu { border-color:black; }
.dark-mode .dropdown-menu input { border-color: #444; }
.dark-mode .modal-header { border-bottom-color:black; }
.dark-mode .btn-default { background-color: var(--main-color); color: white; border-color: #444; background-image:none;}
.dark-mode .ui-datebox-container {  background-color: var(--second-color); }
.dark-mode .dx-dropdowneditor-icon { background-color: var(--main-color)!important; }