/* Variables */
:root{
	--body-font-size: 20px;
}



/* Actual CSS Rules */
body{
	background: #93D5FF;
}

#page{
	padding-bottom: 0;
}

#body{
	text-align: center;
}

.mini_container{
	background: #FFF;
	border-radius: var(--global-border-radius);
	box-shadow: 0 0 14px #444;
	display: inline-block;
	padding: 30px;
}

#form_logo{
	max-width: 300px;
	width: 100%;
}


.mini_container form{
	margin-top: 30px;
	text-align: right;
}

.mini_container label{
	display: block;
	font-weight: 700;
	margin-top: 0.5em;
	text-align: left;
}

.mini_container label span{
	float: left;
}

.mini_container label input{
	border: 1px solid #93D5FF;
	border-radius: var(--global-border-radius);
	float: none;
	font-size: 20px;
	font-weight: normal;
	height: 1.5em;
	padding: 2px 5px;
	width: calc(100% - 12px);
}

.mini_container form a{
	float: left;
	font-size: 16px;
	margin-top: 30px;
}

.mini_container form a span{
	color: var(--link-color);
	display: inline-block;
	margin-right: 5px;
}

.mini_container form a span:first-child{
	transform: scaleX(-1);
}

.mini_container form button[type="submit"]{
	background: #00AFEF;
	border: 0 none;
	border-radius: var(--global-border-radius);
	color: #FFF;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin-top: 30px;
	padding: 4px 7px;
}

.login_error{
	background: #F02A27;
	border-radius: 6px;
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin: 1.5em 0 0.75em;
	padding: 6px 10px;
}

.login_error + form,
.login_error + form > label:first-child{
	margin-top: 0;
}

#body #forgot_password{
	display: block;
	font-size: 16px;
	margin-top: 1.5em;
}