body.dark {
    background: #060818 !important;
    color: #fff !important;
}

/**
 * color
 */
body.dark .color_black {
    color: #fff !important;
}

body.dark .color_black08 {
    color: #e0e6ed !important;
}

body.dark .border_shadow {
    box-shadow: 0 0 0 1px #1B2E4B !important;
}

/**
 * card
 */
body.dark .card {
    background: none !important;
}

/**
 * alert
 */
body.dark .alert-light-primary {
    background-color: #2B66DE1C !important;
}

body.dark .alert-light-primary div {
    color: #FFF !important;
}

/**
 * infoBox1
 */
body.dark .infoBox1 {
    background: #060818 !important;
    box-shadow: 0 0 0 1px #1B2E4B !important;
}

body.dark .infoBox1 .contentImg {
    background: rgba(56, 73, 245, 0.2) !important;
}

body.dark .infoBox1 .contentImg svg {
    color: #EAECFF !important;
}

body.dark .infoBox1 .contentText {
    color: #e0e6ed !important;
}

/**
 * infoBox2
 */
body.dark .infoBox2 {
    background: #060818 !important;
    box-shadow: 0 0 0 1px #1B2E4B;
}

body.dark .infoBox2 .contentImg {
    background: rgba(36, 165, 129, 0.2) !important;
}

body.dark .infoBox2 .contentImg svg {
    color: #D5ECE7 !important;
    fill: #D5ECE7 !important;
}

body.dark .infoBox2 .contentText {
    color: #e0e6ed !important;
}

body.dark .infoBox2 .description {
    color: #24a581 !important;
}

body.dark .infoBox2.primary {
    border-color: var(--primary-color) !important;
}

body.dark .infoBox2.primary .contentImg {
    background: rgba(56, 73, 245, 0.2) !important;
}

body.dark .infoBox2.primary .description {
    color: var(--primary-color) !important;
}

body.dark .infoBox2.primary .contentImg svg {
    color: #EAECFF !important;
    fill: #EAECFF !important;
}

body.dark .infoBox2 .contentImg svg.fillNone {
    fill: none !important;
}

/**
 * header
 */
body.dark .header-container {
    background: #060818 !important;
    background-color: #060818 !important;
    border-color: #1B2E4B !important;
}

/**
 * breadcrumb
 */
body.dark .page-meta .breadcrumb .breadcrumb-item,
body.dark .page-meta .breadcrumb .breadcrumb-item a,
body.dark .page-meta .breadcrumb .breadcrumb-item.active {
    color: #e0e6ed !important;
}

/**
 * modal
 */
body.dark .modal-content {
    background: #182432 !important;
    border: 1px solid #253444 !important;
}

body.dark .modal-content .modal-header {
    border-bottom: 1px solid #253444 !important;
}

body.dark .modal-content .modal-footer {
    border-top: 1px solid #253444 !important;
}

body.dark .widget-content-area {
    border: none !important;
    box-shadow: none !important;
    background-color: #182432 !important;
}

/**
 * dataTables_wrapper
 */
body.dark .dataTables_wrapper .form-control {
    background: #1b2e4b !important;
    border: 1px solid #1b2e4b !important;
}

/**
 * bs-stepper
 */
body.dark .bs-stepper .step-trigger {
    color: #fff !important;
}

body.dark .bs-stepper-circle {
    background-color: #253444 !important;
    color: #FFF !important;
}

body.dark .crossed .bs-stepper-circle {
    background-color: #24A581 !important;
}

body.dark .active .bs-stepper-circle {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

/**
 * btn
 */
body.dark .btn-dark:not(.always-dark) {
    color: #000 !important;
    background-color: #f1f2f3 !important;
    border-color: #f1f2f3 !important;
}

body.dark .btn-dark:not(.always-dark):hover,
body.dark .btn-dark:not(.always-dark):focus {
    color: #000 !important;
    background-color: #f1f2f3 !important;
    border-color: #f1f2f3 !important;
}

body.dark .btn-outline-dark {
    border: 1px solid #f1f2f3 !important;
    color: #f1f2f3 !important;
    background-color: transparent !important;
    box-shadow: none;
}

body.dark .btn-outline-dark:hover,
body.dark .btn-outline-dark:focus {
    border: 1px solid #f1f2f3 !important;
    color: #f1f2f3 !important;
    background-color: transparent !important;
    box-shadow: none;
}

body.dark .btn-secondary:hover,
body.dark .btn-secondary:focus {
    color: #fff !important;
    background-color: #805dca !important;
    border-color: #805dca !important;
    box-shadow: none !important;
}

body.dark .btn-primary {
    color: #FFF !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
    box-shadow: unset;
}

body.dark .btn-primary:hover,
body.dark .btn-primary:focus {
    color: #FFF !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

body.dark .btn-primary.disabled,
body.dark .btn-primary.btn[disabled],
body.dark .btn-primary:disabled {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

body.dark .modal-content .modal-footer .btn.btn-primary {
    background-color: var(--primary-color);
    color: #000;
    border: 1px solid var(--primary-color);
}

body.dark .btn.darkmode-btn-dark {
    color: #fff !important;
    background-color: #182432 !important;
    border-color: #182432 !important;
    box-shadow: unset !important;
}

/**
 * formulaire
 */
body.dark .form-group label,
body.dark label {
    color: #fff !important;
}

body.dark .form-control {
    border: 1px solid #1b2e4b !important;
    color: #fff !important;
    background: transparent !important;
}

body.dark .form-control:focus {
    box-shadow: none !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

/**
 * tomSelect
 */
body.dark #sidebar ul.menu-categories li.menu ul.submenu>li.active a:hover {
    color: var(--primary-color) !important;
}

body.dark #sidebar ul.menu-categories li.menu ul.submenu>li.active a:hover::before {
    background: var(--primary-color) !important;
    box-shadow: 0 0 0px 2px var(--primary-color);
    border: 1.9px solid #0e1726;
}

/**
 * tomSelect
 */
body.dark .ts-wrapper.multi .ts-control .item {
    background: #253444 !important;
    color: #fff !important;
}

body.dark .ts-wrapper.multi .ts-control .item.active {
    background-color: var(--primary-color) !important;
}

/**
 * navbar
 */
body.dark .navbar .navbar-item .nav-item.dropdown .dropdown-menu {
    background: #182432 !important;
}

/**
 * widget
 */
body.dark .pro-plan .widget,
body.dark .widget-content {
    background-color: transparent !important;
}

body.dark .widget.bg_gray_100,
body.dark .widget.bg_gray_100 {
    background: #F5F5F50A !important;
    background-color: #F5F5F50A !important;
}

body.dark .widget {
    background: #060818 !important;
    background-color: #060818 !important;
}

body.dark .widget.disabled:after {
    background-color: rgba(6, 8, 24, 0.8);
}

body.dark .widget-content.border_shadow {
    box-shadow: 0 0 0 1px #1B2E4B !important;
}

/**
 * link
 */
body.dark .btn-group .dropdown-menu a.dropdown-item:hover {
    color: #fff !important;
}

/**
 * auth-container
 */
body.dark .seperator .seperator-text span {
    background-color: transparent !important;
}

/**
 * data-bs-toggle="collapse"
 */
body.dark [data-bs-toggle="collapse"] .feather-chevron-down {
    color: #FFF;
}

/**
 * datatable
 */
body.dark div.dataTables_wrapper .table-responsive {
    border-color: #182432;
}

body.dark .dataTables_wrapper select.form-control,
body.dark .dataTables_wrapper .dataTables_length select.form-control {
    background: #1b2e4b url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") 54px center no-repeat !important;
}

body.dark table.table tbody tr td {
    color: #fff;
}

body.dark table.table tbody tr:nth-child(2n) td {
    background-color: #1c2937;
}

/**
 * #sidebar profile-info
 */
body.dark .sidebar-theme {
    border-color: #1B2E4B !important;
    background: #060818 !important;
    color: #fff !important;
}

body.dark #sidebar ul.menu-categories li.menu ul.submenu>li.active a::before {
    background-color: #fff;
}

body.dark #sidebar .profile-info .user-info {
    background: var(--primary-color) !important;
}

body.dark #sidebar .theme-brand::after {
    background: #253444;
}

/**
 * Princing table
 */
body.dark .pricing-table-2 .form-switch-custom.form-switch-primary .switch-input,
body.dark .pricing-table-2 .form-switch-custom.form-switch-primary .switch-input:checked {
    background-color: #0D152A;
    border-color: rgb(19, 26, 50);
}

body.dark .pricing-table-2 .switch-inline.inner-label-toggle.show .input-checkbox span.label-left {
    color: #bfc9d4;
}

body.dark .pricing-table-2 .switch-inline.inner-label-toggle .input-checkbox span.label-left,
body.dark .pricing-table-2 .switch-inline.inner-label-toggle.show .input-checkbox span.label-right {
    color: #fff;
}

body.dark .pricing-table-2 .switch-inline.inner-label-toggle .input-checkbox::before,
body.dark .pricing-table-2 .switch-inline.inner-label-toggle.show .input-checkbox::before {
    background: var(--primary-color);
}

/**
 * ql-tooltip
 */
body.dark .ql-snow .ql-tooltip {
    background-color: #182432 !important;
    border: 1px solid #009688 !important;
    box-shadow: 0px 0px 5px #009688 !important;
    color: #fff !important;
}

body.dark .ql-snow .ql-tooltip a.ql-action::after {
    color: #009688 !important;
}

body.dark .ql-snow .ql-tooltip a.ql-remove::before {
    color: #009688 !important;
}

body.dark .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    color: #009688 !important;
}


/**
 * daterangepicker
 */
body.dark .daterangepicker {
    font-family: Manrope;
    background-color: #1b2e4b;
    border-color: #253444;
    color: #e0e6ed;
}

body.dark .daterangepicker::before {
    border-bottom-color: #253444;
}

body.dark .daterangepicker::after {
    border-bottom-color: #1b2e4b;
}

body.dark .daterangepicker .ranges li.active {
    background-color: var(--primary-color);
    color: #fff;
}

body.dark .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left-color: #253444;
}

body.dark .daterangepicker .calendar-table {
    border-color: #1b2e4b;
    background-color: #1b2e4b;
}

body.dark .daterangepicker td.off,
body.dark .daterangepicker td.off.in-range,
body.dark .daterangepicker td.off.start-date,
body.dark .daterangepicker td.off.end-date {
    background-color: #1b2e4b;
    border-color: transparent;
    color: #999;
}

body.dark .daterangepicker td.active,
body.dark .daterangepicker td.active:hover {
    background-color: var(--primary-color);
    border-color: transparent;
    color: #fff;
}

body.dark .daterangepicker td.in-range {
    background-color: rgba(56, 73, 245, 0.2);
    border-color: transparent;
    color: #EAECFF;
}

body.dark .daterangepicker .calendar-table .next span,
body.dark .daterangepicker .calendar-table .prev span {
    color: #1b2e4b;
    border-color: #FFF;
}

body.dark .daterangepicker .ranges li:hover {
    background-color: rgba(56, 73, 245, 0.2);
}

/**
 * .page-meta
 */
body.dark .page-meta.sticky_top {
    background: #060818;
}