@charset "utf-8";


html, body{	
height:100%;
margin:0;
padding:0
}

body.login {
background-color:#F0F0F0;
}

body.login .container {	
background-color:transparent;
height: 100%;
width: 100%;
display: table;
vertical-align: middle;
margin: 0;
padding: 0;
}


body.login .container .row {	
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
}


body.login .container .row > div {	
position: relative;

float: left;
margin: 0;
padding: 0;
}


body.login .container .panel {
border: 30px solid #333;
border-top:none;
text-align:center;

position: relative;

}




body.login .container .panel .panel-body {
padding: 40px;
}


body.login .container .panel .panel-heading {
	background-color:#333;
	padding: 15px 15px;
}



body.login .container .panel p.help-block-top {
	margin-top: 0px;
	margin-bottom: 20px;
}

body.login .container .panel button.btn {
	margin-top: 20px;
}


body.login .form-control {
border: 1px solid #f0f0f0; 
}




@media (min-width:828px){	

	body.login .container .row > div {
	left: 50%;
	}	

	body.login .container .panel {
	left: -50%;
	}

	body.login .alert {
	left: -50%; 
	position: relative;
	}

}