/* ========================================= 
Loading Spinner 
========================================== */

 .loading-overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:9999;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    color:#fff;
    font-family:sans-serif
 }
.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #ffffff30;
    border-top: 6px solid #00c3ff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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