/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
body {
	background-color: #f8f8f8;
	min-height: 620px;
}


#main {
	position: absolute;
	width: 96%;
	max-width:960px;
	margin: 0 auto;
	font-family:quicksand;
	min-height: 600px;
	height: 50%;
}

@media (min-height: 640px) and (max-height: 600px){
	#main {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media (min-width: 600px) and (max-height:640px) {
	#main {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media (min-height: 600px) and (min-height: 640px){
	#main {
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
}

span {
	color:red
}
h2 {
	background-color:#afcee9;
	text-align:center;
	margin: -10px -40px 20px -40px;
	padding:15px;
	border-bottom:1px solid #ccc;
		
}
hr {
	border:0;
	border-bottom:0.5px solid #ccc;
	margin:10px -40px;
	margin-bottom:30px
}
#login {
	position: relative;
	width:80%;
	max-width: 600px;
	box-shadow: 5px 5px 1px #666;
	font-family:quicksand;
	font-size: 1em;
	border:1px solid #ccc;
	padding:10px 40px 25px;
	margin: 50px auto;
	margin-top:20px;
	background-color: white;
}
input[type=text],input[type=password] {
	width:calc(100% - 20px);
	padding:10px;
	margin-top:8px;
	margin-bottom: 18px;
	border:1px solid #ccc;
	padding-left:5px;
	font-size:200%;
	font-family:quicksand;
}
#loginbuttton {
	position: relative;
	width:100%;
	background-color:#5cb85c;
	color:#fff;
	border:2px solid #4cae4c;
	padding:10px;
	font-size:18pt;
	cursor:pointer;
	border-radius:2px;
}
.icon_img {
	height: 13vh;
	min-height: 96px;
}

.login_error {
	width: 220px;
	word-wrap: break-word;
	text-align: center;
	font-size: 120%;
}


#footer {
	position: fixed;
	z-index: -1;	
	width: 100%; 
	height: auto; 
	font-family:quicksand;
	font-size: 110%;
	text-align: center;
	bottom: 8px;
}

a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}
/*
@media (max-width: 1000px) {
	#main {
		width: 100vw;
	}
	#login {
		width: 90%;
	}
}*/