#loading-overlay{
    /* position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.45);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999; */

    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;

    background:rgba(0,0,0,0.4);

    display:flex;
    align-items:center;
    justify-content:center;

    visibility:hidden;
    opacity:0;

    transition:0.2s;
    z-index:9999;
}

#loading-overlay.active{
    visibility:visible;
    opacity:1;
}

.loading-content{
    background:white;
    padding:25px 35px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,0.3);
}