* {
  margin: 0;
  padding: 0;
}

body {
  background: #265a88;


}

body, input, button, p {
  font-family: 'Source Sans Pro', sans-serif;
}

#top {
  text-align: center;
  margin-top: 5%;
}

#footer {
  text-align: center;
}

.login {
  padding: 15px 15px 15px 15px;
  width: 400px;
  min-height: 300px;
  margin: 2% auto 0 auto; 

}

.login .heading {
  text-align: center;
  margin-top: 1%;
  border: 1px solid white;
  background-color: white;
  padding:30px;

}

h2 {
  font-size: 3em;
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  display: inline-block;
  padding-bottom: 5px;
  text-shadow: 1px 1px 1px black;

}


.login .heading h2 {
  font-size: 3em;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  padding-bottom: 5px;
  text-shadow: 1px 1px 1px black;

}

.login .heading h3 {
  font-size: 2em;
  font-weight: 300;
  color: rgba(255, 255, 255, .7);
  display: inline-block;
  padding-bottom: 5px;

}


.username_field {  
      //border-top: 1px solid rgba(0, 0, 255, 0.1);
      //border-bottom: 1px solid rgba(0, 0, 255, 0.1);
      border: 0px; 
      background-color: #e5e5e5;
}

.password_field {
      //padding-top: 10px;
      //border-bottom: 1px solid rgba(0, 0, 255, 0.1);  
      border: 0px;
      background-color: #e5e5e5;

}

.spacer {
  border: 0px;
  background-color: white;
  padding: 10px;
}

.login form span {
  background: transparent;
  min-width: 53 px;
  border: none;

}

.login form input.form-control {
      padding: 10px;
      font-size: 1.6em;
      width: 100% !important;
      background: transparent !important;
      color: black;
      display: block;
      width: auto;
      height: auto;
      border: none;
      outline: none;
      box-shadow: none;
      background: none;
      border-radius: 0px; 
}

.login form button {
      margin-top: 20px;
      background:linear-gradient(to bottom,#337ab7 0,#265a88 100%);
      border-color: #245580;
      border: none;
      font-size: 1.6em;
      font-weight: 300;
      padding: 5px 0;
      width: 100%;
      border-radius: 3px;
      color: white;
      border-bottom: 4px solid darken(#245580, 10%);

}

.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

::-webkit-input-placeholder {
   color: gray;
}

:-moz-placeholder { /* Firefox 18- */
   color: gray;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: gray;  
}

:-ms-input-placeholder {  
   color: gray;  
}

.error {
  color: red;
  font-family: 'Source Sans Pro', sans-serif;
  
}