.loader {
	animation: load 1s linear infinite;
	border: .5em solid #045B83;
	border-radius: 50%;
	display: block;
	height: 30px;
	left: 50%;
	margin: -1.5em;
	position: fixed;
	top: 50%;
	width: 30px;
	z-index: 2001;
}
.loader:after {
	border: .6em solid #ee534f;
	border-radius: 50%;
	bottom: 4px;
	content: '';
	left: 4px;
	position: absolute;
	right: 4px;
	top: 4px;
}
.loader:before {
	border-bottom: 1em solid #ee534f;
	border-left: .7em solid transparent;
	border-right: .7em solid transparent;
	content: '';
	height: 0;
	left: 50%;
	margin-left: -.7em;
	position: absolute;
	top: -.25em;
	width: 0;
}
@keyframes load {
	100% { transform: rotate(360deg); }
}

.loading-overlay {
	position: fixed; /* Stay in place */
	z-index: 1040 !important; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
}
@keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	to {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}