#logo {
    width: 8rem;
    fill: var(--bs-body-color);
}

[data-bs-theme=dark] .hide-dark {
    display: none;
}

[data-bs-theme=light] .hide-light {
    display: none;
}

.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

.bg-yellow-500 {
    background-color: #ffc107 !important;
}

.bg-teal-500 {
    background-color: #20c997 !important;
}

.border-active {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-left-width: 5px !important;
    border-left-color: var(--bs-success) !important;
    border-right: none !important;
    border-bottom: none !important;
}

.border-inactive {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-left-width: 5px !important;
    border-left-color: var(--bs-danger) !important;
    border-right: none !important;
    border-bottom: none !important;
}

.cursor-link {
    cursor: pointer !important;
}