div#graph1 {
    width: 100%;
}

div.block-header.block-header-default {
    width: 100%;
}

.swal2-popup {
    background: oklch(20.5% 0 0) !important;
    box-shadow: none !important;
}

.swal2-title,
.swal2-content {
    color: #fff !important;
}

.pagination-container {
    padding-bottom: 30px;
}

.input-group:has(.fa-solid) input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.dark-mode .modal-content {
    background: oklch(14.5% 0 0) !important;
}

.dark-mode .modal-content .block-header.bg-primary-dark {
    background: oklch(20.5% 0 0) !important;
}

.dark-mode .modal-content .block-content.block-content-full.text-end.bg-body {
    background: oklch(20.5% 0 0) !important;
}

.flex {
    display: flex !important;
}

.justify-center {
    justify-content: center !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

#restoreForm .form-group {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Registration form name fields */
#registerForm .d-flex.gap-2 {
    display: flex;
    gap: 0.5rem;
}

#registerForm .flex-fill {
    flex: 1 1 0%;
}

/* Mobile responsive */
@media (max-width: 576px) {
    #registerForm .d-flex.gap-2 {
        flex-direction: column;
        gap: 1rem;
    }
}

div#page-container {}

div#page-container {
    background: oklch(14.5% 0 0) !important;
}

#page-container.sidebar-dark #sidebar {
    background-color: oklch(20.5% 0 0);
}

nav#sidebar {}

#page-container.page-header-dark #page-header {
    background-color: oklch(20.5% 0 0);
}

#page-container.sidebar-dark #sidebar .content-header {
    background-color: oklch(14.5% 0 0);
}

.dark-mode .block {
    background-color: oklch(20.5% 0 0);
}

.page-header-dark #page-header .btn-alt-secondary,
.sidebar-dark #sidebar .btn-alt-secondary {
    --bs-btn-bg: oklch(20.5% 0 0);
    --bs-btn-border-color: oklch(32.5% 0 0);
    --bs-btn-hover-bg: oklch(32.5% 0 0);
    --bs-btn-active-bg: oklch(32.5% 0 0);
}

.bg-primary-dark {
    background-color: oklch(14.5% 0 0);
}

.dark-mode .dropdown-menu {
    background-color: oklch(20.5% 0 0);
}

.dark-mode .dropdown-menu .dropdown-divider {
    border-color: oklch(32.5% 0 0);
}

.dark-mode .dropdown-menu .dropdown-item:hover,
.dark-mode .dropdown-menu .dropdown-item:focus {
    background-color: oklch(25.5% 0 0);
}

.dark-mode #page-footer {
    background-color: oklch(25.5% 0 0) !important;
}

.dark-mode .dropdown-menu .dropdown-item.active,
.dark-mode .dropdown-menu .dropdown-item:active {
    background-color: oklch(25.5% 0 0);
}

.dark-mode .bg-body-light {
    background-color: oklch(25.5% 0 0) !important;
}

.table> :not(caption)>*>* {
    background-color: unset;
}