html, body{ min-height: 100%; }
body {
  min-height: 100%;    
  background-color: #FFF;
  background-image: url('../img/bg-bulanan.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: #C92923; color: #FFF; border-color: 1px solid #C92923; }
@media (max-width: 767px) {
	.login{ margin-top: 20px; }
}
@media only screen and (min-device-width : 768px){
	.login{margin-top: 30%; }	
}