@charset "UTF-8";
@font-face {
	font-family: Avenir Medium;
	src: url(AvenirNext-Medium-06.ttf);
}

.background{
	background-color: #f1f1f1 !important;
	border-radius: 15px;
}
.foreground{
	background-color: #33538D;
	border-radius: 15px;
}

.Loading{
	width: 40vw;
	height: 40vw;
	margin: auto;
	font-family: Avenir Medium;
	text-align: center;
	top: 30%;
	left: 30%;
	display: block;
	position: absolute;
}

.Closing{
	margin: auto;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #33538D;
	border-bottom: 16px solid #33538D;
	width: 20vw;
	height: 20vw;
	-webkit-animation: spin 2s linear 5;
	animation: spin 2s linear 5;
}

@-webkit-keyframes spin{
	0% 		{ -webkit-transform: rotate(0deg);}
	100%	{ -webkit-transform: rotate(360deg);}
}
@keyframes spin{
	0%		{ transform: rotate(0deg);}
	100%	{ transform: rotate(360deg);}
}