.hidden {
    display: none !important;
}

#loading-spinner {
    font-size: 1.2em; /* Adjust size */
    display: inline-block;
    animation: spin 1s linear infinite; /* Rotating animation */
}

/* Keyframes for spinning animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


/* Hide the overlay initially */
.hidden {
    display: none;
}



.alert-warning {
    --bs-alert-bg: #ffc1078f !important;
    --bs-alert-border-color: #0000004f !important;
}

.alert-info {
    --bs-alert-bg: #87cdff70 !important;
    --bs-alert-border-color: #0000004f !important;
}

.alert-success {
    --bs-alert-bg: #00a42980 !important;
    --bs-alert-border-color: #0000004f !important;
}

.alert-danger {
    --bs-alert-bg: #ff767688 !important;
    --bs-alert-border-color: #0000004f !important;
}