.navbar-vertical .navbar-nav .nav-item .nav-link {
    white-space: normal;
}

.table thead.table-dark th,
.table thead.table-dark th a {
    color: #ffffff;
}

:root{
    --bs-primary: #2196f3;
    --bs-link-color: #000091;
    --bs-link-hover-color: #1212ff;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000091;
    --bs-btn-border-color: #000091;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1212ff;
    --bs-btn-hover-border-color: #1212ff;
    --bs-btn-focus-shadow-rgb: 122, 102, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2323ff;
    --bs-btn-active-border-color: #2323ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7b7b7b;
    --bs-btn-disabled-border-color: #7b7b7b;
}


.spinner-container {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000; /* Ensures spinner stays on top of other content */
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-margin-bottom {
    margin-bottom: 20px;
}

.navbar-vertical .navbar-brand img{
    height: 3.5rem;
}

#modalMessagesPopUp .modal-xl{
    --bs-modal-width: 90%;
}