/* LOADING CSS */
@keyframes spinner {
	to {transform: rotate(360deg);}
}
.mila-x-loading::before,
.mila-x-loading::after,
.mila-loading::before,
.mila-loading::after,
.mila-x-loading .spinner-grow,
.mila-x-loading .spinner-border {
	display: none;
}
.mila-x-loading.x-mila-show::before,
.mila-x-loading.x-mila-show::after,
.mila-loading.x-mila-show::before,
.mila-loading.x-mila-show::after,
.mila-x-loading.x-mila-show .spinner-grow,
.mila-x-loading.x-mila-show .spinner-border {
	display: block;
}
.mila-loading.x-mila-show::before, .mila-x-loading.x-mila-show::before {
	width: 100%;
	height: 100%;
	content: ' ';
	background-color: #9E9E9E;
	opacity: .7;
	position: absolute;
	z-index: 99;
	display: block;
	border-radius: inherit;
}
.mila-loading.x-mila-show::after {
	content: ' ';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border-top: 3px solid #814698;
	border-right: 3px solid transparent;
	animation: spinner .6s linear infinite;
	z-index: 100;
}
.mila-x-loading.x-mila-show .spinner-grow,
.mila-x-loading.x-mila-show .spinner-border {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	z-index: 100;
	color: #814698;
}
.mila-loading.x-mila-show *,
.mila-x-loading.x-mila-show * {
	user-select: none !important;
}
.mila-loading.mila-loading-transparent.x-mila-show::before, .mila-x-loading.mila-loading-transparent.x-mila-show::before {
	background-color: transparent !important;
}
.mila-loading.mila-loading-loader-dark.x-mila-show::after.mila-x-loading.mila-loading-loader-dark.x-mila-show::after {
	border-top: 3px solid #2f1b33 !important;
}
/* END LOADING CSS */
/* PRE LOADER */
@keyframes placeHolderShimmer{
	0%{
		background-position: -468px 0
	}
	100%{
		background-position: 468px 0
	}
}
.pre-loader::before {
	content: ' ';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: .1rem;
	background: #f6f7f8;
	background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
	animation-duration: 3s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
}
/* END PRE LOADER */