@charset "utf-8";

body {
    text-align:center;
  }
  
#login {
  margin:auto;
  text-align:center;
  max-width:390px;
  min-height:250px;
  max-height:350px;
  padding:10px 0;
  font-size: 2em;
  margin-top: 30px;
}
  

#login h1 {
  font-size:1.1em;
  font-weight:bold;
  background:#086484;
  color:#FFF;
  padding:2px;
  margin-bottom:15px;
}

#login h2 {
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:15px;
}

/* #login form {
  width:100%;
  margin:0 auto;
} */

#login label {
  width:80%;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  font-size:80%;
}

#login input {
  margin-bottom:10px;
  background:#FFF;
  border:solid 1px #888;
  width:80%;
  padding: 3px 10px;
}

#login button {
  margin-top:30px;
  padding:10px;
  background:#000;
  border:none;
  color:#FFF;
  width:75%;
  font-size: 80%;
}

#login button:active {
  opacity: 0.5;
}

#login label {
  display:block;
  text-align:left;
}

#login p {
  padding-top:10px;
}

#login p.err {
  color:#FF3300;
  margin-top:0;
}

.login-button {
  padding:5px;
}

.validator_message {
  color:red;
  font-size: 16px;
  font-weight: bold;
}