body.dark-theme {
    background-color: #161c24;
    color: #ecf0f1;
}

.dark-theme .header {
    background-color: #2c3e50;
}

.dark-theme .panel {
    background-color: #34495e;
    border: 1px solid #2c3e50;
    color: #ecf0f1;
}

.dark-theme .panel-heading {
    background-color: #2c3e50;
    color: #ecf0f1;
    border-bottom: 1px solid #2c3e50;
}

.dark-theme .dataTables_filter input {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}

.dark-theme .select2-selection--single:not([class*=bg-]),
.dark-theme .select2-selection--multiple:not([class*=bg-]) {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}

.dark-theme .select2-dropdown {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}

.dark-theme .select2-search--dropdown .select2-search__field {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
.dark-theme .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2c3e50;
}
.dark-theme .table > thead > tr > th,
.dark-theme .table > tbody > tr > th,
.dark-theme.table > tfoot > tr > th, .dark-theme
.table > thead > tr > td, .dark-theme
.table > tbody > tr > td, .dark-theme
.table > tfoot > tr > td {
    border-top: 1px solid #2c3e50;
}
.dark-theme .divFilters {
    border-top: 1px solid #2c3e50;
}
.dark-theme .form-control {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
.dark-theme .table-hover > tbody > tr:hover {
    background-color: #1b222c;
}
.dark-theme .table > caption + thead > tr:first-child > th,
.dark-theme .table > colgroup + thead > tr:first-child > th,
.dark-theme .table > thead:first-child > tr:first-child > th,
.dark-theme .table > caption + thead > tr:first-child > td,
.dark-theme .table > colgroup + thead > tr:first-child > td,
.dark-theme .table > thead:first-child > tr:first-child > td {
    border-top: 2px solid #2c3e50;
}
.dark-theme .datatable-footer {
    border-top: 1px solid #2c3e50;
}
.dark-theme .panel-footer {
    background-color: #2c3e50;
    color: #ecf0f1;
    border-top: 1px solid #2c3e50;
}
.dark-theme .footer-container {
    color: #ecf0f1;
}
.dark-theme .btn-default {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
.dark-theme .input-group-addon {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
.dark-theme a.list-group-item, button.list-group-item {
    color: #ecf0f1;
}
.dark-theme .modal-content {
    background-color: #34495e;
    color: #ecf0f1;
}
.dark-theme .thumbnail {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
    .dark-theme .thumbnail > .caption {
        background-color: #34495e;
        color: #ecf0f1;
    }
.dark-theme a.list-group-item:hover,
.dark-theme button.list-group-item:hover,
.dark-theme a.list-group-item:focus,
.dark-theme button.list-group-item:focus {
    background-color: #2c3e50;
    color: #ecf0f1;
}
.dark-theme .select2-results__option.select2-results__option--highlighted {
    background-color: #2c3e50;
    color: #ecf0f1;
}
.dark-theme .select2-container--disabled .select2-selection--single:not([class*=bg-]) {
    background-color: #2c3e50;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
.dark-theme .brighttheme-error {
    background-color: #e74c3c;
    color: #ecf0f1;
}
.dark-theme .odd-row {
    background-color: #2c3e50;
}
.dark-theme .border-bottom-light {
    border-bottom: 1px solid #2c3e50 !important;
}
.dark-theme .preloader {
    background: rgba(0, 0, 0, 0.5);
}
.dark-theme .action-card {
    background-color: #2c3e50;
    color: #ecf0f1;
}
.dark-theme .table .table {
    background-color: #34495e;
    color: #ecf0f1;
}
.dark-theme .bg-light-lighter {
    background-color: #34495e !important;
    color: #ecf0f1 !important;
}
.dark-theme .nav-tabs > li.active > a,
.dark-theme .nav-tabs > li.active > a:hover,
.dark-theme .nav-tabs > li.active > a:focus {
    background-color: #2c3e50 !important;
    color: #ecf0f1 !important;
    border-color: #2c3e50 !important;
}
.dark-theme .nav-tabs {
    border-bottom: 1px solid #2c3e50 !important;
}
.dark-theme .nav-tabs > li > a {
    color: #ecf0f1 !important;
}

/*#region Scrollbar*/
/* width */
.dark-theme::-webkit-scrollbar {
    width: 0.5rem;
    height: 0;
    background: transparent;
}

.dark-theme div, body.dark-theme {
    scrollbar-width: thin;
    scrollbar-color: #1b222c transparent;
}
/* Track */
.dark-theme::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.dark-theme::-webkit-scrollbar-thumb {
    background: #1b222c;
}


/* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #1b222c;
    }
.dark-theme .dataTables_paginate .paginate_button {
    color: #ecf0f1 !important;
}
    .dark-theme .dataTables_paginate .paginate_button:focus,
    .dark-theme .dataTables_paginate .paginate_button:hover {
        background-color: #2c3e50 !important;
        color: #ecf0f1 !important;
    }

.dark-theme .brighttheme-success {
    background-color: #2ecc71;
    color: #ecf0f1;
}
.dark-theme .brighttheme-warning {
    background-color: #f39c12;
    color: #ecf0f1;
}
.dark-theme .daterangepicker {
    background-color: #2c3e50;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
.dark-theme .ranges {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #34495e;
}
    .dark-theme .ranges ul li {
        color: #ecf0f1;
    }
.dark-theme .daterangepicker .drp-buttons {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #34495e;
}
.dark-theme .daterangepicker .drp-calendar {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #34495e;
}
.dark-theme .daterangepicker td.available:focus,
.dark-theme .daterangepicker td.available:hover,
.dark-theme .daterangepicker td.in-range {
    background-color: #2c3e50;
    color: #ecf0f1;
}
.dark-theme .daterangepicker td.active,
.dark-theme .daterangepicker td.active:focus,
.dark-theme .daterangepicker td.active:hover {
    background-color: #4DD0E1;
    color: #FFF;
}
.dark-theme .ranges ul li:focus,
.dark-theme .ranges ul li:hover {
    background-color: #2c3e50;
    color: #ecf0f1;
}
.dark-theme .btn-link {
    color: #ecf0f1;
}
.dark-theme .creditbetIcon {
    filter:invert(1); 
}