#loadingOverlay {
	display: none;
	position: fixed;
	top: 45%;
	left: 0;
	width: 100%;
	height: 10%;
	background-color: #000;
	z-index: 99;
	text-align: center;
	line-height: 10%;
}

#loadingOverlay.alert {
	background-color: red;
}

#spinner {
	margin: 5px auto 0;
	width: 30vw;
	text-align: center;
}

#spinner > div {
	width: 5vw;
	height: 5vw;
	background-color: #fff;
	margin: 0 1vw;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

#spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

#spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		  -webkit-transform: scale(1.0);
		  transform: scale(1.0);
	  }
}