body[data-theme=dark]{
    --dark-page: #0e1621;
    --dark-shell: #17212b;
    --dark-surface: #182533;
    --dark-surface-2: #1f2f3d;
    --dark-surface-3: #111b26;
    --dark-border: #263849;
    --dark-border-2: #33495c;
    --dark-text: #e6edf3;
    --dark-text-soft: #c8d3dc;
    --dark-muted: #8fa4b8;
    --dark-accent: #2b5278;
    --dark-accent-hover: #223142;
    --dark-accent-border: #4f9bd8;
    --dark-blue: #5aa7df;
    --dark-green: #4cd964;
    --dark-red: #ff5c77;
    --dark-table-head: #1b2a38;
    --dark-table-cell: #182532;
    --dark-table-border: rgba(113, 134, 153, .22);
    --dark-table-text: #c9d6e0;
    --dark-table-head-text: #d8e3ec;
    background: var(--dark-page)!important;
    color: var(--dark-text)!important;
}
body[data-theme=dark] .header{
    background: var(--dark-shell);
    border-bottom: 1px solid var(--dark-border);
}

body[data-theme=dark] #global-loader {
    background: var(--dark-page);
}

body[data-theme=dark] i,
body[data-theme=dark] h4,
body[data-theme=dark] label,
body[data-theme=dark] div{
    color: var(--dark-text);
}

body[data-theme=dark] .sidebar .slimScrollDiv{
    background: var(--dark-shell);
}
body[data-theme=dark] .page-wrapper{
    background: var(--dark-page);
}

body[data-theme=dark] .sidebar .sidebar-menu>ul>li.submenu ul{
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
    border-radius:5px;
    padding:10px 0;
}
body[data-theme=dark] .sidebar .sidebar-menu>ul>li.submenu ul li a{
    color: var(--dark-text-soft);
}

body[data-theme=dark] .dash-widget{
    background: var(--dark-surface);
    border:1px solid var(--dark-border);
}
body[data-theme=dark] .dash-widget .dash-widgetcontent h5{
    color: var(--dark-text);
}
body[data-theme=dark] .dash-widget .dash-widgetcontent h6{
    color: var(--dark-muted);
}

body[data-theme=dark] .card{
    background: var(--dark-surface);
    border:1px solid var(--dark-border);
}

body[data-theme=dark] .card .card-header .card-title{
    color: var(--dark-text);
}

body[data-theme=dark] .card .card-body .card-title{
    color: var(--dark-text);
}

body[data-theme=dark] .modal .modal-dialog .modal-content .modal-header{
    background: var(--dark-surface);
    border:1px solid var(--dark-border);
}
body[data-theme=dark] .modal-content{
    background: var(--dark-surface);
    border:1px solid var(--dark-border);
}

body[data-theme=dark] .table thead,
body[data-theme=dark] table.dataTable {
    background: var(--dark-table-cell)!important;
    border-bottom:1px solid var(--dark-table-border)!important;
}

body[data-theme=dark] .table thead tr:hover{
    background: transparent!important;
}

body[data-theme=dark] .table thead tr th{
    background: var(--dark-table-head);
    color: var(--dark-table-head-text)!important;
    border: solid var(--dark-table-border) 1px;
}

body[data-theme=dark] .table tfoot tr th{
    background: var(--dark-table-head);
    color: var(--dark-table-head-text)!important;
    border: solid var(--dark-table-border) 1px;
}

body[data-theme=dark] .table tbody tr:hover{
    background: var(--dark-accent-hover)!important;
}

body[data-theme=dark] .table tbody tr td{
    background: var(--dark-table-cell);
    color: var(--dark-table-text)!important;
    border: solid var(--dark-table-border) 1px;
}

body[data-theme=dark] [contenteditable="true"]:focus,
body[data-theme=dark] [contenteditable="true"]:focus{
    border: 2px solid var(--dark-accent-border) !important;
}

body[data-theme=dark] input[type=text],
body[data-theme=dark] input[type=search],
body[data-theme=dark] input[type=password],
body[data-theme=dark] input[type=number],
body[data-theme=dark] input[type=file],
body[data-theme=dark] input[type=date],
body[data-theme=dark] input[type=datetime-local] {
    border: 1px solid var(--dark-border)!important;
    color: var(--dark-text)!important;
    background: var(--dark-surface-3)!important;
}

body[data-theme=dark] input::placeholder,
body[data-theme=dark] textarea::placeholder{
    color: var(--dark-muted)!important;
}

body[data-theme=dark] .input-group-text {
    border: 1px solid var(--dark-border)!important;
    color: var(--dark-text)!important;
    background: var(--dark-surface-2)!important;
}

body[data-theme=dark] .card-body {
    color: var(--dark-text)!important;
    background: var(--dark-surface)!important;
}

body[data-theme=dark] textarea {
    border: 1px solid var(--dark-border)!important;
    color: var(--dark-text)!important;
    background: var(--dark-surface-3)!important;
}

body[data-theme=dark] .error-page .main-wrapper .error-box h3{
    color: var(--dark-text);
}

body[data-theme=dark] .error-page .main-wrapper .error-box p{
    color: var(--dark-muted);
}

body[data-theme=dark] .sidebar .sidebar-menu>ul>li>a span{
    color: var(--dark-text-soft);
}

body[data-theme=dark] .form-select{
    background-color: var(--dark-surface-3);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

body[data-theme=dark] .nav-tabs{
    border-color: var(--dark-border);
}

body[data-theme=dark] .nav-tabs .nav-link:hover{
    color: var(--dark-text);
    border-color: transparent;
    background: transparent;
}
body[data-theme=dark] .nav-tabs::after{
    background: var(--dark-border);
}

body[data-theme=dark] .mobile .nav-tabs .nav-item.show .nav-link,
body[data-theme=dark]  .nav-tabs .nav-link.active {
    color: var(--dark-blue) !important;
    background-color: transparent;
    border-color: transparent;
    text-shadow: 0 0 12px rgba(90, 167, 223, .28);
}

body[data-theme=dark]  .breadcrumb .breadcrumb-item a{
    color: var(--dark-muted);
}

body[data-theme=dark] .select2-container--default .select2-selection--single {
    border: 1px solid var(--dark-border)!important;
    background: var(--dark-surface-3);
    color: var(--dark-text);
}

body[data-theme=dark] .select2-selection .select2-selection--single {
    border: 1px solid var(--dark-border)!important;
    background: var(--dark-surface-3);
    color: var(--dark-text);
}

body[data-theme=dark] .select2-dropdown{
    color: var(--dark-text)!important;
    background: var(--dark-surface)!important;
    border: 1px solid var(--dark-border);
}

body[data-theme=dark] .select2-container--focus {
    color: var(--dark-text)!important;
    background: var(--dark-surface)!important;
}

body[data-theme=dark] .select2-results {
    color: var(--dark-text)!important;
    background: var(--dark-surface)!important;
}

body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--dark-muted) transparent transparent transparent;
}

body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dark-text);
    background: var(--dark-surface-3)!important;
}

body[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
    background: var(--dark-accent);
}

body[data-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: var(--dark-accent-hover);
    color: #fff;
}
body[data-theme=dark] .select2-container--focus .select2-selection--single{
    background: var(--dark-surface-2)!important;
    border-color: var(--dark-accent-border)!important;
}

body[data-theme=dark] .list-group-item {
    color: var(--dark-text);
    background-color: var(--dark-surface);
    border: var(--bs-list-group-border-width) solid var(--dark-border);
}

body[data-theme=dark]  .list-group-item.active{
     color: #fff;
     background-color: var(--dark-accent);
     border-color: var(--dark-accent-border);
}

body[data-theme=dark] .list-group-item a {
    color: var(--dark-text);
}

body[data-theme=dark] .modal-footer {
    border-top: var(--bs-modal-footer-border-width) solid var(--dark-border);
}

body[data-theme=dark] .footer-div {
    background: var(--dark-page);
}

body[data-theme=dark] .dropdown-menu {
    color: var(--dark-text);
    background-color: var(--dark-surface);
    border: 1px solid var(--dark-border)!important;
}

body[data-theme=dark] .dropdown-menu a{
    color: var(--dark-text)!important;
}

body[data-theme=dark] .dropdown-item {
    color: var(--dark-text);
}

body[data-theme=dark] .dropdown-item:hover {
    color: #fff;
    background: var(--dark-accent-hover);
}

body[data-theme=dark] .header .userset {
    background: transparent !important;
    border-radius: 12px;
}

body[data-theme=dark] .header .userset:hover,
body[data-theme=dark] .header .userset.show {
    background: var(--dark-surface-2) !important;
}

body[data-theme=dark] .header .user-img {
    background: var(--dark-surface-2);
    border: 1px solid var(--dark-border-2);
    border-radius: 50%;
    padding: 2px;
}

body[data-theme=dark] .header .user-img img {
    background: var(--dark-surface-3);
    border-radius: 50%;
    object-fit: cover;
}

body[data-theme=dark] .header .menu-drop-user {
    background: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .32) !important;
}

body[data-theme=dark] .header .menu-drop-user .profilename > div:first-child {
    background: var(--dark-surface-2);
    border-radius: 8px;
}

body[data-theme=dark] .header .menu-drop-user hr {
    border-color: var(--dark-border) !important;
    opacity: 1;
}

body[data-theme=dark] .header .menu-drop-user .dropdown-item {
    color: var(--dark-text-soft) !important;
}

body[data-theme=dark] .header .menu-drop-user .dropdown-item:hover {
    background: var(--dark-accent-hover) !important;
    color: #fff !important;
}

body[data-theme=dark] .header .menu-drop-user .logout {
    color: var(--dark-red) !important;
}

body[data-theme=dark] .note-btn {
    color: var(--dark-text);
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border);
}

body[data-theme=dark] .note-editor.note-airframe,
body[data-theme=dark] .note-editor.note-frame {
    border: 2px solid var(--dark-border);
}

body[data-theme=dark] .note-editor.note-frame .note-statusbar .note-resizebar {
    background: var(--dark-border);
}

body[data-theme=dark] .container-spliter {
    background: transparent;
}

body[data-theme=dark] .note-editor.note-airframe,
body[data-theme=dark] .note-editor.note-frame {
    background: var(--dark-surface-3);
}

body[data-theme=dark] .note-editor .note-toolbar {
    background: var(--dark-surface);
}

body[data-theme=dark] .alert {
    color: var(--dark-text);
    background-color: var(--dark-surface-2);
    border: 1px solid var(--dark-border);
}

body[data-theme=dark] .fc-timeline-slot-frame a,
body[data-theme=dark] .fc-scrollgrid-sync-inner a{
    color: var(--dark-text);
}

body[data-theme=dark] .fc-button,
body[data-theme=dark] .fc-button-active{
    border: 1px solid var(--dark-border)!important;
    background: var(--dark-surface-2)!important;
    color: var(--dark-text)!important;
}
body[data-theme=dark] .table tbody tr td a {
    color: #9fd0f5!important;
}
body[data-theme=dark] .sub_sub_menu>a{
    background: var(--dark-surface)!important;
    color: var(--dark-text)!important;
}
body[data-theme=dark] .card-footer{
    background: var(--dark-surface)!important;
    color: var(--dark-text)!important;
    border-top: 1px solid var(--dark-border);
}
body[data-theme=dark] .btn-submit {
    background: var(--dark-accent);
    border-color: var(--dark-accent-border);
    color: #fff;
}

body[data-theme=dark] .btn-submit:hover {
    background: var(--dark-accent-hover) !important;
    border-color: #fff !important;
    color: #fff !important;
}

body[data-theme=dark] .btn-cancel {
    background: var(--dark-surface-2);
    border-color: var(--dark-border-2);
    color: #fff;
}

body[data-theme=dark] .btn-cancel:hover {
    background: var(--dark-surface-3) !important;
    border-color: #fff !important;
    color: #fff !important;
}

body[data-theme=dark] .sidebar .sidebar-menu>ul>li.active a {
    background: var(--dark-accent);
}
body[data-theme=dark] .sidebar .sidebar-menu>ul>li :hover{
    background: var(--dark-accent-hover);
}
body[data-theme=dark] .add-icon span,
body[data-theme=dark] .add-icon a {
    background: var(--dark-accent);
    color: #fff;
}
body[data-theme=dark] .active>.page-link,
body[data-theme=dark] .page-link.active {
    background-color: var(--dark-accent);
    border-color: var(--dark-accent-border);
    color: #fff;
}

body[data-theme=dark] .product-details {
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
}

body[data-theme=dark] .product-details h6,
body[data-theme=dark] .productset .productsetcontent h4 {
    color: var(--dark-text);
}

body[data-theme=dark] .productset {
    border: 1px solid var(--dark-border);
    background: var(--dark-surface);
}

body[data-theme=dark]  .calculator-set ul li button{
    border: 1px solid var(--dark-border);
    background: var(--dark-surface);
    color: var(--dark-text);
}

body[data-theme=dark] .pagination li {
    border: 1px solid var(--dark-border);
    background: var(--dark-surface);
    color: var(--dark-text);
}

body[data-theme=dark] .page-link {
    color: var(--dark-text);
    background-color: var(--dark-surface-2);
    border: 1px solid var(--dark-border);
}

body[data-theme=dark] #global-loader {
    background: var(--dark-shell);
}
body[data-theme=dark] .bg-light {
    background-color: var(--dark-surface) !important;
}

body[data-theme=dark] .accordion-button,
body[data-theme=dark] .accordion-body  {
    color: var(--dark-text);
    background-color: var(--dark-surface);
    border: 1px solid var(--dark-border);
}

body[data-theme=dark] .swal2-popup {
    border: 1px solid var(--dark-border);
    color: var(--dark-text);
    background: var(--dark-surface);
}

body[data-theme=dark] .swal2-title {
    color: var(--dark-text);
}

body[data-theme=dark] .offcanvas {
    color: var(--dark-text);
    background-color: var(--dark-surface);
}

body[data-theme=dark] .page-header .page-btn .btn {
    border: 1px solid var(--dark-border-2)!important;
    background: var(--dark-surface-2) !important;
    color: var(--dark-text) !important;
}

body[data-theme=dark] .page-header .page-btn .btn:hover,
body[data-theme=dark] .page-header .page-btn a.btn:hover,
body[data-theme=dark] .page-header .page-btn .btn-group > .btn:hover {
    background: var(--dark-accent-hover) !important;
    border-color: #fff !important;
    color: #fff !important;
}

body[data-theme=dark],
body[data-theme=dark] .main-wrapper {
    background: var(--dark-page) !important;
}

body[data-theme=dark] .header {
    background: var(--dark-shell) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    box-shadow: none !important;
}

body[data-theme=dark] .header .header-content {
    background: var(--dark-shell) !important;
}

body[data-theme=dark] .header .header-store-name {
    color: var(--dark-text) !important;
}

body[data-theme=dark] .header .header-user-name {
    color: var(--dark-text-soft) !important;
}

body[data-theme=dark] .header .header-left,
body[data-theme=dark] .sidebar {
    background: var(--dark-shell) !important;
    border-color: var(--dark-border) !important;
}

body[data-theme=dark] .theme-mode-modal .theme-mode-option {
    background: var(--dark-surface-3) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-soft) !important;
}

body[data-theme=dark] .theme-mode-modal .theme-mode-option i {
    color: var(--dark-text-soft) !important;
}

body[data-theme=dark] .theme-mode-modal .theme-mode-option:hover,
body[data-theme=dark] .theme-mode-modal .theme-mode-option.active {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent-border) !important;
    color: #fff !important;
}

body[data-theme=dark] .theme-mode-modal .theme-mode-option:hover i,
body[data-theme=dark] .theme-mode-modal .theme-mode-option.active i {
    color: #fff !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a {
    color: var(--dark-text-soft) !important;
    border-radius: 8px;
    margin: 1px 10px;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a:hover,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active > a,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active a {
    background: var(--dark-accent) !important;
    color: #fff !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a:hover span,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active > a span,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active a span {
    color: #fff !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul {
    background: var(--dark-surface-3) !important;
    border-color: var(--dark-border) !important;
    box-shadow: none;
}

body[data-theme=dark] .page-wrapper,
body[data-theme=dark] .content,
body[data-theme=dark] .page-header {
    background: var(--dark-page) !important;
}

body[data-theme=dark] .card,
body[data-theme=dark] .dash-widget,
body[data-theme=dark] .modal-content,
body[data-theme=dark] .offcanvas,
body[data-theme=dark] .swal2-popup,
body[data-theme=dark] .product-details,
body[data-theme=dark] .productset {
    background: var(--dark-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}

body[data-theme=dark] .card-header,
body[data-theme=dark] .modal-header,
body[data-theme=dark] .modal-footer,
body[data-theme=dark] .card-footer {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
}

body[data-theme=dark] .table,
body[data-theme=dark] table.dataTable {
    color: var(--dark-table-text) !important;
    background: var(--dark-table-cell) !important;
}

body[data-theme=dark] .table thead tr th,
body[data-theme=dark] .table tfoot tr th {
    background: var(--dark-table-head) !important;
    border-color: var(--dark-table-border) !important;
    color: var(--dark-table-head-text) !important;
}

body[data-theme=dark] .table tbody tr td {
    background: var(--dark-table-cell) !important;
    border-color: var(--dark-table-border) !important;
    color: var(--dark-table-text) !important;
}

body[data-theme=dark] .table tbody tr:hover td {
    background: var(--dark-accent-hover) !important;
}

body[data-theme=dark] table.dataTable thead th,
body[data-theme=dark] table.dataTable tfoot th {
    background: var(--dark-table-head) !important;
    border-color: var(--dark-table-border) !important;
    color: var(--dark-table-head-text) !important;
}

body[data-theme=dark] table.dataTable tbody td {
    background: var(--dark-table-cell) !important;
    border-color: var(--dark-table-border) !important;
    color: var(--dark-table-text) !important;
}

body[data-theme=dark] table.dataTable tbody td a {
    color: #9fd0f5 !important;
}

body[data-theme=dark] table.dataTable tbody tr:hover td {
    background: var(--dark-accent-hover) !important;
}

body[data-theme=dark] .form-control,
body[data-theme=dark] .form-select,
body[data-theme=dark] textarea,
body[data-theme=dark] input[type=text],
body[data-theme=dark] input[type=search],
body[data-theme=dark] input[type=password],
body[data-theme=dark] input[type=number],
body[data-theme=dark] input[type=file],
body[data-theme=dark] input[type=date],
body[data-theme=dark] input[type=datetime-local] {
    background-color: var(--dark-surface-3) !important;
    border-color: var(--dark-border-2) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
}

body[data-theme=dark] .form-control:focus,
body[data-theme=dark] .form-select:focus,
body[data-theme=dark] textarea:focus,
body[data-theme=dark] input:focus {
    border-color: var(--dark-accent-border) !important;
    box-shadow: 0 0 0 3px rgba(79, 155, 216, .18) !important;
}

body[data-theme=dark] .select2-container--default .select2-selection--single,
body[data-theme=dark] .select2-container--default .select2-selection--multiple {
    background: var(--dark-surface-3) !important;
    border-color: var(--dark-border-2) !important;
    color: var(--dark-text) !important;
}

body[data-theme=dark] .select2-dropdown,
body[data-theme=dark] .dropdown-menu {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .32) !important;
}

body[data-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected],
body[data-theme=dark] .dropdown-item:hover {
    background: var(--dark-accent) !important;
    color: #fff !important;
}

body[data-theme=dark] .btn-submit,
body[data-theme=dark] .btn-primary,
body[data-theme=dark] .add-icon span,
body[data-theme=dark] .add-icon a,
body[data-theme=dark] .active > .page-link,
body[data-theme=dark] .page-link.active {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent-border) !important;
    color: #fff !important;
}

body[data-theme=dark] .btn-submit:hover,
body[data-theme=dark] .btn-primary:hover {
    background: #34618c !important;
    border-color: var(--dark-blue) !important;
}

body[data-theme=dark] .btn-cancel,
body[data-theme=dark] .btn-secondary,
body[data-theme=dark] .page-header .page-btn .btn,
body[data-theme=dark] .page-link {
    background: var(--dark-surface-2) !important;
    border-color: var(--dark-border-2) !important;
    color: var(--dark-text) !important;
}

body[data-theme=dark] .text-success,
body[data-theme=dark] .table .text-success {
    color: var(--dark-green) !important;
}

body[data-theme=dark] .text-danger,
body[data-theme=dark] .table .text-danger {
    color: var(--dark-red) !important;
}

body[data-theme=dark] .text-primary,
body[data-theme=dark] a {
    color: var(--dark-blue) !important;
}

body[data-theme=dark] .modal-backdrop.show {
    opacity: .68;
}

body[data-theme=dark] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body[data-theme=dark] ::-webkit-scrollbar-track {
    background: var(--dark-page);
}

body[data-theme=dark] ::-webkit-scrollbar-thumb {
    background: var(--dark-border-2);
    border-radius: 8px;
}

body[data-theme=dark] ::-webkit-scrollbar-thumb:hover {
    background: #46637a;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active ul li a,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li a {
    background: transparent !important;
    color: var(--dark-text-soft) !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active ul li a:hover,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li a:hover {
    background: var(--dark-accent-hover) !important;
    color: #fff !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li.active a {
    background: var(--dark-accent) !important;
    color: #fff !important;
}

body[data-theme=dark] .btn-white,
body[data-theme=dark] .btn-light,
body[data-theme=dark] .btn-outline-primary,
body[data-theme=dark] .btn-outline-secondary,
body[data-theme=dark] .btn-outline-info,
body[data-theme=dark] .btn-outline-dark,
body[data-theme=dark] .btn-filter,
body[data-theme=dark] .btn-added {
    background: var(--dark-surface-2) !important;
    border-color: var(--dark-border-2) !important;
    color: var(--dark-text) !important;
}

body[data-theme=dark] .btn-white i,
body[data-theme=dark] .btn-light i,
body[data-theme=dark] .btn-outline-primary i,
body[data-theme=dark] .btn-outline-secondary i,
body[data-theme=dark] .btn-outline-info i,
body[data-theme=dark] .btn-outline-dark i,
body[data-theme=dark] .btn-filter i,
body[data-theme=dark] .btn-added i {
    color: var(--dark-blue) !important;
}

body[data-theme=dark] .btn-white:hover,
body[data-theme=dark] .btn-light:hover,
body[data-theme=dark] .btn-outline-primary:hover,
body[data-theme=dark] .btn-outline-secondary:hover,
body[data-theme=dark] .btn-outline-info:hover,
body[data-theme=dark] .btn-outline-dark:hover,
body[data-theme=dark] .btn-filter:hover,
body[data-theme=dark] .btn-added:hover {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-border) !important;
    color: #fff !important;
}

body[data-theme=dark] .nav-tabs,
body[data-theme=dark] .nav-pills,
body[data-theme=dark] .tab-set ul {
    background: transparent !important;
    border-color: var(--dark-border) !important;
}

body[data-theme=dark] .nav-tabs .nav-link,
body[data-theme=dark] .tab-set ul li a {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dark-blue) !important;
}

body[data-theme=dark] .nav-tabs .nav-link::after {
    background: var(--dark-blue) !important;
}

body[data-theme=dark] .nav-tabs .nav-link:hover,
body[data-theme=dark] .tab-set ul li a:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dark-text) !important;
}

body[data-theme=dark] .nav-tabs .nav-link.active,
body[data-theme=dark] .tab-set ul li a.active {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dark-blue) !important;
    text-shadow: 0 0 12px rgba(90, 167, 223, .28);
}

body[data-theme=dark] .nav-pills .nav-link {
    color: var(--dark-blue) !important;
}

body[data-theme=dark] .nav-pills .nav-link:hover,
body[data-theme=dark] .nav-pills .nav-link.active {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent-border) !important;
    color: #fff !important;
}

body[data-theme=dark] .bg-white,
body[data-theme=dark] .bg-body,
body[data-theme=dark] .bg-transparent.card,
body[data-theme=dark] .table-responsive,
body[data-theme=dark] .accordion-item,
body[data-theme=dark] .accordion-header,
body[data-theme=dark] .accordion-collapse,
body[data-theme=dark] .modal-body,
body[data-theme=dark] .profile-set,
body[data-theme=dark] .page-content,
body[data-theme=dark] .content-page {
    background: var(--dark-surface) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body[data-theme=dark] [style*="background:#fff"],
body[data-theme=dark] [style*="background: #fff"],
body[data-theme=dark] [style*="background:white"],
body[data-theme=dark] [style*="background: white"],
body[data-theme=dark] [style*="background-color:#fff"],
body[data-theme=dark] [style*="background-color: #fff"],
body[data-theme=dark] [style*="background-color:white"],
body[data-theme=dark] [style*="background-color: white"] {
    background: var(--dark-surface) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body[data-theme=dark] .form-control:disabled,
body[data-theme=dark] .form-control[readonly],
body[data-theme=dark] .form-select:disabled,
body[data-theme=dark] input:disabled,
body[data-theme=dark] input[readonly],
body[data-theme=dark] textarea:disabled,
body[data-theme=dark] textarea[readonly] {
    background: var(--dark-surface-2) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-soft) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--dark-text-soft);
}

body[data-theme=dark] .form-control:disabled::placeholder,
body[data-theme=dark] .form-control[readonly]::placeholder,
body[data-theme=dark] input:disabled::placeholder,
body[data-theme=dark] input[readonly]::placeholder,
body[data-theme=dark] textarea:disabled::placeholder,
body[data-theme=dark] textarea[readonly]::placeholder {
    color: var(--dark-muted) !important;
    opacity: 1 !important;
}

body[data-theme=dark] .badge.bg-light,
body[data-theme=dark] .badges.bg-light,
body[data-theme=dark] .badges.bg-lightgreen,
body[data-theme=dark] .badges.bg-lightred,
body[data-theme=dark] .badges.bg-lightyellow,
body[data-theme=dark] .badges.bg-lightpurple,
body[data-theme=dark] .badges.bg-lightgrey {
    background: var(--dark-surface-2) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body[data-theme=dark] .border,
body[data-theme=dark] .border-top,
body[data-theme=dark] .border-end,
body[data-theme=dark] .border-bottom,
body[data-theme=dark] .border-start {
    border-color: var(--dark-border) !important;
}

/* Sidebar dark mode: keep the same flat structure as the light theme. */
body[data-theme=dark] .sidebar,
body[data-theme=dark] .sidebar .slimScrollDiv,
body[data-theme=dark] .sidebar .sidebar-inner,
body[data-theme=dark] .sidebar .sidebar-menu {
    background: var(--dark-shell, #162330) !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li {
    margin: 0 0 4px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a {
    margin: 0 !important;
    padding: 5px 15px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--dark-text, #e6edf3) !important;
    box-shadow: none !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a i,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a span,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a .menu-arrow {
    color: var(--dark-text, #e6edf3) !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a:hover,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active > a,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a.subdrop {
    background: var(--dark-accent, #2b5278) !important;
    color: #ffffff !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a:hover i,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a:hover span,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active > a i,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li.active > a span,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a.subdrop i,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a.subdrop span,
body[data-theme=dark] .sidebar .sidebar-menu > ul > li > a.subdrop .menu-arrow {
    color: #ffffff !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul {
    margin: 2px 0 8px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--dark-border, #263849) !important;
    border-radius: 6px !important;
    background: var(--dark-surface-2, #1f2f3d) !important;
    box-shadow: none !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li {
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li a {
    min-height: 30px;
    padding: 6px 8px 6px 28px !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--dark-text, #e6edf3) !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li a::after {
    border-color: var(--dark-muted, #9fb3c6) !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li.sub_sub_menu > a {
    color: var(--dark-text-soft, #c8d3dc) !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li.sub_sub_menu > a:hover {
    color: var(--dark-blue, #5aa7df) !important;
}

body[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li.sub_sub_menu > a:hover::after {
    background-color: var(--dark-blue, #5aa7df) !important;
    border-color: var(--dark-blue, #5aa7df) !important;
}