/*//	Custom Spinner Element for Template
------------------------------------------------------------------------------------------//*/
/*---  Sets background overlay behind the spinner  ----*/

.e-spinner-pane {
    background-color: #f8f9fab5;
}                         

/*---  Sizes the spinner circle element  ----*/
.loader__spinner,
.loader__spinner:after {
	border-radius: 50%;
	width: 36px;
	height: 36px;
    transition: all 233ms ease-in-out;
}

/*---  Sets colors and border width for the spinner circle element  ----*/
.loader__spinner {
	margin: 0 auto;
 	position: relative;             
    border: 5px solid #e9ebee;
    border-top: 5px solid #3f7cfc;
 	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: SpinnerLoop 0.8s infinite linear;
	animation: SpinnerLoop 0.8s infinite linear;     
    transition: all 233ms ease-in-out;   
}
@-webkit-keyframes SpinnerLoop {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes SpinnerLoop {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*---  Spinner Label  ------------------------------*/

 .e-spin-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    transform: translateY(0.5em);
    font-size: small!important;
    letter-spacing: .025rem;
    font-family: 'Mohr-Medium'!important;
    color: var(--gray)!important;
}


 /*---  Spinner Overlay Within Modal  ------------------------------*/
	 .e-dialog .e-spinner-pane.e-spin-show {
		border-radius: 1em;
	}