/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(720deg); }
}

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

.loaderContainer {
    z-index: 91;
    position: absolute;
    top: calc(50% - 128px);
    left: calc(50% - 128px);
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
}

.loaderLogoSolonCloud256 {
    width: 256px;
    height: 256px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('/Images/256_SolonCloud_Logo.png');
}
.loaderSpinnerSolonCloud256 {
    width: 256px;
    height: 256px;    
    -webkit-animation: spin 1.5s linear infinite; /* Safari */
    animation: spin 1.5s linear infinite;
    background-image: url('/Images/256_SolonCloud_Spinner.png');
}

.loaderDarkScreen {
    left: -10px; 
    z-index: 90; 
    height: calc(100% + 20px); 
    position: absolute; 
    top: -10px; 
    visibility: hidden; 
    background-color: rgb(0, 0, 0, 0.4); 
    width: calc(100% + 20px);
}