@import url('https://fonts.googleapis.com/css?family=Exo:400,500&effect=shadow-multiple');

body {
  font-family: 'Exo', sans-serif;
  font-weight: 400;
  padding: .75rem .5rem;
  background-color: whitesmoke;
}

a { color: #044377; }
a:hover { color: #0074D9; }
b { font-weight: 500; }

.form-login, .alert {
    max-width: 21rem;
    margin: auto;
}

.form-login .card {
    border-color: #CDD2D8;
    background-color: #F0F0F0;
}

.form-login .form-login-heading {
  color: #292b2c;
  font-weight: 500;
}

.form-login .form-login-heading .form-logo {
    width: 7rem;
}

.form-login .form-login-heading .heading-sub-text {
  line-height: 1rem;
}

.form-login .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .375rem .5rem;
  font-size: 1em;
}

.form-login .form-control:focus {
  z-index: 2;
  border-color: #007bff; 
  box-shadow: 0 0 0 0.0625rem rgba(0, 123, 255, .25);
}

.form-login input[type="text"] {
  margin-bottom: -.0625rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-login input[type="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-login .btn[type="submit"] {
    cursor: pointer;
    border-color: #777;
    font-weight: 500;
}

.form-login .btn[type="submit"]:hover {
    color: gold;
}