.container {
	
	margin : 10px auto;
}
@media screen and (max-width: 900px) {

	.container {
		width : calc(100% - 60px);
	}
}
header {
	text-align: center;
	height: auto;
	margin : 0 0 30px 0;
	
	
}
.logo {
	
	margin : 20px;
	
}

.message-denied {
	
	text-align : center;
	margin-bottom : 80px;
	
	font-size : 16px;
	font-weight : bold;
	color : #ff0000;
	
	
}

#loginForm {
	
	max-width: 300px;
	margin: auto;
	text-align : center;
	margin-bottom : 80px;
}


#loginForm .message-denied {
	margin-bottom : 10px;
}
.form-group {
	width : 100%;
	text-align : center;
	margin-bottom : 10px;
	
}

	.form-group label:not(.control-label) {
		display : block;
		/* display : none; */
		width : 100%;
		font-size : 16px;
		font-weight : bold;
		padding : 5px 5px 10px 5px;
	}
	.form-group input[type="password"] {
		
		width : 100%;
		text-align : center;
		border : 1px solid #cccccc;
		font-size : 14px;
		border-radius : 5px;
		padding : 8px;
	}
	.form-group input[type="submit"] {
		
		
		
		
		width : 100%;
		text-align : center;
		border : 0px solid #cccccc;
		font-size : 14px;
		border-radius : 5px;
		padding : 10px;
		
		cursor : pointer;
		
		background-color : #1b2e3d;
		color : #fff;
	}
	.form-group input[type="submit"]:hover {
		
		background-color : #0787c4;
	}





.btn, 
.btn:link, 
.btn:visited {
	color : #fff;
	text-decoration : none;
	margin-top : 0;
}