html, body {
		/*	height: 100%; */
}
		body {
			background-image: url(../images/login.jpg);
			background-size: auto;
			background-position: center;
}
		#loginbox {
			position: absolute;
      			top: 50%;
      			left: 50%;
      			transform: translate(-50%, -50%);
		}
		a {
			color: #666666;
		}	
		form a, #formresult {
			font-size: 17px;
			font-weight: bold;  
		}
		form a:hover, a:hover {
			color: #444444;
			text-decoration:none;
		}
		
		label,.result_ok { 
			font-size: 17px;  
			font-weight: bold;
			color: #666666;
		}
		
		.login-input {
			font-size: 20px;  
			color: #111111;
		}
		.login-input {
			font-weight: bold;
		}

		h1, footer {
			color: #cccccc;
		}
		h2 {
			color: #666666;
		}
		footer {
			width:80%;
			position: absolute;
			left:49%;
      			bottom: 21px;
      			transform: translate(-50%, 10%);
			text-align:left!important;
			color:#cccccc;
			/* comment this to show footer on login page: */ display: none; 
		}	
		.form-error {
			font-weight:bold;
			color:#eb613d;
		}