.login-background {
    background-image: url("/images/background.png");
    background-size: cover;
    background-position: center;
    backdrop-filter: blur(5px) brightness(70%);
}

:root,
[data-bs-theme=light] {
    --bs-primary: #0b63ff;
    --bs-primary-rgb: 11, 99, 255;
    --bs-primary-text: #0b2d5c;
    --bs-primary-bg-subtle: #e8f1ff;
    --bs-primary-border-subtle: #b8d1ff;
    --bs-body-color: #132238;
    --bs-body-bg: #f7fbff;
    --bs-emphasis-color: #081a33;
    --bs-link-color: #0b63ff;
    --bs-link-hover-color: #0845b8;
    --bs-secondary-bg: #e7eef7;
    --bs-tertiary-bg: #eef4fb;
}

[data-bs-theme=dark] {
    --bs-primary: #4aa3ff;
    --bs-primary-rgb: 74, 163, 255;
    --bs-primary-text: #b7dcff;
    --bs-primary-bg-subtle: #10233d;
    --bs-primary-border-subtle: #1d3f68;
    --bs-body-color: #e8eef7;
    --bs-body-bg: #0b1220;
    --bs-emphasis-color: #ffffff;
    --bs-link-color: #7cc2ff;
    --bs-link-hover-color: #b7dcff;
    --bs-secondary-bg: #162133;
    --bs-tertiary-bg: #10192a;
}

.login-container {
    max-width: 350px;
    padding: 15px;
}

#sidebar-toggler {
    position: absolute;
    left: 100%;
    bottom: 20px;
    z-index: 4;
}

#sidebar-offcanvas-toggler {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 4;
}

nav .active,
.nav-pills .nav-link.active {
    color: #fff !important;
}

.nav-pills .nav-link:hover{
    color: var(--bs-primary) !important;
}

.nav-pills .nav-link:active {
    color: var(--bs-primary-text) !important;
    background: var(--bs-primary-bg-subtle) !important;
}

th a {
    text-decoration: none !important;
    color: var(--bs-emphasis-color);
}

.accordion-button:not(.collapsed) {
    color: var(--bs-emphasis-color);
    background-color: var(--bs-primary-bg-subtle)
}

.action-card {
    color: var(--bs-light);
    text-decoration: none;
    transition: 0.2s;
}

.action-card:hover {
    color: var(--bs-light);
}

.bg-primary.text-dark,
.bg-primary.text-dark .text-dark {
    color: #fff !important;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:focus-visible,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:focus-visible,
.btn-check:checked + .btn.btn-primary,
.btn-check:checked + .btn.btn-outline-primary {
    color: #fff !important;
}