body{font-family:'Open Sans', sans-serif;margin:0;border:0;padding:0;}
loadingsplash{position:absolute;z-index:10;top:0;right:0;left:0;bottom:0;background:#098898;color:#FFF;text-align:center;line-height:90vh;font-size:40px;}
login{
	display: flex;
	flex-flow: row nowrap;
	width: 100vw;
	height: 100vh;
}
login stats{
	width: calc((100vw / 3) * 2);
	max-width: calc((100vw / 3) * 2);
	height: calc(100vh);
	max-height: calc(100vh);
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}
login stats stat{
	width: calc(100vw / 3);
	max-width: calc(100vw / 3);
	height: 50%;
	max-height: 50%;
	color:#FFF;
	text-align: center;
}
login stats stat:nth-child(1){background:#098898;}
login stats stat:nth-child(2){background:#46a1ad;}
login stats stat:nth-child(3){background:#5fadb8;}
login stats stat:nth-child(4){background:#79bac3;}
login stats stat icon{
	margin: calc((((100vw / 3) / 5) + 8vh + 5vh ) / 2) auto 0;
	width: calc((100vw / 3) / 5);
	height: calc((100vw / 3) / 5);
	font-size: calc((100vw / 3) / 11);
	line-height: calc((100vw / 3) / 5);
	display: block;
	border: 2px solid #FFF;
	border-radius: 50%;
	text-align: center;
}
login stats stat number{
	font-size: 5vh;
	line-height: 8vh;
	display: block;
}
login stats stat note{
	font-size: 2vh;
	line-height: 2vh;
	display: block;
}
login panel{
	width: calc(100vw / 3);
	max-width: calc(100vw / 3);
	height: calc(100vh);
	max-height: calc(100vh);
	background: rgba(226,226,226,.3);
}
login panel logo{
	margin:0 auto;
	display: block;
	width: 50%;
	height: 45%;
	background:url(/assets/img/logo.png) no-repeat center center;
	background-size: contain;
}
login panel inputs{
	margin:0 auto;
	display: block;
	width: 50%;
}
login panel inputs input{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #FFFFFF;
    color: rgba(141,141,141,1);
    font-size: 18px;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 3px;
    text-align: left;
    padding: 0 8px;
	margin-bottom:20px;
}
login panel inputs input.btn{
	text-align: center;
	background:rgba(9,136,152,1);
    border-radius: 3px;
	color: #FFF;
}
@media (max-width: 850px){
	login stats{
		width: calc(100vw / 2);
		max-width: calc(100vw / 2);
	}
	login stats stat{
		width: calc(100vw / 2);
		max-width: calc(100vw / 2);
	}
	login panel{
		width: calc(100vw / 2);
		max-width: calc(100vw / 2);
	}
	login stats stat{
		width: calc(100vw / 2);
		max-width: calc(100vw / 2);
		height: 25%;
		max-height: 25%;
	}
	login stats stat icon{
		margin: calc((((100vw / 4) / 5) + 8vh + 5vh ) / 4) auto 0;
	}
}
@media (max-width: 500px){
	login{
		flex-direction: column;
	}
	login stats{
		width: 100vw;
		max-width: 100vw;
		order:1;
	}
	login stats stat{
		width: 50vw;
		max-width: 50vw;
		height: 25vh;
		max-height: 25vh;
	}
	login stats stat number {
    	font-size: 3vh;
    	line-height: 5vh;
    }
	login panel{
		width: 100vw;
		max-width: 100vw;
		order:0;
		height: 100vh;
	}
	login stats stat icon{
		margin: calc(((25vh / 8) + 8vh + 5vh ) / 4) auto 0;
		width: calc(25vh / 3);
		height: calc(25vh / 3);
		font-size: calc(25vh / 8);
		line-height: calc(25vh / 3);
	}
}

.alert{margin:10px;padding:10px;border-radius:10px;border:2px solid #098898;background:#5fadb8;color:#098898;}
.alert-danger{background:#ffcaa3;color:#da4f5f;border-color:#da4f5f;}
.alert-success{background:#b1ff88;color:#2ebb40;border-color:#2ebb40;}