html, body{ min-height: 100%; }
body {
  min-height: 100%;      
  background-image: url('../img/login2026.jpg'); 
  background-size: cover; background-attachment: fixed;  
}
.login{ background-color: #FFF; border:2px solid #DDD; padding:20px 20px 30px 20px; border-radius: 5px; opacity: 0.9; }
.login .box-header{ width: 100%; text-align: center; }
.login .box-header .logo{ width: 80px; border:3px solid #FFF; border-radius: 40px;}
.login h3{ text-align: center; font-weight: bold; color: #455969; }
.login label{ color: #455969; }
.login input[type="text"],
.login input[type="password"]{ border-radius: 20px; padding:20px 15px; }
.login .box-footer{ width: 100%; text-align: center; }
.login .box-footer .btn-login{ border-radius: 25px; padding: 8px 15px; }
.btn-primary{ background-color: #E30F04; color: #FFF; border: 1px solid #E30F04; }
@media (max-width: 767px) {
	.login{ margin-top: 20px; }
}
@media only screen and (min-device-width : 768px){
	.login{margin-top: 30%; }	
}