#loader {
  height: 100%;
  
}
    /*Hidden class for adding and removing*/
    .loading-ring.hidden {
        display: none;
    }

    /*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
    .overlay {
	/*display: flex;
  align-items: center
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;*/
        background: rgba(0,0,0,0);
        z-index: 999;
        opacity: 1;
        /*transition: all 0.5s;*/
    }    
   
    .loading-ring:after {
        content: " ";
        display: block;
        width: 75px;
        height: 75px;
        margin: 5% auto;
		border: 12px solid #f3f3f3; 
        border-radius: 50%; 
        border-top: 12px solid #2e38fa; 
        border-radius: 50%;
        /*border: 12px solid #f3f3f3; 
        border-color: #fff transparent #fff transparent;*/
        animation: loading-ring 1.0s linear infinite;
    }
    @keyframes loading-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
	.loading-ring.center {          
        position: absolute;
        top: 40%;
        left: 50%;
       
        }