html,body {
  width: 100%;
  height: 100%;
}
#login {
  /*background-image: url('../img/bg_login.png');
  background-position: top center;
  background-repeat: repeat-x;*/
  background-color: #FFF;
  width: 100%;
  height: 100%;
}
#login input {
  width: 250px;
  padding: 6px;
  background-color: #EAEAEA;
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
  font-family: 'Source Sans Pro';
  border: 1px solid #666;
}
#login button:hover { background-color: #AAAAAA; }
#login button {
  width: 150px;
  padding: 6px;
  background-color: #CCCCCC;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  font-family: 'Source Sans Pro';
  border: 1px solid #666;
  border-radius: 5px;
}
#login h1 {
  font-family: 'Source Sans Pro';
  font-size: 22px;
  color: #263167;
}
::-webkit-input-placeholder { color: #666; } /* WebKit */
:-moz-placeholder { color: #666; } /* Firefox 18- */
::-moz-placeholder { color: #666; } /* Firefox 19+ */
:-ms-input-placeholder { color: #666; } /* IE 10+ */

#cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(0,0,0,0.6);
}
#cover_load {
  z-index: 1000000;
  text-align: center;
  position: absolute;
  left:50%; 
  top:50%; 
  transform:translate(-50%,-50%); 
  -moz-transform:translate(-50%,-50%); 
  -webkit-transform:translate(-50%,-50%); 
  background-color: white;
  padding: 30px;
  border: 1px solid gray;
  border-radius: 10px;
}