body, html {
	height:100%;
}
.login-wrapper {
	width:100%;
	height:100%;
	padding:1px;
	background-color:rgba(0,0,0,.2);
	background-image:url(/tpl/img/misc/black-dot.png);
}
.page-login {
	background-image:url(/tpl/img/admin/login-background.jpg);
	background-repeat:none;
	background-size:cover;
	background-color:#333;
}
	.login-box {
		padding:20px;
		color:#fff;
		/*background-color:rgba(0,0,0,.4);*/
	}
	.login-box .brand {
		color:#fff;
	}
	.login-box .brand > span {
		color:#0cf;
	}
	.login-box .alert {
		/*margin:0 -60px;*/
		text-align:center;
	}
	.login-box fieldset {
		/*margin-top:60px;*/
	}
	.login-box .form-control {
		background-color:#fff;
		border-color:#fff;
	}
	.login-box .radio input:checked ~ span.name, 
	.login-box .checkbox input:checked ~ span.positive-label {
		color: #fff;
	}
	.login-box .fa {
		margin-top:6px;
		color:#fff;
		font-size:20px;
	}
	.login-extra-links {
		margin-top:40px;
		/*font-size:12px;*/
		color:#04627e;
		text-align:center;
	}
	.login-box a {
		color:#90e2fb;
	}
	.login-box a:hover {
		color:#fff;
	}
	.login-box .btn {
		
	}
	.login-box .btn:active {
		background-color:#aaa;
		border-color:#aaa;
	}

	.page-login .alert-login {
		margin-top:100px;
	}	
	@media(max-width:768px) {
		.page-login .alert-login {
			margin-top:-340px;
		}
	}