.img-flag {
    width: 20px;
    margin-right: 5px;
}

#theme-icon-container {
    transition: opacity 0.3s ease-in-out;
}
.fade-out {
    opacity: 0;
}
.fade-in {
    opacity: 1;
}

body.dark-mode main.content {
    background-color: #060818;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h6 {
    color: #e0e6ed!important;
}

body.dark-mode .card {
    background-color: #0e1726;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .card-header {
    background-color: #0e1726;
}

body.dark-mode .card-footer {
    background-color: #0e1726;
}

body.dark-mode form.border {
    border: 1px solid #191e3a!important;
}

body.dark-mode table.border {
    border: 1px solid #191e3a!important;
}

body.dark-mode nav.navbar-bg {
    background: #191e3a;
}

body.dark-mode table.dataTable {
    background-color: #141a2e;
}

body.dark-mode table.dataTable thead {
    background-color: #191e3a;
    color: #e0e6ed;
}

body.dark-mode table.dataTable tbody td {
    background-color: #141a2e;
    color: #e0e6ed;
}

body.dark-mode table.dataTable tbody tr:hover {
    background-color: #1f2438;
}

body.dark-mode table.dataTable.table-striped tbody tr:nth-child(odd) {
    background-color: #131a26 !important;
}

body.dark-mode table.dataTable.table-striped tbody tr:nth-child(even) {
    background-color: #141a2e !important;
}

body.dark-mode .nav-icon i[data-feather],
body.dark-mode .nav-link i[data-feather] {
    stroke: #fff;
}

body.dark-mode .nav-icon svg,
body.dark-mode .nav-link svg {
    stroke: #fff !important;
    color: #fff !important;
}

body.dark-mode .dropdown-toggle:after {
    color: #fff !important;
}

body.dark-mode input, body.dark-mode .form-control:disabled {
    background-color: #0e1726;
    border: 1px solid #191e3a!important;
}

body.dark-mode textarea {
    background-color: #0e1726;
    border: 1px solid #191e3a!important;
}

body.dark-mode select {
    background-color: #0e1726;
    border: 1px solid #191e3a!important;
}

body.dark-mode footer {
    background-color: #191e3a;
}

body.dark-mode a.sidebar-brand {
    color: #fff!important;
}

body.dark-mode .sidebar-item.active > a.sidebar-link {
    color: #fff!important;
}

body.dark-mode .page-link {
    background-color: #0e1726;
    border: 1px solid #191e3a!important;
}

body.dark-mode .page-item.active > .page-link {
    background-color: #00c2cb;
}

.sidebar-item.active>.sidebar-link, .sidebar-item.active {
    background: #4361ee;
    border-left: unset!important;
}

a.sidebar-link:hover {
    color:#4361ee;
}

a.sidebar-link:hover > svg {
    stroke: #4361ee!important;
    color: #4361ee!important;
}

.sidebar-item.active>.sidebar-link>svg {
    stroke: #e9ecef!important;
    color: #e9ecef!important;
}

.sidebar-item.active>.sidebar-link, .sidebar-item.active, .sidebar-item>.sidebar-link, .sidebar-item {
    border-radius: 8px;
} 

.sidebar-link, a.sidebar-link {
    padding: .625rem 1.625rem .625rem 1rem;
}

body.dark-mode .simplebar-content {
    background-color: #0e1726;
}

body.dark-mode .sidebar-item>.sidebar-link {
    background-color: #0e1726;
}

body.dark-mode .sidebar-item.active>a.sidebar-link {
    background-color: #4361ee;
}

.sidebar-nav {
    padding: 18px;
}

body.dark-mode #filter {
    background-color: #0e1726!important;
    border: 1px solid #191e3a!important;
}

body.dark-mode .progress {
    background-color: #191e3a;
}

body.dark-mode .dropdown-menu {
    background-color: #191e3a;
}

body.dark-mode .dropdown-item {
    color: #fff;
}

body.dark-mode .dropdown-item:hover {
    background-color: #00c2cb;
    color: #fff;
}

body.dark-mode #select2-geo-container {
    background-color: #0e1726!important;
    border: 1px solid #191e3a!important;
}

body.dark-mode .select2 {
    background-color: #0e1726!important;
    border: 1px solid #191e3a!important;
}

body.dark-mode .select2-container--default .select2-selection--single {
    background-color: #0e1726!important;
    border: 1px solid #191e3a!important;
}

body.dark-mode span.select2-selection.select2-selection--single {
    background-color: #0e1726!important;
    border: 1px solid #191e3a!important;
}

body.dark-mode .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #495057;
}

body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    color: #fff;
}

body.dark-mode .select2-dropdown {
    background-color: #0e1726!important;
    border: 1px solid #191e3a!important;
}

body.dark-mode span.select2-selection.select2-selection--multiple.select2-selection--clearable {
    background-color: #0e1726!important;
    border: 1px solid #191e3a!important;
}

body.dark-mode .modal-content {
    background-color: #0e1726;
}

body.dark-mode .modal-title {
    color: #fff;
}

body.dark-mode .btn-close {
    color: #fff;
}

body.dark-mode .modal-header {
    border-bottom: 1px solid #191e3a!important;
}


body.dark-mode .modal-footer {
    border-top: 1px solid #191e3a!important;
}

body.dark-mode .table td,
body.dark-mode .table th, 
body.dark-mode .table thead, 
body.dark-mode .table tr, 
body.dark-mode .table > :not(:last-child) > :last-child > * {
    border-color: #191e3a !important;
}

body.dark-mode .table > :not(caption) > * > * {
    color: #898f95 !important;
}