/* .d-flex.flex-column-fluid {
    margin-top: 80px !important;
} */

[data-theme="dark"] {
    background-color: #22252F !important;
    color: #eee;
}

[data-theme="dark"] .bg-light {
    background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
    background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
    background-color: #eee !important;
}

/* =============================================
Custom DarkMode
============================================= */

/* =============================================
Section header
============================================= */

[data-theme="dark"] .header.header-fixed {
    background-color: #2B2E3B !important;
    color: #fff;
}

[data-theme="dark"] .header-menu .menu-nav>.menu-item .menu-submenu {
    background: #2B2E3B;
}

[data-theme="dark"] .header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item>.menu-link .menu-text {
    color: #fff !important;
}

[data-theme="dark"] .header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item.menu-item-active>.menu-link {
    background-color: #1f242f;
}

[data-theme="dark"] [data-theme="dark"] .header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item>.menu-link .menu-text:hover {
    color: #fff !important;
}

[data-theme="dark"] .header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item>.menu-link:hover {
    background: #6993FF !important;
    color: #fff !important;
}

/* ==== card === */

[data-theme="dark"] .card {
    background-color: #2B2E3B !important;
    color: #fff;
}

[data-theme="dark"] .card-label {
    color: #fff !important;
}

[data-theme="dark"] .card-footer {
    border-top: 1px solid #343747;
    background-color: #2B2E3B !important;
}

[data-theme="dark"] .card.card-custom.card-border {
    border: 1px solid #22262f;
}

/* === end card === */

/* === modal === */

[data-theme="dark"] .modal-header {
    border-bottom: 1px solid #343747;
    background-color: #2B2E3B !important;
}

[data-theme="dark"] .modal-header .modal-title {
    color: #f6f6f6 !important;
}

[data-theme="dark"] .modal-body {
    background-color: #2B2E3B !important;
    /* color: #fff; */
}

[data-theme="dark"] .modal-footer {
    border-top: 1px solid #343747;
    background-color: #2B2E3B !important;
    /* color: #fff; */
}

/* === end modal === */

/* === form === */

[data-theme="dark"] .form-control {
    background-color: #2f3341;
    color: #9699a8 !important;
    background-clip: padding-box;
    border: 1px solid #343747;
}

[data-theme="dark"] select.form-control.select2 {
    background-color: #2f3341 !important;
    color: #9699a8 !important;
    background-clip: padding-box !important;
    border: 1px solid #343747 !important;
}

[data-theme="dark"] .select2-selection.select2-selection--multiple {
    background-color: #2f3341 !important;
    color: #9699a8 !important;
    border: 1px solid #343747!important;
    /* background-clip: padding-box !important;
    border: 1px solid #343747 !important; */
}

[data-theme="dark"] .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #2b2e3b;
    border: 1px solid #343747;
    /* border-radius: 1px; */
    color: #fff !important;
    padding: 0 7px;
}

[data-theme="dark"] .select2-dropdown {
    border: 1px solid #343747;
    background-color: #2b2e3b;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
}

[data-theme="dark"] .select2-container .select2-selection--single {
    background-color: #2f3341;
    border: 1px solid #343747;
    color: #fff;
}

[data-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered {
    color: #9699a8;
}

[data-theme="dark"] .select2-dropdown.select2-dropdown--below {
    border: 1px solid #343747;
    background-color: #2b2e3b
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #343747;
    background-color: #2f3341;
    color: #c3cbe4;
    outline: 0;
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #6993FF;
}

[data-theme="dark"] .select2-container--default .select2-results__option.select2-results__option--highlighted {
    background-color: rgb(210, 210, 210);
}

[data-theme="dark"] .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    background-color: #2b2e3b;
    border: 1px solid #343747;
}

[data-theme="dark"] .checkbox>span {
    background-color: #3A3E50;
    border: #50556d solid 1px;
}

/* summernote */

[data-theme="dark"] .note-toolbar.card-header {
    background-color: #464444;
    border-bottom: 1px solid #464444
}

[data-theme="dark"] .note-editor .note-toolbar .note-btn-group .btn {
    background: #464444;
    border: 1px solid #464444;
}

[data-theme="dark"] .note-editor .note-toolbar .note-btn-group .btn i {
    color: #fff;
}

[data-theme="dark"] .note-current-fontname {
    color: #fff;
}

[data-theme="dark"] .note-btn.btn.btn-light.btn-sm.note-current-color-button i {
    color: #fff;
}

[data-theme="dark"] .note-editor.note-frame {
    border: 1px solid #393c48
}

[data-theme="dark"] .note-editor.note-frame .note-statusbar {
    background-color: #464444;
}

[data-theme="dark"] .custom-file-input {
    background: #2E3341;
}

[data-theme="dark"] .custom-file-label {
    background: #2E3341;
    color: #9699a8;
    border: 1px solid #2E3341;
}

[data-theme="dark"] .custom-file-label::after {
    background: #2E3341;
    color: #fff;
}

[data-theme="dark"] .input-group-text {
    background: #2E3341;
    color: #9699a8;
    border: 1px solid #2E3341;
}

[data-theme="dark"] .dropdown-menu {
    background: #2B2E3B;
}

[data-theme="dark"] .dropdown-item {
    color: #fff;
}

[data-theme="dark"] .dropdown-item:hover, .dropdown-item:focus {
    background-color: #6993FF;
}

[data-theme="dark"] .dropdown-divider {
    border-top: 1px solid #333640;
}

/* === end form === */

/* === button === */

[data-theme="dark"] .btn.btn-light {
    background-color: #474f61;
    border-color: #44495f;
    color: #fff;
}

[data-theme="dark"] .btn.btn-light-primary i {
    color: #fff;
}

[data-theme="dark"] .btn.btn-light-primary {
    background-color: #5B73E8;
    color: #fff;
}

/* === end button === */

/* === base component === */

[data-theme="dark"] p {
    color: #fff !important;
}

[data-theme="dark"] h4 {
    color: #fff !important;
}

[data-theme="dark"] label {
    color: #fff !important;
}

[data-theme="dark"] strong {
    color: #fff !important;
}

/* === end mbase component === */

/* === datatable === */

[data-theme="dark"] .table td {
    color: #fff !important;
}

[data-theme="dark"] .offcanvas.offcanvas-right {
    background-color: #2b2e3b;
    border: 1px solid #343747;
}

[data-theme="dark"] .alert-text {
    color: #2B2E3B !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: #22262F !important;
}

[data-theme="dark"] .table thead th {
    border-bottom: 1px solid #2B2E3B !important;
}

[data-theme="dark"] .table tbody td {
    border-bottom: 1px solid #2B2E3B !important;
    border-top: 1px solid #2B2E3B !important;
}

[data-theme="dark"] .table tfoot th {
    border-bottom: 1px solid #2B2E3B !important;
    border-top: 1px solid #2B2E3B !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTable tbody tr.active th, .dataTables_wrapper .dataTable tbody tr.active td, .dataTables_wrapper .dataTable tbody tr.selected th, .dataTables_wrapper .dataTable tbody tr.selected td {
    background-color: #484747 !important;
    border-left-color: #484747 !important;
    border-right-color: #484747 !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTable tbody tr.active th, .dataTables_wrapper .dataTable tbody tr.active td, .dataTables_wrapper .dataTable tbody tr.selected th, .dataTables_wrapper .dataTable tbody tr.selected td {
    color: #fff !important;
}

/* .table-striped tbody tr:nth-of-type(odd) {
    background-color: #22252F !important;
}


[data-theme="dark"] .table-striped .dataTables_wrapper .dataTable tfoot th, .dataTables_wrapper .dataTable thead th {
    background-color: #fff !important;
} */

/* === end datatable === */

/* === dropzone === */

[data-theme="dark"] .dropzone {
    min-height: 150px;
    border: 2px dashed #9295a4;
    background: #2B2E3B;
    padding: 20px 20px;
}

[data-theme="dark"] .dropzone.dropzone-default .dropzone-msg-title {
    color: #F6F6DE;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 500;
    font-size: 1.2rem;
}

/* === end dropzone === */

/* === Other === */

[data-theme="dark"] .text-breadcrumbs {
    color: #fff !important;
}

[data-theme="dark"] .label-dot.label-sm.bg-dark {
    background: #fff !important;
}

/* === end other === */

/* === Timeline === */

[data-theme="dark"] .timeline.timeline-4 .timeline-items .timeline-item .timeline-content {
    background-color: #060606;
}

[data-theme="dark"] .timeline.timeline-4.timeline-justified .timeline-items .timeline-item:after {
    right: 100%;
    left: auto;
    margin-left: auto;
    margin-right: -3rem;
    border-right: solid 10px #060606;
    border-left: solid 17px transparent
}

[data-theme="dark"] .timeline.timeline-4:after {
    background-color: #060606;
}

[data-theme="dark"] .timeline.timeline-4 .timeline-items .timeline-item .timeline-badge {
    background-color: #060606;
}

[data-theme="dark"] .timeline.timeline-4 .timeline-bar {
    background-color: #060606;
}

[data-theme="dark"] .label-badge {
    color: #2B2E3B !important;
}

/* === end Timeline === */

/* === Utilitie === */

[data-theme="dark"] .switch input:checked~span:before {
    background-color: #373b4a;
}

[data-theme="dark"] .switch input:empty~span:before {
    background-color: #373b4a;
}

/* === end Utilitie === */

/* === Datepicker === */

/* [data-theme="dark"] .datepicker thead th.prev, .datepicker thead th.datepicker-switch{
    color: rgb(222, 222, 222);
    font-weight: 700;
} */

/* [data-theme="light"] .datepicker thead th.prev, .datepicker thead th.datepicker-switch{
    color: rgb(73, 80, 87);
    font-weight: 700;
} */

[data-theme="dark"] .datepicker thead th {
    color: #9295a4 !important;
}

[data-theme="dark"] .datepicker thead th.dow {
    color: #fdfdff;
    font-weight: 600;
}

[data-theme="dark"] .datepicker tfoot tr>th.today, .datepicker tfoot tr>th.clear {
    /* background: #222530; */
    color: white;
}

[data-theme="dark"] .datepicker tfoot tr>th.today, .datepicker tfoot tr>th.clear:hover {
    background: #111215;
    color: white;
}

[data-theme="dark"] .datepicker tbody tr>td.day.old {
    color: #E1E9FF !important;
    opacity: .3 !important;
}

[data-theme="dark"] .datepicker tbody tr>td.day {
    color: #c7cada !important;
    font-weight: bold;
}

[data-theme="dark"] .datepicker tbody tr>td.disabled {
    color: #c7cada !important;
    font-weight: lighter !important;
}

[data-theme="dark"] .datepicker tbody tr>td.day.new {
    color: #E1E9FF !important;
    opacity: .3 !important;
}