body {
    opacity: 1!important;
    overflow-y: auto;
}

.link {
    color: #993333 !important;
}

.link:hover {
    color: #5d0000 !important;
}

body[data-theme=light] .sidebar-link:hover {
    color: #993333;
}
body[data-theme=light] .sidebar-link:hover i,body[data-theme=light] .sidebar-link:hover svg {
    color: #993333;
}

body[data-theme=light] .sidebar-item.active .sidebar-link:hover, body[data-theme=light] .sidebar-item.active>.sidebar-link {
    color: #993333;
}

body[data-theme=light] .sidebar-item.active .sidebar-link:hover i, body[data-theme=light] .sidebar-item.active .sidebar-link:hover svg, body[data-theme=light] .sidebar-item.active>.sidebar-link i, body[data-theme=light] .sidebar-item.active>.sidebar-link svg {
    color:  #993333;
}

.btn-primary {
    background-color:  #993333;
    border-color: #993333;
    color: #fff;
}

.btn-primary:hover {
    background-color: #5d0000;
    border-color: #5d0000;
    color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #5d0000;
    border-color: #5d0000;
    color: #fff;
    box-shadow: 0 0 0 0.0rem rgba(255, 99, 71, 0.5); /* Add a shadow with a lighter version of your primary color */
}

.btn-primary:active, .btn-primary.active {
    background-color: #5d0000;
    border-color: #5d0000;
    color: #fff;
    box-shadow: none;
}

.btn-primary:active:focus, .btn-primary.active:focus {
    background-color: #5d0000;
    border-color: #5d0000;
    color: #fff;
    box-shadow: none;
}

.btn-primary:disabled, .btn-primary.disabled {
    background-color: #5d0000;
    border-color: #5d0000;
    color: #fff;
}

.nav-link:hover {
    color: #5d0000 !important;
}

.form-check-input:checked {
    background-color: #5d0000;
    border-color: #5d0000;
}

body[data-theme=dark] .sidebar-item.active .sidebar-link:hover, body[data-theme=dark] .sidebar-item.active>.sidebar-link, body[data-theme=light] .sidebar-item.active .sidebar-link:hover, body[data-theme=light] .sidebar-item.active>.sidebar-link {
    border-left-color: #993333; !important;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.3rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color:  #993333;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: #343a40;
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: #5d0000;
    --bs-pagination-focus-color: #5d0000;
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0rem rgba(59, 125, 221, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #993333;
    --bs-pagination-active-border-color: #5d0000;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    list-style: none;
    padding-left: 0;
}


.form-check-input:focus {
    border-color: #993333;
    box-shadow: 0 0 5px rgba(255, 99, 71, 0.5);
}

.form-control:focus {
    border-color: #993333;
    box-shadow: 0 0 5px rgba(255, 99, 71, 0.5);
}
.form-select:focus {
    border-color: #993333;
    box-shadow: 0 0 5px rgba(255, 99, 71, 0.5);
}

#loading {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: .75;
    background-color: #f8f9fc;
    z-index: 99;

}

.loader {
    position: fixed;
    left:50%;
    top:30%;
    border: 8px solid #ffffff; /* Light grey */
    border-top: 8px solid #5d0000; /* Red */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }

}

.dropdown-user-details-name {
    color: #212832;
    font-weight: 500;
    font-size: 0.9rem;
    max-width: 8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left:10px;
}
.dropdown-user-details-email {
    color: #212832;
    font-weight: 500;
    font-size: 0.7rem;
    max-width: 9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left:10px;

}

/* Login Page */
.btn-login{
    background-color: #b10e0f;
    color: white;
}

.btn-login:hover{

    background-color: #b10e0f;
    color: lightgrey;
}
.login-brand-text {
    color: #495057;
    display: block;
    font-size: 2rem;
    font-weight: 600;
    padding: 1.15rem 1.5rem;
}

/* Login Page */