.theme-dark {
    background-color: #0c0f11;
    --aous-aw-bg-surface-secondary: #181e22;
    --aous-aw-bg-surface: #181e22;
}

body {
    background-color: #fafbfd;
}

.theme-dark .navbar {
    --aous-aw-navbar-bg: var(--aous-aw-bg-surface);
}

body.theme-dark .modal-header {
    border-color: #434343;
}

.theme-dark .alert:not(.alert-important),
.theme-dark .card,
.theme-dark .card-footer,
.theme-dark .card-stacked::after,
.theme-dark .dropdown-menu,
.theme-dark .footer:not(.footer-transparent),
.theme-dark .modal-content,
.theme-dark .modal-header,
.theme-dark .toast,
.theme-dark .toast-header {
    border-color: #434343;
}

.theme-dark .modal-backdrop {
    background-color: var(--aous-aw-bg-surface);
}

body.theme-dark .markdown>table,
body.theme-dark .table {
    --aous-aw-table-striped-bg: #242c31 !important;
}

/* Start Dashboard */
.dashboard_card {
    max-height: 50vh;
    overflow: scroll;
}

.dashboard_card .header_title {
    margin-bottom: 0.6rem;
}

.chart_transaction_area {
    min-height: 250px;
}

#chart_transaction_wrapper {
    position: relative;
}

#chart_transaction_wrapper #chart_loader {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--aous-aw-body-bg);
    opacity: .8;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    z-index: 10;
}

/* End Dashboard */