/*form {
    border: 0 solid #f1f1f1;
    outline: 1;
    width: 100%;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: white;
  }
  */
body {
  background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('/static/img/mapsbackground.PNG');
  /*background-size: 100%;*/
  height: 100vh;
  background-size: cover;
  background-position: center;

}
.login-page{
width: 360px;
padding: 10% 0 0;
margin: auto;
}

.form{
position: relative;
z-index:1;
background: #fcfcfc;
max-width: 360px;
margin: 0 auto 100px;
padding: 45px;
/*text-align:center;*/
}
  /* Full-width inputs*/
  input[type=text], input[type=password],select,input[type=number] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }

.form input{
    font-family: "Roboto", sans-serif;
    outline: 1;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size:12px;
}


  /* Set a style for all buttons */
  button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
  }
  /* Add a hover effect for buttons */
button:hover {
    opacity: 0.8;
  }

.labels {
font-weight: bold;
text-align: left;
float: left;

}

  /* Extra style for the cancel button (red)
  .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
  }
  */
  /* Center the avatar image inside this container
  .imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
  }
  */
/* Add padding to containers
.container {
    padding: 10% 0 0;
    width: 360px;
    margin: auto;
  }
*/
  /* The "Forgot password" text
  span.psw {
    float: right;
    padding-top: 16px;
  }
  
  /* Change styles for span and cancel button on extra small screens
  @media screen and (max-width: 300px) {
    span.psw {
      display: block;
      float: none;
    }
    .cancelbtn {
      width: 100%;
    }
  }
*/