/*!
* Version: 1.2.0
* Template: Example Project
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for Template.
*
*/
:focus {
    outline: none;
}

.dark {
}
.dark .bg-soft-primary {
    background-color: rgba(120, 31, 255, 0.1) !important;
}
.dark a.bg-soft-primary:hover,
.dark a.bg-soft-primary:focus,
.dark button.bg-soft-primary:hover,
.dark button.bg-soft-primary:focus {
    cursor: pointer;
    color: #1632bf;
    background-color: rgba(120, 31, 255, 0.15) !important;
}
.dark .bg-soft-secondary {
    background-color: rgba(125, 138, 183, 0.1) !important;
}
.dark a.bg-soft-secondary:hover,
.dark a.bg-soft-secondary:focus,
.dark button.bg-soft-secondary:hover,
.dark button.bg-soft-secondary:focus {
    cursor: pointer;
    color: #404c74;
    background-color: rgba(125, 138, 183, 0.15) !important;
}
.dark .bg-soft-success {
    background-color: rgba(33, 204, 106, 0.1) !important;
}
.dark a.bg-soft-success:hover,
.dark a.bg-soft-success:focus,
.dark button.bg-soft-success:hover,
.dark button.bg-soft-success:focus {
    cursor: pointer;
    color: #0f5e31;
    background-color: rgba(33, 204, 106, 0.15) !important;
}
.dark .bg-soft-info {
    background-color: rgba(9, 200, 211, 0.1) !important;
}
.dark a.bg-soft-info:hover,
.dark a.bg-soft-info:focus,
.dark button.bg-soft-info:hover,
.dark button.bg-soft-info:focus {
    cursor: pointer;
    color: #045459;
    background-color: rgba(9, 200, 211, 0.15) !important;
}
.dark .bg-soft-warning {
    background-color: rgba(244, 137, 75, 0.1) !important;
}
.dark a.bg-soft-warning:hover,
.dark a.bg-soft-warning:focus,
.dark button.bg-soft-warning:hover,
.dark button.bg-soft-warning:focus {
    cursor: pointer;
    color: #b44a0b;
    background-color: rgba(244, 137, 75, 0.15) !important;
}
.dark .bg-soft-danger {
    background-color: rgba(221, 73, 55, 0.1) !important;
}
.dark a.bg-soft-danger:hover,
.dark a.bg-soft-danger:focus,
.dark button.bg-soft-danger:hover,
.dark button.bg-soft-danger:focus {
    cursor: pointer;
    color: #7f2116;
    background-color: rgba(221, 73, 55, 0.15) !important;
}
.dark .bg-soft-light {
    background-color: rgba(251, 252, 252, 0.1) !important;
}
.dark a.bg-soft-light:hover,
.dark a.bg-soft-light:focus,
.dark button.bg-soft-light:hover,
.dark button.bg-soft-light:focus {
    cursor: pointer;
    color: #b2bcc5;
    background-color: rgba(251, 252, 252, 0.15) !important;
}
.dark .bg-soft-dark {
    background-color: rgba(91, 102, 113, 0.1) !important;
}
.dark a.bg-soft-dark:hover,
.dark a.bg-soft-dark:focus,
.dark button.bg-soft-dark:hover,
.dark button.bg-soft-dark:focus {
    cursor: pointer;
    color: black;
    background-color: rgba(91, 102, 113, 0.15) !important;
}
.dark .text-primary {
    color: #1e3c72 !important;
}
.dark .text-secondary {
    color: #5c6ca5 !important;
}
.dark .text-success {
    color: #1aa053 !important;
}
.dark .text-info {
    color: #079aa2 !important;
}
.dark .text-warning {
    color: #f16a1b !important;
}
.dark .text-danger {
    color: #c03221 !important;
}
.dark .text-light {
    color: #dee2e6 !important;
}
.dark .text-dark {
    color: #212529 !important;
}
.dark .iq-media-group .iq-icon-box-3 {
    background: #222738;
}
.dark {
    color: #8a92a6;
    background-color: #151824 !important;
}
.dark h1,
.dark .h1,
.dark h2,
.dark .h2,
.dark h3,
.dark .h3,
.dark h4,
.dark .h4,
.dark h5,
.dark .h5,
.dark h6,
.dark .h6 {
    color: #8a92a6;
}
.dark .border {
    border-color: #30384f !important;
}
.dark .border-bottom {
    border-color: #30384f !important;
}
.dark .datepicker-picker {
    background-color: #222738;
}
.dark .datepicker-picker .datepicker-title {
    background-color: #222738;
}
.dark .datepicker-picker .datepicker-controls .button {
    background-color: #222738;
    color: #8a92a6;
}
.dark thead,
.dark tbody,
.dark tfoot,
.dark tr,
.dark td,
.dark th {
    border-color: #30384f;
    color: #8a92a6;
}
.dark .offcanvas {
    background-color: #222738;
    color: #8a92a6;
}
.dark button.close-btn-res {
    color: #dee2e6;
}
.dark hr.hr-horizontal {
    background-image: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
}
.dark hr.hr-vertial {
    background-image: linear-gradient(
        180deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
}
.dark .custom-accordion .accordion-button {
    color: #adb3c1;
}
.dark .custom-accordion .accordion-item {
    background: #222738;
}
.dark .accordion .accordion-item {
    background-color: #151824;
    color: #fff;
}
.dark .accordion .accordion-item .accordion-header .accordion-button {
    background-color: #30384f;
    color: #fff;
}
.dark
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #30384f;
}
.dark .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: unset;
}
.dark .btn-border {
    border: 2px solid #30384f;
}
.dark .btn-border:hover {
    border-color: #57658e;
}
.dark .btn-border.active {
    border-color: var(--bs-primary);
}
.dark .bd-aside .btn:hover,
.dark .bd-aside .btn:focus,
.dark .bd-aside .active,
.dark .bd-aside a:hover {
    color: #fff;
    background-color: #151824;
    box-shadow: unset;
}
.dark .btn-soft-primary {
    color: #6179ed;
    background-color: rgba(58, 87, 232, 0.1);
    border-color: rgba(58, 87, 232, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-primary:hover {
    color: #7589ef;
    background-color: rgba(58, 87, 232, 0.2);
    border-color: rgba(58, 87, 232, 0.2);
}
.btn-check:focus + .dark .btn-soft-primary,
.dark .btn-soft-primary:focus {
    color: #7589ef;
    background-color: rgba(58, 87, 232, 0.2);
    border-color: rgba(58, 87, 232, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0 0 0rem rgba(97, 121, 237, 0.5);
}
.btn-check:checked + .dark .btn-soft-primary,
.btn-check:active + .dark .btn-soft-primary,
.dark .btn-soft-primary:active,
.dark .btn-soft-primary.active,
.show > .dark .btn-soft-primary.dropdown-toggle {
    color: #1e3c72;
    background-color: rgba(58, 87, 232, 0.3);
    border-color: rgba(58, 87, 232, 0.2);
}
.btn-check:checked + .dark .btn-soft-primary:focus,
.btn-check:active + .dark .btn-soft-primary:focus,
.dark .btn-soft-primary:active:focus,
.dark .btn-soft-primary.active:focus,
.show > .dark .btn-soft-primary.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(97, 121, 237, 0.5);
}
.dark .btn-soft-primary:disabled,
.dark .btn-soft-primary.disabled {
    color: #000;
    background-color: #9dabf4;
    border-color: rgba(58, 87, 232, 0);
}
.dark .btn-soft-secondary {
    color: #7d89b7;
    background-color: rgba(92, 108, 165, 0.1);
    border-color: rgba(92, 108, 165, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-secondary:hover {
    color: #8d98c0;
    background-color: rgba(92, 108, 165, 0.2);
    border-color: rgba(92, 108, 165, 0.2);
}
.btn-check:focus + .dark .btn-soft-secondary,
.dark .btn-soft-secondary:focus {
    color: #8d98c0;
    background-color: rgba(92, 108, 165, 0.2);
    border-color: rgba(92, 108, 165, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0),
        0 0 0 0rem rgba(125, 137, 183, 0.5);
}
.btn-check:checked + .dark .btn-soft-secondary,
.btn-check:active + .dark .btn-soft-secondary,
.dark .btn-soft-secondary:active,
.dark .btn-soft-secondary.active,
.show > .dark .btn-soft-secondary.dropdown-toggle {
    color: #5c6ca5;
    background-color: rgba(92, 108, 165, 0.3);
    border-color: rgba(92, 108, 165, 0.2);
}
.btn-check:checked + .dark .btn-soft-secondary:focus,
.btn-check:active + .dark .btn-soft-secondary:focus,
.dark .btn-soft-secondary:active:focus,
.dark .btn-soft-secondary.active:focus,
.show > .dark .btn-soft-secondary.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(125, 137, 183, 0.5);
}
.dark .btn-soft-secondary:disabled,
.dark .btn-soft-secondary.disabled {
    color: #000;
    background-color: #aeb6d2;
    border-color: rgba(92, 108, 165, 0);
}
.dark .btn-soft-success {
    color: #48b375;
    background-color: rgba(26, 160, 83, 0.1);
    border-color: rgba(26, 160, 83, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-success:hover {
    color: #5fbd87;
    background-color: rgba(26, 160, 83, 0.2);
    border-color: rgba(26, 160, 83, 0.2);
}
.btn-check:focus + .dark .btn-soft-success,
.dark .btn-soft-success:focus {
    color: #5fbd87;
    background-color: rgba(26, 160, 83, 0.2);
    border-color: rgba(26, 160, 83, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0 0 0rem rgba(72, 179, 117, 0.5);
}
.btn-check:checked + .dark .btn-soft-success,
.btn-check:active + .dark .btn-soft-success,
.dark .btn-soft-success:active,
.dark .btn-soft-success.active,
.show > .dark .btn-soft-success.dropdown-toggle {
    color: #1aa053;
    background-color: rgba(26, 160, 83, 0.3);
    border-color: rgba(26, 160, 83, 0.2);
}
.btn-check:checked + .dark .btn-soft-success:focus,
.btn-check:active + .dark .btn-soft-success:focus,
.dark .btn-soft-success:active:focus,
.dark .btn-soft-success.active:focus,
.show > .dark .btn-soft-success.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(72, 179, 117, 0.5);
}
.dark .btn-soft-success:disabled,
.dark .btn-soft-success.disabled {
    color: #000;
    background-color: #8dd0a9;
    border-color: rgba(26, 160, 83, 0);
}
.dark .btn-soft-info {
    color: #39aeb5;
    background-color: rgba(7, 154, 162, 0.1);
    border-color: rgba(7, 154, 162, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-info:hover {
    color: #51b8be;
    background-color: rgba(7, 154, 162, 0.2);
    border-color: rgba(7, 154, 162, 0.2);
}
.btn-check:focus + .dark .btn-soft-info,
.dark .btn-soft-info:focus {
    color: #51b8be;
    background-color: rgba(7, 154, 162, 0.2);
    border-color: rgba(7, 154, 162, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0 0 0rem rgba(57, 174, 181, 0.5);
}
.btn-check:checked + .dark .btn-soft-info,
.btn-check:active + .dark .btn-soft-info,
.dark .btn-soft-info:active,
.dark .btn-soft-info.active,
.show > .dark .btn-soft-info.dropdown-toggle {
    color: #079aa2;
    background-color: rgba(7, 154, 162, 0.3);
    border-color: rgba(7, 154, 162, 0.2);
}
.btn-check:checked + .dark .btn-soft-info:focus,
.btn-check:active + .dark .btn-soft-info:focus,
.dark .btn-soft-info:active:focus,
.dark .btn-soft-info.active:focus,
.show > .dark .btn-soft-info.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(57, 174, 181, 0.5);
}
.dark .btn-soft-info:disabled,
.dark .btn-soft-info.disabled {
    color: #000;
    background-color: #83cdd1;
    border-color: rgba(7, 154, 162, 0);
}
.dark .btn-soft-warning {
    color: #f48849;
    background-color: rgba(241, 106, 27, 0.1);
    border-color: rgba(241, 106, 27, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-warning:hover {
    color: #f5975f;
    background-color: rgba(241, 106, 27, 0.2);
    border-color: rgba(241, 106, 27, 0.2);
}
.btn-check:focus + .dark .btn-soft-warning,
.dark .btn-soft-warning:focus {
    color: #f5975f;
    background-color: rgba(241, 106, 27, 0.2);
    border-color: rgba(241, 106, 27, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0 0 0rem rgba(244, 136, 73, 0.5);
}
.btn-check:checked + .dark .btn-soft-warning,
.btn-check:active + .dark .btn-soft-warning,
.dark .btn-soft-warning:active,
.dark .btn-soft-warning.active,
.show > .dark .btn-soft-warning.dropdown-toggle {
    color: #f16a1b;
    background-color: rgba(241, 106, 27, 0.3);
    border-color: rgba(241, 106, 27, 0.2);
}
.btn-check:checked + .dark .btn-soft-warning:focus,
.btn-check:active + .dark .btn-soft-warning:focus,
.dark .btn-soft-warning:active:focus,
.dark .btn-soft-warning.active:focus,
.show > .dark .btn-soft-warning.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(244, 136, 73, 0.5);
}
.dark .btn-soft-warning:disabled,
.dark .btn-soft-warning.disabled {
    color: #000;
    background-color: #f8b58d;
    border-color: rgba(241, 106, 27, 0);
}
.dark .btn-soft-danger {
    color: #cd5b4d;
    background-color: rgba(192, 50, 33, 0.1);
    border-color: rgba(192, 50, 33, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-danger:hover {
    color: #d37064;
    background-color: rgba(192, 50, 33, 0.2);
    border-color: rgba(192, 50, 33, 0.2);
}
.btn-check:focus + .dark .btn-soft-danger,
.dark .btn-soft-danger:focus {
    color: #d37064;
    background-color: rgba(192, 50, 33, 0.2);
    border-color: rgba(192, 50, 33, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0 0 0rem rgba(205, 91, 77, 0.5);
}
.btn-check:checked + .dark .btn-soft-danger,
.btn-check:active + .dark .btn-soft-danger,
.dark .btn-soft-danger:active,
.dark .btn-soft-danger.active,
.show > .dark .btn-soft-danger.dropdown-toggle {
    color: #c03221;
    background-color: rgba(192, 50, 33, 0.3);
    border-color: rgba(192, 50, 33, 0.2);
}
.btn-check:checked + .dark .btn-soft-danger:focus,
.btn-check:active + .dark .btn-soft-danger:focus,
.dark .btn-soft-danger:active:focus,
.dark .btn-soft-danger.active:focus,
.show > .dark .btn-soft-danger.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(205, 91, 77, 0.5);
}
.dark .btn-soft-danger:disabled,
.dark .btn-soft-danger.disabled {
    color: #000;
    background-color: #e09990;
    border-color: rgba(192, 50, 33, 0);
}
.dark .btn-soft-light {
    color: #e5e8eb;
    background-color: rgba(222, 226, 230, 0.1);
    border-color: rgba(222, 226, 230, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-light:hover {
    color: #e8ebee;
    background-color: rgba(222, 226, 230, 0.2);
    border-color: rgba(222, 226, 230, 0.2);
}
.btn-check:focus + .dark .btn-soft-light,
.dark .btn-soft-light:focus {
    color: #e8ebee;
    background-color: rgba(222, 226, 230, 0.2);
    border-color: rgba(222, 226, 230, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0),
        0 0 0 0rem rgba(229, 232, 235, 0.5);
}
.btn-check:checked + .dark .btn-soft-light,
.btn-check:active + .dark .btn-soft-light,
.dark .btn-soft-light:active,
.dark .btn-soft-light.active,
.show > .dark .btn-soft-light.dropdown-toggle {
    color: #dee2e6;
    background-color: rgba(222, 226, 230, 0.3);
    border-color: rgba(222, 226, 230, 0.2);
}
.btn-check:checked + .dark .btn-soft-light:focus,
.btn-check:active + .dark .btn-soft-light:focus,
.dark .btn-soft-light:active:focus,
.dark .btn-soft-light.active:focus,
.show > .dark .btn-soft-light.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(229, 232, 235, 0.5);
}
.dark .btn-soft-light:disabled,
.dark .btn-soft-light.disabled {
    color: #000;
    background-color: #eff1f3;
    border-color: rgba(222, 226, 230, 0);
}
.dark .btn-soft-dark {
    color: #4d5154;
    background-color: rgba(33, 37, 41, 0.1);
    border-color: rgba(33, 37, 41, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: unset;
}
.dark .btn-soft-dark:hover {
    color: #646669;
    background-color: rgba(33, 37, 41, 0.2);
    border-color: rgba(33, 37, 41, 0.2);
}
.btn-check:focus + .dark .btn-soft-dark,
.dark .btn-soft-dark:focus {
    color: #646669;
    background-color: rgba(33, 37, 41, 0.2);
    border-color: rgba(33, 37, 41, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0 0 0rem rgba(77, 81, 84, 0.5);
}
.btn-check:checked + .dark .btn-soft-dark,
.btn-check:active + .dark .btn-soft-dark,
.dark .btn-soft-dark:active,
.dark .btn-soft-dark.active,
.show > .dark .btn-soft-dark.dropdown-toggle {
    color: #212529;
    background-color: rgba(33, 37, 41, 0.3);
    border-color: rgba(33, 37, 41, 0.2);
}
.btn-check:checked + .dark .btn-soft-dark:focus,
.btn-check:active + .dark .btn-soft-dark:focus,
.dark .btn-soft-dark:active:focus,
.dark .btn-soft-dark.active:focus,
.show > .dark .btn-soft-dark.dropdown-toggle:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0 0 0rem rgba(77, 81, 84, 0.5);
}
.dark .btn-soft-dark:disabled,
.dark .btn-soft-dark.disabled {
    color: #fff;
    background-color: #909294;
    border-color: rgba(33, 37, 41, 0);
}
.dark .btn-close {
    filter: invert(1);
}
.dark .sidebar {
    background-color: #222738;
}
.dark .sidebar .navbar-brand .logo-title {
    color: #fff;
}
.dark .sidebar .sidebar-header {
    border-color: #30384f;
}
.dark .sidebar .navbar-nav .nav-item .nav-link {
    color: #dee2e6;
}
.dark .sidebar .navbar-nav .nav-item .nav-link:not(.disabled) {
    color: #8a92a6;
}
.dark .sidebar .navbar-nav .nav-item .nav-link:not(.disabled).active,
.dark
    .sidebar
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"] {
    background-color: #1e3c72;
    color: #fff;
    box-shadow: 0 10px 20px -10px rgba(17, 38, 146, 0.4);
}
.dark
    .sidebar
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled):hover:not(.active):not([aria-expanded="true"]) {
    background-color: rgba(58, 87, 232, 0.1);
    color: #1e3c72;
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active,
.dark
    .sidebar-color
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"] {
    background-color: #fff !important;
    color: var(--bs-primary) !important;
    box-shadow: unset !important;
}
.dark .sidebar-dark .navbar-nav .nav-item .nav-link:not(.disabled).active,
.dark
    .sidebar-dark
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"],
.dark .sidebar-white .navbar-nav .nav-item .nav-link:not(.disabled).active,
.dark
    .sidebar-white
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"],
.dark
    .sidebar-transparent
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled).active,
.dark
    .sidebar-transparent
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"] {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    box-shadow: unset !important;
}
.dark
    .sidebar-dark
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled):hover:not(.active):not([aria-expanded="true"]),
.dark
    .sidebar-white
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled):hover:not(.active):not([aria-expanded="true"]),
.dark
    .sidebar-transparent
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled):hover:not(.active):not([aria-expanded="true"]) {
    background-color: rgba(var(--bs-primary-rgb), 0.2) !important;
    color: var(--bs-primary) !important;
}
.dark .dual-horizontal .nav {
    background-color: #1e3c72;
}
.dark.dual-compact .nav-underline .nav-link:hover {
    color: var(--bs-primary);
}
.dark.dual-compact .nav-underline .active {
    color: #dee2e6;
}
.dark .sidebar-dark {
    background-color: #212529;
}
.dark .sidebar-dark .navbar-brand .logo-light {
    opacity: 1;
    transform: scale(1);
    transition: all 400ms ease;
}
.dark .sidebar-dark .navbar-brand .logo-dark {
    opacity: 0;
    transform: scale(0);
    transition: all 400ms ease;
}
.dark .sidebar-dark .navbar-brand .logo-title {
    color: #e9e9ea;
}
.dark .sidebar-dark .sidebar-header {
    border-bottom-color: #373b3e;
}
.dark .sidebar-dark .navbar-nav .nav-item .nav-link.disabled {
    color: #d3d3d4;
}
.dark .sidebar-dark .navbar-nav .nav-item .nav-link:not(.disabled) {
    color: #bcbebf;
}
.dark
    .sidebar-dark
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"]:after {
    border-color: #fff;
}
.dark .sidebar-dark .navbar-nav .nav-item .nav-link:not(.disabled).active,
.dark
    .sidebar-dark
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"] {
    background-color: #1e3c72;
    color: #fff;
    box-shadow: 0 10px 20px -10px rgba(17, 38, 146, 0.4);
}
.dark
    .sidebar-dark
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled):hover:not(.active):not([aria-expanded="true"]) {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}
.dark .sidebar-color {
    background-color: #1e3c72;
}
.dark .sidebar-color .navbar-brand .logo-light {
    opacity: 1;
    transform: scale(1);
    transition: all 400ms ease;
}
.dark .sidebar-color .navbar-brand .logo-dark {
    opacity: 0;
    transform: scale(0);
    transition: all 400ms ease;
}
.dark .sidebar-color .navbar-brand .logo-title {
    color: #ebeefd;
}
.dark .sidebar-color .sidebar-header {
    border-bottom-color: #4e68ea;
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link.disabled {
    color: #d8ddfa;
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled) {
    color: #c4cdf8;
}
.dark
    .sidebar-color
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"]:after {
    border-color: #fff;
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active,
.dark
    .sidebar-color
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled)[aria-expanded="true"] {
    background-color: #fff;
    color: #1e3c72;
    box-shadow: 0 10px 20px -10px rgba(17, 38, 146, 0.4);
}
.dark
    .sidebar-color
    .navbar-nav
    .nav-item
    .nav-link:not(.disabled):hover:not(.active):not([aria-expanded="true"]) {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}
.dark .sidebar-transparent {
    background-color: transparent;
    box-shadow: none;
}
.dark .footer {
    background-color: #222738 !important;
}
.dark .footer a {
    color: #8a92a6;
    transition: all 400ms ease;
}
.dark .footer a:hover {
    transition: all 400ms ease;
    color: #1e3c72;
}
.dark .nav {
    background: #151824;
}
.dark .nav .navbar-brand .logo-title {
    color: #fff;
}
.dark .iq-navbar {
    border-color: #222738;
    background-color: #222738;
}
.dark .iq-navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
}
.dark .iq-navbar .navbar-nav .nav-item .nav-link:hover {
    color: #b9beca;
}
.dark .iq-navbar .navbar-brand .logo-title {
    color: #fff;
}
.dark .iq-navbar.nav-glass {
    background: linear-gradient(
        120deg,
        rgba(96, 101, 138, 0.5) -8%,
        rgba(96, 101, 138, 0.01) 120%
    );
    border-color: #30384f;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop li a {
    color: #8a92a6;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card {
    color: #8a92a6;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover {
    background: #060917;
}
.dark
    .iq-navbar
    .dropdown
    .dropdown-menu.sub-drop
    .iq-sub-card:not(:last-child) {
    border-bottom: 1px solid #30384f;
}
.dark .list-group-item {
    background-color: unset;
}
@media (max-width: 991.98px) {
    .dark .iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
        background: #222738;
    }
}
.dark .nav-tabs .nav-link.active {
    box-shadow: unset;
}
.dark .alert-primary {
    color: #6179ed;
    background-color: #17235d;
    border-color: #0c112e;
}
.dark .alert-primary .alert-link {
    color: #4e61be;
}
.dark .alert-primary .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-secondary {
    color: #7d89b7;
    background-color: #252b42;
    border-color: #121621;
}
.dark .alert-secondary .alert-link {
    color: #646e92;
}
.dark .alert-secondary .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-success {
    color: #48b375;
    background-color: #0a4021;
    border-color: #052011;
}
.dark .alert-success .alert-link {
    color: #3a8f5e;
}
.dark .alert-success .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-info {
    color: #39aeb5;
    background-color: #033e41;
    border-color: #011f20;
}
.dark .alert-info .alert-link {
    color: #2e8b91;
}
.dark .alert-info .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-warning {
    color: #f48849;
    background-color: #602a0b;
    border-color: #301505;
}
.dark .alert-warning .alert-link {
    color: #c36d3a;
}
.dark .alert-warning .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-danger {
    color: #cd5b4d;
    background-color: #4d140d;
    border-color: #260a07;
}
.dark .alert-danger .alert-link {
    color: #a4493e;
}
.dark .alert-danger .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-light {
    color: #e5e8eb;
    background-color: #595a5c;
    border-color: #2c2d2e;
}
.dark .alert-light .alert-link {
    color: #b7babc;
}
.dark .alert-light .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-dark {
    color: #4d5154;
    background-color: #0d0f10;
    border-color: #070708;
}
.dark .alert-dark .alert-link {
    color: #3e4143;
}
.dark .alert-dark .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-solid.alert-primary {
    color: #fff;
    background-color: #1e3c72;
    border-color: #1e3c72;
}
.dark .alert-solid.alert-primary .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-primary .btn-close {
    filter: unset;
}
.dark .alert-solid.alert-secondary {
    color: #fff;
    background-color: #5c6ca5;
    border-color: #5c6ca5;
}
.dark .alert-solid.alert-secondary .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-secondary .btn-close {
    filter: unset;
}
.dark .alert-solid.alert-success {
    color: #fff;
    background-color: #1aa053;
    border-color: #1aa053;
}
.dark .alert-solid.alert-success .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-success .btn-close {
    filter: unset;
}
.dark .alert-solid.alert-info {
    color: #fff;
    background-color: #079aa2;
    border-color: #079aa2;
}
.dark .alert-solid.alert-info .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-info .btn-close {
    filter: unset;
}
.dark .alert-solid.alert-warning {
    color: #fff;
    background-color: #f16a1b;
    border-color: #f16a1b;
}
.dark .alert-solid.alert-warning .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-warning .btn-close {
    filter: unset;
}
.dark .alert-solid.alert-danger {
    color: #fff;
    background-color: #c03221;
    border-color: #c03221;
}
.dark .alert-solid.alert-danger .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-danger .btn-close {
    filter: unset;
}
.dark .alert-solid.alert-light {
    color: #fff;
    background-color: #dee2e6;
    border-color: #dee2e6;
}
.dark .alert-solid.alert-light .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-light .btn-close {
    filter: unset;
}
.dark .alert-solid.alert-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.dark .alert-solid.alert-dark .alert-link {
    color: #cccccc;
}
.dark .alert-solid.alert-dark .btn-close {
    filter: unset;
}
.dark .alert-left.alert-primary {
    border-color: #1e3c72;
}
.dark .alert-left.alert-secondary {
    border-color: #5c6ca5;
}
.dark .alert-left.alert-success {
    border-color: #1aa053;
}
.dark .alert-left.alert-info {
    border-color: #079aa2;
}
.dark .alert-left.alert-warning {
    border-color: #f16a1b;
}
.dark .alert-left.alert-danger {
    border-color: #c03221;
}
.dark .alert-left.alert-light {
    border-color: #dee2e6;
}
.dark .alert-left.alert-dark {
    border-color: #212529;
}
.dark .alert-top.alert-primary {
    border-color: #1e3c72;
}
.dark .alert-top.alert-secondary {
    border-color: #5c6ca5;
}
.dark .alert-top.alert-success {
    border-color: #1aa053;
}
.dark .alert-top.alert-info {
    border-color: #079aa2;
}
.dark .alert-top.alert-warning {
    border-color: #f16a1b;
}
.dark .alert-top.alert-danger {
    border-color: #c03221;
}
.dark .alert-top.alert-light {
    border-color: #dee2e6;
}
.dark .alert-top.alert-dark {
    border-color: #212529;
}
.dark .alert-right.alert-primary {
    border-color: #1e3c72;
}
.dark .alert-right.alert-secondary {
    border-color: #5c6ca5;
}
.dark .alert-right.alert-success {
    border-color: #1aa053;
}
.dark .alert-right.alert-info {
    border-color: #079aa2;
}
.dark .alert-right.alert-warning {
    border-color: #f16a1b;
}
.dark .alert-right.alert-danger {
    border-color: #c03221;
}
.dark .alert-right.alert-light {
    border-color: #dee2e6;
}
.dark .alert-right.alert-dark {
    border-color: #212529;
}
.dark .alert-bottom.alert-primary {
    border-color: #1e3c72;
}
.dark .alert-bottom.alert-secondary {
    border-color: #5c6ca5;
}
.dark .alert-bottom.alert-success {
    border-color: #1aa053;
}
.dark .alert-bottom.alert-info {
    border-color: #079aa2;
}
.dark .alert-bottom.alert-warning {
    border-color: #f16a1b;
}
.dark .alert-bottom.alert-danger {
    border-color: #c03221;
}
.dark .alert-bottom.alert-light {
    border-color: #dee2e6;
}
.dark .alert-bottom.alert-dark {
    border-color: #212529;
}
.dark .card {
    background: #222738;
}
.dark .card .card-header,
.dark .card .card-footer {
    background-color: #222738;
    border-bottom-color: #30384f;
}
.dark .card-footer {
    border-top: 1px solid #30384f;
}
.dark .apexcharts-theme-light .apexcharts-tooltip {
    background: #222738;
    border: 1px solid #30384f;
}
.dark .apexcharts-theme-light .apexcharts-tooltip .apexcharts-tooltip-title {
    background: #222738;
    border: 1px solid #30384f;
}
.dark .apexcharts-theme-light .apexcharts-xaxistooltip {
    background: #222738;
    border: 1px solid #30384f;
}
.dark
    .apexcharts-theme-light
    .apexcharts-xaxistooltip
    .apexcharts-xaxistooltip-text {
    color: #8a92a6;
}
.dark .icon-box {
    border-color: #30384f;
    color: #5c6ca5;
}
.dark .icon-box .overlay {
    background-color: #151824;
}
.dark .icon-box:hover .overlay .btn {
    color: #fff;
}
.dark .form-control {
    color: #8a92a6;
    background-color: #222738;
    border-color: #30384f;
}
.dark .form-control.is-invalid {
    border-color: #c03221;
}
.dark .form-control.is-valid {
    border-color: #1aa053;
}
.dark .form-check-input {
    color: #8a92a6;
    background-color: #222738;
    border-color: #30384f;
}
.dark .form-select {
    color: #8a92a6;
    background-color: #222738;
}
.dark .form-select {
    color: #8a92a6;
    background-color: #222738;
}
.dark .form-select.is-invalid {
    border-color: #c03221;
}
.dark .input-group-text {
    background-color: #222738;
    border-color: #30384f;
}
.dark .stepwizard-row a.btn {
    color: #8a92a6;
    background-color: #151824;
}
.dark #top-tabbar-vertical li a {
    color: #8a92a6;
    background-color: #151824;
}
.dark
    .custom-form-floating
    > .form-control:not(:-moz-placeholder-shown)
    ~ label {
    background-color: #222738;
}
.dark
    .custom-form-floating
    > .form-control:not(:-ms-input-placeholder)
    ~ label {
    background-color: #222738;
}
.dark .custom-form-floating > .form-control:focus ~ label,
.dark .custom-form-floating > .form-control:not(:placeholder-shown) ~ label,
.dark .custom-form-floating > .form-select ~ label {
    background-color: #222738;
}
.dark #top-tab-list li a {
    color: #222738;
    background: #151824;
}
.dark #top-tab-list li a .iq-icon {
    background: #222738;
}
.dark #top-tab-list li a .iq-icon .svg-icon {
    color: #fff;
}
.dark #top-tab-list li a .dark-wizard {
    color: white;
}
.dark #top-tab-list li.active a {
    background: #1e3c72;
    color: #fff;
}
.dark #top-tab-list li.active a .iq-icon {
    background: #fff;
}
.dark #top-tab-list li.active a .iq-icon .svg-icon {
    color: #1e3c72;
}
.dark #top-tab-list li.active.done a {
    background: #1aa053;
}
.dark #top-tab-list li.active.done a i {
    color: #1aa053;
}
.dark #top-tab-list li#confirm.active a {
    background: #1aa053;
}
.dark #top-tab-list li#confirm.active a i {
    color: #1aa053;
}
.dark .table thead tr th {
    background-color: #151824;
}
.dark .table tbody tr td {
    color: #dee2e6;
}
.dark .dropdown-menu {
    background-color: #151824;
    color: #8a92a6;
}
.dark .dropdown-menu .dropdown-item {
    color: #8a92a6;
}
.dark .dropdown-menu .dropdown-item:hover {
    color: #1e3c72;
    background-color: transparent;
}
.dark .like-block span {
    color: #8a92a6;
}
.dark .dropdown > .dropdown-menu {
    background-color: #151824;
}
.dark .dropdown > .dropdown-menu > a {
    color: #8a92a6;
}
.dark .profile-media::before {
    border-color: #30384f;
}
.dark .profile-dots-pills {
    background-color: #222738;
}
.dark .iq-timeline:before {
    background-color: #30384f;
}
.dark .iq-timeline li .timeline-dots {
    background-color: #151824 !important;
}
.dark .iq-timeline0:before {
    background-color: #30384f;
}
.dark .iq-timeline0 li .timeline-dots {
    background-color: #151824 !important;
}
.dark .iq-timeline0 li .timeline-dots1 {
    background-color: #151824;
}
.dark .credit-card-widget .primary-gradient-card {
    border-color: #000 !important;
}
.dark .credit-card-widget .primary-gradient-card {
    background: linear-gradient(
        117.76deg,
        rgba(0, 0, 0, 0.5) -7.21%,
        rgba(0, 0, 0, 0.01) 118.08%
    );
}
.dark .circle-progress-circle {
    stroke: #5c6ca5;
}
.dark .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #1e3c72;
    border-color: #5c6ca5;
}
.dark .page-item .page-link {
    background-color: #222738;
    border-color: #5c6ca5;
    color: #8a92a6;
}
.dark .page-item .page-link.disabled .page-link {
    background-color: #151824;
}
.dark .list-group .list-group-item {
    color: #8a92a6;
    border-color: #30384f;
}
.dark .bg-light {
    background: #60658a !important;
}
.dark .popover {
    background-color: #151824;
}
.dark .popover-header {
    background-color: #222738;
}
.dark .bs-popover-end > .popover-arrow::after,
.dark .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
    border-right-color: #151824;
}
.dark .bs-popover-top > .popover-arrow::after,
.dark .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
    border-top-color: #151824;
}
.dark .bs-popover-bottom > .popover-arrow::after,
.dark
    .bs-popover-auto[data-popper-placement^="bottom"]
    > .popover-arrow::after {
    border-bottom-color: #151824;
}
.dark .bs-popover-start > .popover-arrow::after,
.dark .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
    border-left-color: #151824;
}
.dark .toast {
    background-color: #151824;
}
.dark .toast .toast-header {
    background-color: #222738;
}
.dark .card .card-body .iq-icon-box-2 {
    background: #151824;
}
.dark .pricing .table th {
    border-color: #30384f;
}
.dark .pricing .table th.bg-light {
    background: #151824 !important;
}
.dark .pricing .table thead tr {
    border-color: #30384f;
}
.dark .pricing .table tr {
    border-color: #30384f;
}
.dark .prc-box {
    background-color: #23348b;
}
.dark .type::before {
    border-left-color: #17235d;
}
.dark .type::after {
    border-right-color: #17235d;
}
.dark .iq-single-card.bg-light {
    background: #60658a !important;
}
.dark .line-around {
    border-color: #30384f;
}
.dark .line-around .line-around-1 {
    background: #151824;
}
.dark .login-content .bg-white {
    background: #222738 !important;
}
.dark .apexcharts-svg .apexcharts-yaxis-texts-g text {
    fill: #5c6ca5;
}
.dark .apexcharts-svg .apexcharts-xaxis-texts-g text {
    fill: #5c6ca5;
}
.dark .apexcharts-svg line {
    stroke: #5c6ca5;
}
.dark .apexcharts-svg .apexcharts-track path {
    stroke: #5c6ca5;
}
.dark .fc-unthemed .fc-toolbar .fc-button {
    text-transform: capitalize;
}
.dark .fc-unthemed th,
.dark .fc-unthemed td,
.dark .fc-unthemed thead,
.dark .fc-unthemed tbody,
.dark .fc-unthemed .fc-divider,
.dark .fc-unthemed .fc-row,
.dark .fc-unthemed .fc-content,
.dark .fc-unthemed .fc-popover,
.dark .fc-unthemed .fc-list-view,
.dark .fc-unthemed .fc-list-heading td {
    border-color: #30384f !important;
}
.dark .fc-other-month.fc-past,
.dark .fc-other-month.fc-future {
    background: #131620;
}
.dark .fc-unthemed td.fc-today {
    background: rgba(58, 87, 232, 0.1) !important;
}
.dark.boxed {
    background: #1e3c72 !important;
}
.dark.boxed .boxed-inner {
    background: #151824;
}
.dark.boxed-fancy {
    background: #151824;
}
.dark.boxed-fancy .boxed-inner {
    background: #151824;
}

.dark .modal-content {
    background-color: rgb(27, 30, 46);
    color: #ffffff;
}

.dark .modal-header,
.dark .modal-footer {
    background-color: rgb(27, 30, 46);
    border-color: rgba(136, 152, 236, 0.1);
}

.dark .form-control {
    color: #ffffff;
    background-color: rgb(27, 30, 46);
    border-color: rgba(136, 152, 236, 0.1);
}

.dark .datepicker {
    border-radius: 5px;
    direction: ltr;
    background-color: rgb(27, 30, 46);
    border: 1px solid rgba(136, 152, 236, 0.1);
    overflow: hidden;
}
/* Dark Mode Enhancements */
.dark .modal-backdrop {
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.8);
}

.dark .modal-content {
    background: linear-gradient(145deg, #1e1e1e 0%, #2a2a2a 100%);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 8px 25px rgba(0, 0, 0, 0.3);
}

.dark .modal-header {
    background: linear-gradient(135deg, #444444 0%, #555555 50%, #666666 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dark .modal-header::before {
    background: linear-gradient(90deg, #888888, #aaaaaa, #888888);
}

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

.dark .modal-title i {
    color: #cccccc;
}

.dark .btn-close {
    background: rgba(50, 50, 50, 0.9);
}

.dark .btn-close:hover {
    background: #ff6b6b;
}

.dark .modal-body {
    background: linear-gradient(145deg, #1e1e1e 0%, #2a2a2a 100%);
}

.dark .form-control-modern {
    background: linear-gradient(145deg, #1e1e1e 0%, #2a2a2a 100%);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.dark .form-control-modern:focus {
    background: #2a2a2a;
    border-color: #ffcc00;
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.3);
}

.dark .form-select-modern {
    background-color: #1e1e1e;
    color: #ffffff;
}

.dark .toggle-modern {
    background: rgba(255, 255, 255, 0.1);
}

.dark.toggle-label {
    color: #cccccc;
}

.dark .toggle-input:checked + .toggle-label {
    background: linear-gradient(135deg, #ffcc00 0%, #ffaa00 100%);
    color: #1e1e1e;
    box-shadow: 0 0px 10px rgba(255, 204, 0, 0.5);
}

.dark .btn-primary-modern {
    background: linear-gradient(135deg, #ffcc00 0%, #ffaa00 100%);
    color: #1e1e1e;
    box-shadow: 0 6px 20px rgba(255, 204, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
}

.dark .btn-primary-modern:hover {
    background: linear-gradient(135deg, #ffaa00 0%, #ffcc00 100%);
    box-shadow: 0 8px 25px rgba(255, 204, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.4);
}

.dark .btn-primary-modern i {
    color: #cccccc;
}

.dark .btn-loading::after {
    border: 2px solid #ffffff;
    border-top-color: transparent;
}

/* Responsive Design for Dark Mode */
@media (max-width: 768px) {
    .dark .modal-dialog {
        margin: 1rem;
        max-width: none;
    }

    .dark .modal-header {
        padding: 20px 24px;
    }

    .dark .modal-body {
        padding: 24px;
    }

    .dark .modal-title {
        font-size: 20px;
    }

    .dark .form-label-modern {
        min-width: auto;
        margin-bottom: 8px;
    }

    .dark .table-modern td {
        display: block;
        width: 100%;
        padding: 8px 0;
    }

    .dark .table-modern tr {
        margin-bottom: 20px;
        display: block;
    }
}

/* Dark mode styles for stats cards */
.dark .stats-card .progress-widget .progress-detail p {
    color: #ffffff !important;
}

.dark .stats-card .progress-widget .progress-detail h4 {
    color: #ffffff !important;
}

.dark .stats-card .counter {
    color: #ffffff !important;
}

.dark .financial-funds-item .progress-detail p {
    color: #ffffff !important;
}

.dark .financial-funds-item .progress-detail h4 {
    color: #ffffff !important;
}

.dark .earnings-legend-item span {
    color: #ffffff !important;
}

.dark .earnings-legend-item h6 {
    color: #ffffff !important;
}

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

.dark .progress-detail {
    color: #ffffff !important;
}

.dark .progress-detail * {
    color: #ffffff !important;
}

/* Additional dark mode styles for dashboard elements */
.dark .modern-card .card-title {
    color: #ffffff !important;
}

.dark .modern-card .card-body {
    color: #ffffff !important;
}

.dark .finance-dashboard .card-body p {
    color: #ffffff !important;
}

.dark .finance-dashboard .card-body h4 {
    color: #ffffff !important;
}

.dark .finance-dashboard .card-body h6 {
    color: #ffffff !important;
}

.dark .finance-dashboard .card-body span {
    color: #ffffff !important;
}

.dark .bank-slider .progress-detail p {
    color: #ffffff !important;
}

.dark .bank-slider .progress-detail h4 {
    color: #ffffff !important;
}

.dark .table th {
    color: #ffffff !important;
}

.dark .table td {
    color: #ffffff !important;
}

.dark .page-controls {
    background: rgba(30, 41, 59, 0.8) !important;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    border: 1px solid #e5e7eb;
}

.dark .table-modern tbody tr:nth-child(odd) {
    background-color: rgba(71, 85, 105, 0.7) !important;
}

/* Dark Mode Styles for Account Statement */
body.dark .filter-section {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(71, 85, 105, 0.4);
}

body.dark .filter-section .bg-light {
    background: rgba(51, 65, 85, 0.6) !important;
}

body.dark .filter-toggle-btn {
    color: #e2e8f0;
}

body.dark .card-body-modern {
    background: rgba(30, 41, 59, 0.6);
}

body.dark .form-label {
    color: #e2e8f0;
}

body.dark .form-control,
body.dark .form-control-modern,
body.dark .form-select {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(71, 85, 105, 0.4);
    color: #e2e8f0;
}

body.dark .form-control:focus,
body.dark .form-control-modern:focus,
body.dark .form-select:focus {
    background: rgba(51, 65, 85, 0.9);
    border-color: rgba(59, 130, 246, 0.6);
    color: #f1f5f9;
}

body.dark .form-control option,
body.dark .form-select option {
    background: #1e293b;
    color: #e2e8f0;
}

/* Dark Mode Table Styles */
body.dark table {
    background: transparent;
    color: #e2e8f0;
}

body.dark table thead th {
    background: rgba(30, 41, 59, 0.9) !important;
    color: #e2e8f0 !important;
    border-bottom: 2px solid rgba(71, 85, 105, 0.5);
    border-color: rgba(71, 85, 105, 0.4) !important;
}

body.dark table tbody tr {
    background: rgba(51, 65, 85, 0.5) !important;
    border-color: rgba(71, 85, 105, 0.3) !important;
}

body.dark table tbody tr:nth-child(even) {
    background: rgba(30, 41, 59, 0.5) !important;
}

body.dark table tbody tr:hover {
    background: rgba(71, 85, 105, 0.7) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

body.dark table tbody td {
    color: #e2e8f0 !important;
    border-color: rgba(71, 85, 105, 0.3) !important;
}

body.dark table tfoot tr {
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: rgba(71, 85, 105, 0.4) !important;
}

body.dark table tfoot td {
    color: #f1f5f9 !important;
    font-weight: 600;
    border-color: rgba(71, 85, 105, 0.4) !important;
}

/* Dark Mode Card Styles */
body.dark .card {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(71, 85, 105, 0.4);
    color: #e2e8f0;
}

body.dark .card-header {
    background: rgba(51, 65, 85, 0.6);
    border-bottom: 1px solid rgba(71, 85, 105, 0.3);
    color: #f1f5f9;
}

body.dark .card-body {
    background: rgba(30, 41, 59, 0.6);
}

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

/* Dark Mode Alert Styles */
body.dark .alert {
    border: 1px solid rgba(71, 85, 105, 0.4);
}

body.dark .alert-danger {
    background: linear-gradient(
        135deg,
        rgba(127, 29, 29, 0.3) 0%,
        rgba(153, 27, 27, 0.3) 100%
    );
    color: #fca5a5;
    border-color: rgba(153, 27, 27, 0.5);
}

body.dark .alert-success {
    background: linear-gradient(
        135deg,
        rgba(20, 83, 45, 0.3) 0%,
        rgba(22, 101, 52, 0.3) 100%
    );
    color: #86efac;
    border-color: rgba(22, 101, 52, 0.5);
}

body.dark .alert-info {
    background: linear-gradient(
        135deg,
        rgba(14, 165, 233, 0.2) 0%,
        rgba(2, 132, 199, 0.2) 100%
    );
    color: #7dd3fc;
    border-color: rgba(14, 165, 233, 0.4);
}

body.dark .alert-warning {
    background: linear-gradient(
        135deg,
        rgba(113, 63, 18, 0.3) 0%,
        rgba(133, 77, 14, 0.3) 100%
    );
    color: #fde047;
    border-color: rgba(133, 77, 14, 0.5);
}

/* Dark Mode Button Styles */
body.dark .btn-primary {
    background: linear-gradient(45deg, #0ea5e9, #0284c7);
    border-color: #0284c7;
    color: white;
}

body.dark .btn-primary:hover {
    background: linear-gradient(45deg, #0284c7, #0369a1);
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.4);
}

body.dark .btn-secondary {
    background: rgba(71, 85, 105, 0.8);
    border-color: rgba(71, 85, 105, 0.8);
    color: #e2e8f0;
}

body.dark .btn-secondary:hover {
    background: rgba(51, 65, 85, 0.9);
}

body.dark .btn-success {
    background: linear-gradient(45deg, #10b981, #059669);
    border-color: #059669;
}

body.dark .btn-danger {
    background: linear-gradient(45deg, #ef4444, #dc2626);
    border-color: #dc2626;
}

/* Dark Mode Loading Overlay */
body.dark .loading-overlay {
    background: rgba(15, 23, 42, 0.95);
}

body.dark .loading-text {
    color: #e2e8f0;
}

body.dark .loading-spinner i {
    color: #0ea5e9 !important;
}

/* Dark Mode Pagination */
body.dark .pagination .page-link {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(71, 85, 105, 0.4);
    color: #e2e8f0;
}

body.dark .pagination .page-link:hover {
    background: rgba(51, 65, 85, 0.9);
    color: #f1f5f9;
}

body.dark .pagination .page-item.active .page-link {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: white;
}

/* Dark Mode Text Colors */
body.dark .text-muted {
    color: #94a3b8 !important;
}

body.dark .text-primary {
    color: #60a5fa !important;
}

body.dark .text-success {
    color: #86efac !important;
}

body.dark .text-danger {
    color: #fca5a5 !important;
}

body.dark .text-warning {
    color: #fde047 !important;
}

/* Dark Mode Badge Styles */
body.dark .badge {
    border: 1px solid rgba(71, 85, 105, 0.3);
}

body.dark .badge-primary {
    background: rgba(59, 130, 246, 0.3);
    color: #93c5fd;
}

body.dark .badge-success {
    background: rgba(34, 197, 94, 0.3);
    color: #86efac;
}

body.dark .badge-danger {
    background: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

body.dark .badge-warning {
    background: rgba(234, 179, 8, 0.3);
    color: #fde047;
}

/* Dark Mode Modal Styles */
body.dark .modal-content {
    background: rgba(30, 41, 59, 0.95);
    border: 1px solid rgba(71, 85, 105, 0.4);
    color: #e2e8f0;
}

body.dark .modal-header {
    background: rgba(51, 65, 85, 0.8);
    border-bottom: 1px solid rgba(71, 85, 105, 0.3);
}

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

body.dark .modal-body {
    background: rgba(30, 41, 59, 0.6);
}

body.dark .modal-footer {
    background: rgba(51, 65, 85, 0.6);
    border-top: 1px solid rgba(71, 85, 105, 0.3);
}

/* Dark Mode Dropdown */
body.dark .dropdown-menu {
    background: rgba(30, 41, 59, 0.95);
    border: 1px solid rgba(71, 85, 105, 0.4);
}

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

body.dark .dropdown-item:hover {
    background: rgba(71, 85, 105, 0.7);
    color: #f1f5f9;
}

/* Dark Mode Links */
body.dark a {
    color: #60a5fa;
}

body.dark a:hover {
    color: #93c5fd;
}

/* Additional Dark Mode Table Overrides - More Specific */
body.dark table.dataTable tbody tr,
body.dark .dataTables_wrapper tbody tr,
body.dark #account-statement-table tbody tr {
    background-color: rgba(30, 41, 59, 0.8) !important;
}

body.dark table.dataTable tbody tr:nth-child(even),
body.dark .dataTables_wrapper tbody tr:nth-child(even),
body.dark #account-statement-table tbody tr:nth-child(even) {
    background-color: rgba(30, 41, 59, 0.8) !important;
}

body.dark table.dataTable tbody tr:hover,
body.dark .dataTables_wrapper tbody tr:hover,
body.dark #account-statement-table tbody tr:hover {
    background-color: rgba(51, 65, 85, 0.9) !important;
}

body.dark table.dataTable tbody td,
body.dark .dataTables_wrapper tbody td,
body.dark #account-statement-table tbody td {
    background-color: transparent !important;
    color: #e2e8f0 !important;
}

body.dark table.dataTable thead th,
body.dark .dataTables_wrapper thead th,
body.dark #account-statement-table thead th {
    background-color: rgba(30, 41, 59, 0.9) !important;
    color: #e2e8f0 !important;
}

/* Override any inline styles or DataTables plugin styles */
body.dark .odd,
body.dark tr.odd {
    background-color: rgba(30, 41, 59, 0.8) !important;
}

body.dark .even,
body.dark tr.even {
    background-color: rgba(30, 41, 59, 0.8) !important;
}

body.dark .odd:hover,
body.dark tr.odd:hover {
    background-color: rgba(51, 65, 85, 0.9) !important;
}

body.dark .even:hover,
body.dark tr.even:hover {
    background-color: rgba(51, 65, 85, 0.9) !important;
}

/* Dark mode for badges/pills in table */
body.dark .badge,
body.dark .rounded-pill {
    border: 1px solid rgba(71, 85, 105, 0.4);
}

/* Dark mode for table buttons */
body.dark table button,
body.dark table .btn {
    background: rgba(51, 65, 85, 0.8);
    border-color: rgba(71, 85, 105, 0.5);
    color: #e2e8f0;
}

body.dark table button:hover,
body.dark table .btn:hover {
    background: rgba(71, 85, 105, 0.9);
}

/* Dark mode for the summary section */
body.dark .card.bg-light,
body.dark .bg-light {
    background: rgba(30, 41, 59, 0.6) !important;
}

body.dark .card.bg-white,
body.dark .bg-white {
    background: rgba(30, 41, 59, 0.8) !important;
}

/* Dark mode for header bar */
body.dark .style-default-bright {
    background: rgba(30, 41, 59, 0.6);
}

/* DataTables specific dark mode */
body.dark .dataTables_wrapper .dataTables_length,
body.dark .dataTables_wrapper .dataTables_filter,
body.dark .dataTables_wrapper .dataTables_info,
body.dark .dataTables_wrapper .dataTables_processing,
body.dark .dataTables_wrapper .dataTables_paginate {
    color: #e2e8f0;
}

body.dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: rgba(51, 65, 85, 0.6);
    border-color: rgba(71, 85, 105, 0.4);
    color: #e2e8f0 !important;
}

body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(71, 85, 105, 0.8);
    color: #f1f5f9 !important;
}

body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
    color: white !important;
}

/* Dark mode for action-buttons and table-container */
body.dark .action-buttons,
body.dark .action-buttons.fade-in {
    background: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid rgba(71, 85, 105, 0.4);
}

body.dark .table-container,
body.dark .table-container.fade-in {
    background: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid rgba(71, 85, 105, 0.4);
}

/* Dark mode for card headers */
body.dark .card-header,
body.dark .card .card-header {
    background: rgba(51, 65, 85, 0.8) !important;
    border-bottom: 1px solid rgba(71, 85, 105, 0.3) !important;
    color: #f1f5f9 !important;
}

/* Dark mode for all section containers */
body.dark section,
body.dark .section {
    background: transparent;
}

body.dark #content {
    background: transparent;
}

/* Override any white backgrounds */
body.dark [style*="background-color: white"],
body.dark [style*="background-color: #fff"],
body.dark [style*="background-color:#fff"],
body.dark [style*="background: white"],
body.dark [style*="background: #fff"],
body.dark [style*="background:#fff"] {
    background: rgba(30, 41, 59, 0.8) !important;
}

/* Fix for any remaining white containers */
body.dark .container,
body.dark .container-fluid {
    background: transparent;
}

body.dark .row {
    background: transparent;
}

.dark .black-highlighted {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    font-weight: 700;
    text-align: center;
    border-top: 1px solid #4a5568;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    border-top: 1px solid #cbd5e0;
}