#loading {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* semi-transparent white background */
    text-align: center;
}


#loading img {
width: 75px;
height: 75px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#loading-dialog {
display: none;
position: fixed;
z-index: 10000;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgb(8, 70, 241);
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(243, 245, 244, 0.986);
}