/* Light grey border under the navbar */
.navbar {
    border-bottom: 2px solid #ccc;
}

/* Hover effect for nav items */
.navbar-nav .nav-link {
    transition: background-color 0.3s ease-in-out;
}

.navbar-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Light grey on hover */
    border-radius: 5px;
}

/* Centering the Logout button vertically */
.navbar .logout-btn {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Ensure logo is vertically centered */
.navbar-brand img {
    vertical-align: middle;
}

/* fade out for alert messages */
.fade-out {
    transition: opacity 1s ease-out;
    opacity: 0;
}

/* Custom next page button */
styles for the table */
.pagination {
    list-style: none !important;
    padding-left: 0;
    margin: 0;
}

/* Makes sure hidden tabs are not displayed */
.tab-pane:not(.active) {
    display: none !important;
}