@charset "ISO-8859-1";

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 2px solid rgb(0, 128, 255);
	border-top-color: rgb(0, 0, 128);
	animation: spinner .6s linear infinite;
}

.spinner-50:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 35%;
	left: 40%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 4px solid rgb(0, 128, 255);
	border-top-color: rgb(0, 0, 128);
	animation: spinner .6s linear infinite;
}

/* used for bootstrap spinner overlay */
.overlay {
	position: absolute;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.4);
	margin:auto;
	height: 60%;
	width: 40%;  
	top:0;
	bottom:0;
	left:0;
	right:0;
}