/* Admin */
#main #main-content {
    padding: 1.5rem 1rem;
}

/* Front Page */
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-primary);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:hover {
    border-bottom: solid 1px var(--bs-primary);
    padding: 0 3px 3px 3px;
}

/* Form Elements */
.form-control:read-only:focus, .form-control:read-only:focus-visible {
    border-color: var(--bs-border-color);
    box-shadow: none;
}

/* Define the keyframes for the animation */
@keyframes slideDown {
    from {
        transform: translateY(-50%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Apply the animation to the modal */
.modal.slide-down .modal-dialog {
    animation: slideDown 0.6s ease-out;
}