body {
  background:#f5f7fb;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
  width:100%;
}

#navigation {
  height:30px;
  width:100%;
  background:linear-gradient(to right, #1B8783 0%, #2CEAB7 30%, #207CCA 78%, #4D427A 100%);
}

.container {
  width:100%;
  box-sizing:border-box;
}

h1 {
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  font-size:28px;
  margin-top:20px;
  color:#1f3b57;
}

.form-signin {
  position:relative;
  max-width:none;
  padding:0;
  margin:0 auto;
  font:14px Arial, Helvetica, sans-serif;
  height:auto;
}

.form-signin-heading {
  display:inline-block;
  margin-bottom:10px;
  font-size:14px;
}

.form-signin-heading a {
  font-weight:bold;
  color:#2f80ed;
  text-decoration:none;
  margin-left:2px;
}

.form-signin .checkbox {
  font-weight:normal;
  margin-bottom:10px;
}

.form-signin a {
  font-weight:bold;
  color:#2f80ed;
  text-decoration:none;
}

.form-signin .form-control {
  box-sizing:border-box;
  width:100%;
  box-shadow:none;
}

.form-signin .form-control:focus {
  z-index:2;
  border-color:#2f80ed;
  outline:none;
  box-shadow:0 0 0 3px rgba(47,128,237,0.12);
}

.form-control {
  margin:0;
  padding:9px 11px;
  font-size:14px;
  font-weight:400;
}

.form-signin ul {
  color:#f00;
}

.form-signin .errorMessage {
  color:#f00;
}

#fooDiv {
  display:none;
}

@media (max-width:640px) {
  .form-signin {
    padding:22px 18px !important;
  }

  .container {
    margin-top:24px !important;
  }
}