@CHARSET "ISO-8859-1";

/* white: #ffffff */
/* blue: #008acc */
/* darkgray: #222222 */
/* lightgray: #d3d3d3 */
/* lightgray: #cccccc */

/* Set the background and make it blurry */
body  {
	background-color: #008acc;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	padding-top: 0px;
}

body:BEFORE {
	content: "";
	position: absolute;
    height: 100%; 
    width: 100%;
	z-index: -1;
	
	background: url('../images/background-1080p-compressed.jpg') no-repeat ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
/* 	filter: blur(2px); */
/* 	-webkit-filter: blur(2px); */
/* 	-moz-filter: blur(2px); */
/* 	-o-filter: blur(2px); */
/* 	-ms-filter: blur(2px); */
}


/* The container for the login form */
.login {
	width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	background-color: #ffffff;
	padding: 20px;
	padding-top: 10px;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
}
.TOTPinitializeText{
	width:400px;
}
.TOTPseedQR{
	width:500px;
}
.TOTPentercode{
	width:400px;
}
.login.alert-shown {
	margin-top: -150px;
}
.login form h3 {
	text-align: center;	
}
#username {
	border-bottom: 0px;
}
#TOTPtoken {
	text-align:center; 
}
.login form .form-group input.form-control:first-child:focus {
	border-bottom: #66afe9 solid 1px;
}
.version {
    position: fixed;
    bottom: 30px;
    left: 30px;
    font-size: .8em;
    color: white;
}
em#version{
	font-style: inherit;
}
img.logo {
	height:2em;
}