/*.simpleLoading{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;

    z-index: 99999999999;
    cursor: wait;
    background-color: rgba(0,0,0,0.4);

    display: none;

}

.simpleLoading-img{
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    transform: translate(-50%,-50%);

    width: 200px;
    height: 200px;

    border: 5px solid white;
    border-radius: 50%;
    border-top: 5px solid darkslateblue;

    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}*/
.simpleLoading{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 99999999999;
    cursor: wait;
    background-color: rgba(0,0,0,0.3);
    display: none;
}

.simpleLoading-img{
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 50px);
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    border: 5px solid transparent;
    border-radius: 100%;
    animation: spin 1000ms linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg);border-top: 5px solid #00b756;border-bottom: 5px solid #ff1800;}
    25% { transform: rotate(90deg);border-top: 5px solid #00acf0;border-bottom: 5px solid #ff0085;}
    50% { transform: rotate(180deg);border-top: 5px solid #ff0085;border-bottom: 5px solid #00acf0;}
    75% { transform: rotate(270deg);border-top: 5px solid #ff1800;border-bottom: 5px solid #00b756;}
    100% { transform: rotate(360deg);border-top: 5px solid #00b756;border-bottom: 5px solid #ff1800;}
}