@charset "utf-8";
/* CSS Document */

body { background: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

a:link {text-decoration: none; color: #ccc;}
a:visited {text-decoration: none; color: #ccc;}
a:active {text-decoration: none; color: #ccc;}
a:hover {text-decoration: none; color: #d00;}

img {max-width: 100%;}

.loginbox { background: transparent; padding: 15px; width: 300px; margin: 4% auto 0 auto; position: relative; }
.loginheader { height: 50px; text-align: center;}
.loginform { margin-top: 35px; }

.loginbox input { 
	padding: 10px 3%; background: #eee; color: #666; text-align: center;
	margin-top: 15px; font-size: 16px; line-height: 18px; border: 0; width: 300px; 
	outline: none; 
	box-sizing: border-box;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);	
	outline:0;
}
.loginbox button { 
	background: #474747; padding: 10px 10px; font-size: 18px; line-height: 18px; border: 0; letter-spacing: 1px; color: #eee; width: 160px;
	cursor: pointer; display: inline-block;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	outline:0;
	margin: 20px auto 0 auto;
}
.loginbox button:hover { background: #d00; color: #eee; }
.loginbox button:active { background: #d00; color: #fff; }
.loginerror { color: #990000; background: #fbe3e3; padding: 0 10px; overflow: hidden; display: none; }
.loginerror { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
p { margin: 0px; padding: 0px;}

.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.get-access {color: #999; text-align: center; font-size: 13px; padding-top: 10px;}
.qrborder {background-color: #eee; padding: 5px; overflow: hidden; display: block; width: 100px; margin: auto;}

@media screen and (max-width: 430px) {

.loginform p {position: relative;}
	
	.loginbox { width: auto; }
	.loginbox input { width: 94%; box-sizing: content-box; }
	.loginbox button { width: 70%; }
	
}