@charset "UTF-8";
@import 'animate/animate.css';

html[data-bs-theme=dark] {
    --bs-blue: #435ebe;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #435ebe;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #ced4da;
    --bs-dark: #131313;
    --bs-primary-rgb: 67, 94, 190;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 206, 212, 218;
    --bs-dark-rgb: 19, 19, 19;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 194, 194, 217;
    --bs-body-bg-rgb: 21, 21, 33;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: "Segoe UI";
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #c2c2d9;
    --bs-body-bg: #151521;

    --app-dark-text: #c2c2d9;
    --app-dark-text-muted: #9899ac;
    --app-dark-text-strong: #fff;
    --app-dark-surface: #151521;
    --app-dark-surface-elevated: #1b1b29;
    --app-dark-surface-panel: #1e1e2d;
    --app-dark-surface-panel-2: #252538;
    --app-dark-surface-panel-3: #2f2f48;
    --app-dark-surface-hover: #282839;
    --app-dark-surface-disabled: #40404d;
    --app-dark-border: #35354f;
    --app-dark-border-strong: #4b4b68;
    --app-dark-navbar: #22223c;
    --app-dark-submenu: #191926;
}

html[data-bs-theme=dark] h6,
html[data-bs-theme=dark] .h6,
html[data-bs-theme=dark] h5,
html[data-bs-theme=dark] .h5,
html[data-bs-theme=dark] h4,
html[data-bs-theme=dark] .h4,
html[data-bs-theme=dark] h3,
html[data-bs-theme=dark] .h3,
html[data-bs-theme=dark] h2,
html[data-bs-theme=dark] .h2,
html[data-bs-theme=dark] h1,
html[data-bs-theme=dark] .h1 {
    color: var(--app-dark-text-strong);
}

html[data-bs-theme=dark] .accordion {
    --bs-accordion-color: var(--app-dark-text);
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: rgba(0, 0, 0, .125);
    --bs-accordion-btn-color: #a9bacc;
    --bs-accordion-active-bg: rgba(255, 255, 255, 0.91);
}

html[data-bs-theme=dark] .accordion-button:not(.collapsed) {
    background-color: #d7e3ef;
}

html[data-bs-theme=dark] .alert-success {
    background-color: #198754;
}

html[data-bs-theme=dark] .alert-light {
    color: #607080;
}

html[data-bs-theme=dark] .alert-light-primary {
    background-color: #bdc6e9;
    border: 1px solid #9caadd;
    color: #14286c;
}

html[data-bs-theme=dark] .alert-light-secondary {
    background-color: #c6cbcf;
    border: 1px solid #b2b7bb;
    color: #224257;
}

html[data-bs-theme=dark] .alert-light-success {
    background-color: #93cbb1;
    border: 1px solid #87c0a5;
    color: #0d5635;
}

html[data-bs-theme=dark] .alert-light-danger {
    background-color: #f8d2d6;
    border: 1px solid #efa3aa;
    color: #7a151f;
}

html[data-bs-theme=dark] .alert-light-warning {
    background-color: #ffeaab;
    border: 1px solid #ffdf7d;
    color: #806102;
}

html[data-bs-theme=dark] .alert-light-info {
    background-color: #a9edfb;
    border: 1px solid #80e3f7;
    color: #04677c;
}

html[data-bs-theme=dark] .alert-light-dark {
    background-color: #9b9797;
    border: 1px solid #949494;
    color: #391919;
}

html[data-bs-theme=dark] .bg-light-primary {
    background-color: #b7c3ef;
    color: #273a80;
}

html[data-bs-theme=dark] .bg-light-secondary {
    background-color: #bfcbd6;
    color: #434c53;
}

html[data-bs-theme=dark] .bg-light-success {
    background-color: #89d5b2;
    color: #1d4231;
}

html[data-bs-theme=dark] .bg-light-danger {
    background-color: #fbcfd3;
    color: #b21927;
}

html[data-bs-theme=dark] .bg-light-warning {
    background-color: #ffeaab;
    color: #434c53;
}

html[data-bs-theme=dark] .bg-light-info {
    background-color: #a5f0ff;
    color: #0585a0;
}

html[data-bs-theme=dark] .bg-light-dark {
    background-color: #545864;
    color: #fff;
}

html[data-bs-theme=dark] .btn-primary {
    --bs-btn-bg: #435ebe;
}

html[data-bs-theme=dark] .btn-link {
    --bs-btn-hover-color: #697ecb;
    --bs-btn-active-color: #697ecb;
}

html[data-bs-theme=dark] .btn.btn-light-primary {
    background-color: #7286ce;
    color: #000;
}

html[data-bs-theme=dark] .btn.btn-light-secondary {
    background-color: #91989e;
    color: #000;
}

html[data-bs-theme=dark] .btn.btn-light-success {
    background-color: #53a57f;
    color: #000;
}

html[data-bs-theme=dark] .btn.btn-light-danger {
    background-color: #e87c86;
    color: #000;
}

html[data-bs-theme=dark] .btn.btn-light-warning {
    background-color: #ffd145;
    color: #000;
}

html[data-bs-theme=dark] .btn.btn-light-info {
    background-color: #4ad7f4;
    color: #000;
}

html[data-bs-theme=dark] .btn.btn-light-dark {
    background-color: #666;
    color: #000;
}

html[data-bs-theme=dark] .form-label,
html[data-bs-theme=dark] .col-form-label,
html[data-bs-theme=dark] .form-group label {
    color: var(--app-dark-text);
}

html[data-bs-theme=dark] .form-control,
html[data-bs-theme=dark] .form-select {
    background-color: var(--app-dark-surface-elevated);
    border: 1px solid var(--app-dark-border);
    color: var(--app-dark-text);
}

html[data-bs-theme=dark] .form-control:focus {
    background-color: var(--app-dark-surface-elevated);
    border-color: var(--app-dark-border-strong);
    color: var(--app-dark-text);
}

html[data-bs-theme=dark] .form-control:disabled,
html[data-bs-theme=dark] .form-select:disabled {
    background-color: var(--app-dark-surface-disabled);
}

html[data-bs-theme=dark] .form-control-plaintext {
    color: var(--app-dark-text);
}

html[data-bs-theme=dark] .form-select:-moz-focusring {
    text-shadow: 0 0 0 var(--app-dark-text);
}

html[data-bs-theme=dark] .form-check-input {
    background-color: #20202d;
    border: 3px solid #393b42;
}

html[data-bs-theme=dark] .form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239899ac'/%3e%3c/svg%3e");
}

html[data-bs-theme=dark] .input-group-text {
    background-color: var(--app-dark-surface-panel-2);
    border: 1px solid var(--app-dark-border);
}

html[data-bs-theme=dark] .form-group.with-title label {
    background-color: var(--app-dark-surface-panel-3);
    border-color: #3f3f5e;
}

html[data-bs-theme=dark] .dataTable-input,
html[data-bs-theme=dark] .choices__inner {
    background-color: var(--app-dark-surface-elevated);
    border-color: var(--app-dark-border);
}

html[data-bs-theme=dark] .dataTable-input:focus {
    background-color: var(--app-dark-surface-elevated);
    border-color: var(--app-dark-border-strong);
    color: var(--app-dark-text);
}

html[data-bs-theme=dark] .choices__input {
    background-color: var(--app-dark-surface-elevated);
    color: var(--app-dark-text-strong);
}

html[data-bs-theme=dark] .divider .divider-text {
    background-color: var(--app-dark-surface);
}

html[data-bs-theme=dark] .divider .divider-text:before,
html[data-bs-theme=dark] .divider .divider-text:after {
    border-top: 1px solid #343a40;
}

html[data-bs-theme=dark] .list-group {
    --bs-list-group-color: #afb0be;
    --bs-list-group-bg: var(--app-dark-surface);
    --bs-list-group-disabled-color: #000;
    --bs-list-group-action-hover-color: #afb0be;
    --bs-list-group-action-hover-bg: #101113;
    --bs-list-group-action-active-bg: #292940;
}

html[data-bs-theme=dark] .toast {
    --bs-toast-color: var(--app-dark-text);
    --bs-toast-bg: rgba(44, 46, 66, .85);
    --bs-toast-border-color: rgba(0, 0, 0, .1);
    --bs-toast-header-color: #fff;
    --bs-toast-header-bg: #35354d;
}

html[data-bs-theme=dark] .toast .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

html[data-bs-theme=dark] .modal {
    --bs-modal-bg: var(--app-dark-surface-panel);
    --bs-modal-header-border-color: #6c757d;
    --bs-modal-footer-border-color: #6c757d;
}

html[data-bs-theme=dark] .tooltip {
    --bs-tooltip-color: rgba(255, 255, 255, 0.8);
    --bs-tooltip-bg: rgb(13, 13, 19);
}

html[data-bs-theme=dark] .popover {
    --bs-popover-border-color: rgba(0, 0, 0, .2);
}

html[data-bs-theme=dark] .nav-tabs {
    --bs-nav-tabs-link-active-bg: rgba(44, 44, 58, .85);
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 rgba(44, 44, 58, .85);
}

html[data-bs-theme=dark] .pagination {
    --bs-pagination-color: #92929f;
    --bs-pagination-bg: var(--app-dark-surface);
    --bs-pagination-border-color: var(--app-dark-surface);
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #21212c;
    --bs-pagination-hover-border-color: var(--app-dark-surface);
    --bs-pagination-focus-color: #fff;
    --bs-pagination-focus-bg: #212e48;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-disabled-bg: #000;
    --bs-pagination-disabled-border-color: #000;
}

html[data-bs-theme=dark] .page-item:not(.active) .page-link:hover {
    color: #fff;
}

html[data-bs-theme=dark] .progress {
    --bs-progress-bg: var(--app-dark-surface-disabled);
    --bs-progress-bar-color: #c1c1d8;
}

html[data-bs-theme=dark] .table,
html[data-bs-theme=dark] .dataTable-table {
    --bs-table-color: var(--app-dark-text);
    --bs-table-striped-color: var(--app-dark-text);
    --bs-table-striped-bg: rgba(170, 168, 168, .05);
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: rgba(255, 255, 255, .075);
    --bs-table-border-color: rgb(63, 63, 63);
}

html[data-bs-theme=dark] .table-group-divider {
    border-top: 2px solid #707070;
}

html[data-bs-theme=dark] .table:not(.table-borderless) thead th,
html[data-bs-theme=dark] .dataTable-table:not(.table-borderless) thead th {
    border-bottom: 1px solid #dedede !important;
}

html[data-bs-theme=dark] .table.table-bordered thead th {
    border: 1px solid rgba(152, 152, 152, 0.79) !important;
}

html[data-bs-theme=dark] .sidebar-wrapper {
    background-color: var(--app-dark-surface-panel);
}

html[data-bs-theme=dark] .sidebar-wrapper .menu .sidebar-title,
html[data-bs-theme=dark] .sidebar-wrapper .menu .sidebar-link,
html[data-bs-theme=dark] .sidebar-wrapper .menu .submenu .submenu-item a,
html[data-bs-theme=dark] .navbar-top .notification-item a,
html[data-bs-theme=dark] .theme-toggle {
    color: var(--app-dark-text-muted);
}

html[data-bs-theme=dark] .sidebar-wrapper .menu .sidebar-link:hover {
    background-color: var(--app-dark-surface-hover);
}

html[data-bs-theme=dark] .sidebar-wrapper .menu .submenu .submenu-item a:hover {
    color: #fff;
}

html[data-bs-theme=dark] .layout-horizontal .header-top {
    background-color: #171722;
}

html[data-bs-theme=dark] .layout-horizontal .main-navbar {
    background-color: var(--app-dark-navbar);
}

html[data-bs-theme=dark] .layout-horizontal .main-navbar ul>.menu-item.active a,
html[data-bs-theme=dark] .layout-horizontal .main-navbar ul>.menu-item.active dev {
    color: rgb(217, 79, 55);
}

html[data-bs-theme=dark] .layout-horizontal .main-navbar .submenu,
html[data-bs-theme=dark] .layout-horizontal .main-navbar .subsubmenu {
    background-color: var(--app-dark-submenu);
    box-shadow: 0 5px 20px rgba(27, 27, 27, .1);
}

html[data-bs-theme=dark] .layout-horizontal .main-navbar .submenu .submenu-group .submenu-item a {
    color: var(--app-dark-text-muted);
}

html[data-bs-theme=dark] .text-status {
    color: #fff !important;
    background-color: rgba(98, 104, 140, 0.8) !important;
}

html[data-bs-theme=dark] .apexcharts-text tspan {
    fill: var(--app-dark-text) !important;
}

html[data-bs-theme=dark] .apexcharts-legend-text {
    color: var(--app-dark-text) !important;
}

html[data-bs-theme=dark] .note-editing-area .note-editable {
    background-color: #fff;
}

html[data-bs-theme=dark] .custom-file-button label[disabled] {
    color: #6c757d;
    background-color: #40404d;
}

html[data-bs-theme=dark] .logo-light {
    display: none;
}

html[data-bs-theme=dark] ::-webkit-scrollbar-thumb {
    background-color: rgb(64, 64, 77);
}

html[data-bs-theme=dark] ::-webkit-scrollbar-track {
    background-color: rgb(29, 29, 35);
}

html[data-bs-theme=dark] ::-webkit-resizer {
    background-color: rgb(64, 64, 77);
    background-repeat: no-repeat;
}

html[data-bs-theme=dark] .swal2-popup,
html[data-bs-theme=dark] .swal2-validation-message {
    background-color: var(--app-dark-surface-panel) !important;
    color: #fff !important;
}

html[data-bs-theme=dark] .swal2-title {
    color: #fff !important;
}

html[data-bs-theme=dark] .swal2-styled.swal2-confirm {
    background-color: #3699ff !important;
}

html[data-bs-theme=dark] .swal2-styled.swal2-confirm:hover {
    background-color: #187de4 !important;
}

@media screen and (max-width: 1199px) {
    html[data-bs-theme=dark] .layout-horizontal .main-navbar {
        background-color: var(--app-dark-navbar);
    }

    html[data-bs-theme=dark] .layout-horizontal .main-navbar ul .menu-link {
        color: #dee2e6 !important;
    }
}