/* Loading spinner styles */
.loading-spinner {
    display: none; /* Hidden by default */
    position: fixed; /* Sit on top of the page content */
    z-index: 999; /* High z-index to ensure it's on top */
    left: 50%; /* Center the spinner horizontally */
    top: 50%; /* Center the spinner vertically */
    transform: translate(-50%, -50%); /* Offset the spinner by half its width and height to truly center it */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    background-color: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    align-items: center; /* Center the spinner vertically */
    justify-content: center; /* Center the spinner horizontally */
    color: #fff; /* White color for the spinner */
}

.fa-spinner {
    font-size: 3rem; /* Increase the size of the spinner */
    animation: spin 1s linear infinite; /* Add spinning animation */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*END Folder list*/