html,
body,
.auth-container {
  height: 100%;
  min-height: 100%;
  background: #1d4d95;
}

.auth-container header {
  background: #0058a9;
  text-align: center;
  padding: 40px 0;
}

.auth-container header img {
  display: inline-block;
  width: auto;
  height: 80px;
}

.auth-container main {
  min-height: calc(100% - 200px);
  padding: 3rem 0;
}

.auth-container main .row {
  max-width: 280px;
  margin: 0 auto;
}

.auth-container footer {
  text-align: center;
}

.auth-container footer,
.auth-container footer a {
  line-height: 40px;
}

.auth-container a {
  color: #ddd;
}

.auth-container a:hover {
  color: #cccece;
}

.auth-container input,
.auth-container input:focus,
.auth-container input:active {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 0 none;
  color: #cccece;
}

.auth-container .btn-primary {
  background: #0058a9;
  color: #cccece;
  border-color: #367dc0;
}

.auth-container .btn-primary:hover,
.auth-container .btn-primary:active,
.auth-container .btn-primary:focus {
  background: #002d57;
  border-color: #1a3955;
}

.pwd-field {
  position: relative;
}

.pwd-field .entypo-eye {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 10px 6px;
  line-height: 25px;
}

.pwd-field .entypo-eye:before {
  font-size: 16px;
}

.pwd-field .entypo-eye.show {
  color: #fff;
}

@media (max-width: 768px) {
  .auth-container header {
    padding: 20px 0;
  }

  .auth-container header img {
    height: 60px;
  }

  .auth-container main {
    min-height: calc(100% - 140px);
  }
}