/* Loader Overlay - Covers Entire Screen */
#loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    z-index: 1050; /* Ensure it's above everything */
    display: none; /* Hidden by default */
}

/* Bubble Loader - Ensures Centered Alignment */
.bubble-loader {
    display: flex;
    gap: 10px;
    justify-content: center; /* Align bubbles in center */
    align-items: center; /* Align bubbles in center */
    margin-top: 20% !important;
}

    /* Bubble Styling */
    .bubble-loader span {
        width: 16px;
        height: 16px;
        background: #fff; /* White bubbles */
        border-radius: 50%;
        animation: bounce 1.5s infinite ease-in-out;
    }

        /* Animation Timing for Each Bubble */
        .bubble-loader span:nth-child(1) {
            animation-delay: 0s;
        }

        .bubble-loader span:nth-child(2) {
            animation-delay: 0.2s;
        }

        .bubble-loader span:nth-child(3) {
            animation-delay: 0.4s;
        }

/* Bounce Animation */
@@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-10px);
        opacity: 0.5;
    }
}


/* Override Bootstrap Primary Color with Red */
:root {
/*    --bs-primary: #d32f2f;
*/    --bs-primary-rgb: 211, 47, 47;
/*    --bs-secondary: #b71c1c;
*/    --bs-secondary-rgb: 183, 28, 28;
    --bs-danger: #ff5252;
    --bs-light: #e57373;
    --bs-dark: #7f0000;
}

/* Override Navbar */
/*.navbar {
    background-color: var(--bs-primary) !important;
}
*/
    .navbar .navbar-brand,
    .navbar .nav-link {
        color: white !important;
    }

        .navbar .nav-link:hover {
            color: var(--bs-light) !important;
        }

/* Override Buttons */
/*.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}*/

    .btn-primary:hover {
/*        background-color: var(--bs-secondary) !important;
*/        border-color: var(--bs-secondary) !important;
    }

.btn-outline-primary {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--bs-primary) !important;
        color: white !important;
    }

/* Override Table Headers */
.table thead {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

/*.table tbody tr:hover {
    background-color: var(--bs-light) !important;
}*/

/* Override Alerts */
.alert-primary {
    background-color: var(--bs-light) !important;
    color: var(--bs-dark) !important;
    border-left: 5px solid var(--bs-primary) !important;
}

/* Override Form Inputs */
.form-control {
    border: 2px solid var(--bs-primary) !important;
}

    .form-control:focus {
        border-color: var(--bs-secondary) !important;
        box-shadow: 0 0 5px var(--bs-primary) !important;
    }