body.dark {
    background-color: #121212;
    color: #bbbbbb;
    --primary-color: #bbbbbb;
}

body.dark .card-title {
    color: #ffffff;
}

body.dark .footer nav ul a:not(.btn) {
    color: #bbbbbb;
}

body.dark a,
body.dark .footer-item {
    color: #bbbbbb;
}

body.dark a:hover {
    color: #337ab7;
}

body.dark .header,
body.dark .content,
body.dark .footer .container-fluid,
body.dark .main-panel {
    background-color: #1e1e1e;
    color: #cccccc;
}

body.dark .dropdown-menu,
body.dark .jumbotron,
body.dark .card {
    background-color: #2a2a2a;
    border-color: #444;
    color: #dddddd;
}

body.dark textarea,
body.dark .panel-body,
body.dark #minimizeSidebar,
body.dark .multi-line,
body.dark .flatpickr-input,
body.dark .panel-group .panel,
body.dark .panel-default .panel-heading,
body.dark .panel-group,
body.dark .table-striped tbody tr:nth-of-type(even),
body.dark .select2-container--default .select2-results__option,
body.dark .select2-container--default .select2-selection--single,
body.dark .select2-container--default .select2-selection--multiple,
body.dark input,
body.dark .input-group-addon,
body.dark select {
    background-color: #2a2a2a;
    color: #bbbbbb;
}

body.dark textarea:focus,
body.dark .panel-border,
body.dark .well,
body.dark .break,
body.dark .multi-line:focus,
body.dark .flatpickr-input:focus,
body.dark .table-striped tbody tr:nth-of-type(odd),
body.dark input:focus,
body.dark select:focus {
    background-color: #121212;
    color: #bbbbbb;
}

body.dark .select2-selection__rendered {
    color: #ffffff !important;
}

body.dark .no-records-found {
    background-color: #2a2a2a !important;
    color: #bbbbbb;
}

/* Disabled fields */
body.dark .flatpickr-input:disabled,
body.dark .pagination .disabled a,
body.dark .pagination .disabled a:focus,
body.dark .pagination .disabled a:hover,
body.dark .pagination .disabled span,
body.dark .pagination .disabled span:focus,
body.dark .pagination .disabled span:hover,
body.dark select:disabled,
body.dark input:disabled {
    background-color: #121212 !important;
}

/* info table class */
body.dark .table tbody tr.info td,
body.dark .table tbody tr.info th,
body.dark .table tfoot tr.info td,
body.dark .table tfoot tr.info th,
body.dark .table thead tr.info td,
body.dark .table thead tr.info th {
    background-color: #006a85;
}

/* success table class */
body.dark .table tbody tr.success td,
body.dark .table tbody tr.success th,
body.dark .table tfoot tr.success td,
body.dark .table tfoot tr.success th,
body.dark .table thead tr.success td,
body.dark .table thead tr.success th {
    background-color: #157b4d;
}

/* danger table class */
body.dark .table tbody tr.danger td,
body.dark .table tbody tr.danger th,
body.dark .table tfoot tr.danger td,
body.dark .table tfoot tr.danger th,
body.dark .table thead tr.danger td,
body.dark .table thead tr.danger th {
    background-color: #b13500;
}

/* Hover background color on table */
body.dark .table-hover tbody tr:hover td, body.dark .table-hover tbody tr:hover th {
    background-color: #121212;
}


/* Style sweet alerts */
body.dark .swal2-modal {
    background: #2a2a2a !important;
}

body.dark .swal2-modal .swal2-title {
    color: #ffffff;
}

body.dark .swal2-modal .swal2-content {
    color: #bbbbbb;
}

/* Select 2 extra styling */
body.dark .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: black;
    color: #ffffff;
}

body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #121212 !important;
    color: #ffffff;
}

body.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    color: #ffffff;
}

body.dark .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #121212;
}

/* Scrollbar in overflow menus */
body.dark ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #000;
}

body.dark ::-webkit-scrollbar-thumb {
    background: #565656;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

body.dark ::-webkit-scrollbar-corner {
    background: #000;
}

/* Timeclock */
body.dark .dialer-button {
    background: #2a2a2a;
}

body.dark .clock-button {
    background: #2a2a2a;
}

body.dark .timeclock-table tbody tr:nth-child(even) {
    background-color: #000000;
}

body.dark .table>thead>tr.active>th {
    background-color: #000000;
}

/* WMS Shipping */
body.dark .carrier-text {
    color: #ffffff;
}

/* Flatpickr */
body.dark .datetime-picker:not(:disabled)[readonly] {
    background-color: #2a2a2a !important;
    color: #bbbbbb !important;
}

body.dark .flatpickr-calendar {
    background: #2a2a2a;
}

body.dark .flatpickr-day {
    color: #bbbbbb;
}

body.dark .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: #7b7b7b !important;
}

body.dark .flatpickr-time .flatpickr-time-separator, body.dark .flatpickr-time .flatpickr-am-pm {
    color: #bbbbbb !important;
}

body.dark .flatpickr-months .flatpickr-month {
    color: #ffffff;
}

body.dark .flatpickr-months .flatpickr-prev-month, body.dark .flatpickr-months .flatpickr-next-month {
    fill: #ffffff !important;
}

body.dark option.flatpickr-monthDropdown-month {
    background-color: #121212 !important;
}

body.dark span.flatpickr-weekday {
    color: rgb(255 255 255 / 78%);
}

body.dark .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    color: #ffffff;
}

/* Validation Fields */
body.dark .has-success input:not(:disabled) {
    background-color: #2a2a2a !important;
    color: #bbbbbb;
}

body.dark .has-success input:focus {
    background-color: #121212 !important;
    color: #bbbbbb;
}

body.dark .has-error input:focus {
    background-color: #121212 !important;
    color: #bbbbbb;
}

body.dark .has-error input:not(:focus):not(:disabled) {
    background-color: #762400 !important;
    border-color: #EB5E28 !important;
}

/* Bootstrap 5 classes */
body.dark .bg-light {
    background-color: #2a2a2a !important;
}