/*#loading-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    z-index: 9999;*/ /* Ensure the spinner is on top of other elements */
/*}

    #loading-spinner i {
        font-size: 50px;*/ /* Adjust the font size as needed */
    /*}*/


#loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background */
    z-index: 9998; /* Ensure the overlay is beneath the spinner */
}

#loading-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: dodgerblue; /*rgba(255, 255, 255, 0.8);*/
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    z-index: 9999; /* Ensure the spinner is on top of other elements */
    color: white;
    font-size: 20px;
    font-weight: 500;
}

    #loading-spinner i {
        font-size: 50px; /* Adjust the font size as needed */
        color: white;
    }