body, html {
	margin:0px;
	padding: 0px;
}

.login-frame {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	background: url('../assets/img/wallpapers/wp02.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.login-frame a.link { color:#fff; text-decoration:none; }

.errorLogin { color:#ff1e1e; font-weight:normal; }


.login-container {

	position: fixed;
	height: 100%;
	/* width: 400px;
	margin-left:80px; */
	left:0;
	top:0;
	z-index: 9999;
	color: #fff;
	
	background-color: rgba(99, 99, 99, 0.9);
}

.login-container-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.login-container .header { font-size:2rem; font-weight:200; }
.login-container .header img { width: 89%; }

.login-container-inner .top { flex: 1 1 auto; }
.login-container-inner .center { flex: 1 1 auto; }
.login-container-inner .bottom { flex: 0 1 90px; text-align: center; font-size:11px; padding:0px 25px; }

.login-container-inner .center .header { padding: 0px 30px; text-align:center; }

.login-container .form { padding:0px 30px; }

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.login-container .header { margin-bottom: 15px; width: 100%; }
	.login-container { width:100%; margin-left:0px; }
	.login-container-inner { overflow:auto; justify-content:flex-start; }
	/*.login-container-inner .top { flex: 1 1 0%; }*/
	.login-container-inner .center { flex: 1 1 auto; }
	.login-container-inner .bottom { flex: 0 1 90px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.login-container .header { margin:15px 0px; width: 100%; }
	.login-container-inner { overflow:auto; justify-content:flex-start; }
	.login-container { width:100%; margin-left:0px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.login-container .header { margin:45px 0px; width: 100%; }
	.login-container-inner { overflow:hidden; min-height:auto; }
	.login-container { width:400px; margin-left:80px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.login-container .header { margin:45px 0px; width: 100%; }
	.login-container { width:400px; margin-left:80px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.login-container .header { margin:45px 0px; width: 100%; }
	.login-container { width:400px; margin-left:80px; }
}


.login-form {
	padding:0px 25px;
}


/*
.login-choice {
	display: flex;
	color: #fff;
	padding: 10px 10px;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.3);
	margin:6px 0px;
	
}

.login-choice:hover {
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.login-choice .left { flex:0 0 100px; }
.login-choice .right { flex:1 1 auto; padding:15px; }

.login-choice .icon { font-size:60px; text-align:center; }
.login-choice .title { display:block; font-size:22px; }
.login-choice .description { display:block; font-size:11px; }
*/

p.login-info { font-size:11px; }


#go2appBtn { margin-bottom:15px; }


/*#login-form { display:none; }*/
#WelcomeMessage { margin:30px 30px; }
#login-feedback { margin:10px 30px; text-align: center; }

.reset-login {
	display: none;
	color: #fff;
	text-align: center;
	text-decoration: none;
}



#login-feedback .error {
	color:#ffb5b6;
	margin-top: 15px;
}



.reset-pw .box-wrapper {
	margin-top:15%;
}
.reset-pw .box {
	width: 400px;
	background-color: rgba(99, 99, 99, 0.9);
	color: #fff;
	padding:20px;
	border-radius: 3px;
}
.reset-pw .box.box-center {
	margin:0 auto;
}