body {
  background-color: #FCFCFC !important;
  font-size: 14px;
}

.ui-card.login {
  margin: 20px auto;
  padding: 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  width: 600px;
  border-radius: 4px;
}

.logo-xs {
  width: 100px;
}

.login-logo {
  margin-top: 30px;
  text-align: center;
}

.login-logo img {
  max-height: 120px;
}

.input-text-wrap {
  padding-top: 15px;
  margin-bottom: 20px;
}

.input-text {
  text-align: center;
  font-size: 14px;
}

.vertical-bottom {
  vertical-align: bottom;
}

.no-border .ui-widget-content {
  border: none;
}

.margin-right {
  margin-right: 10px;
}

.input-text-wrap [type=text], .input-text-wrap [type=password] {
  width: 100%;
  padding: 10px;
  background-color: rgb(232, 240, 254);
  border: 0;
  border-bottom: 1px solid #d4dadf;
  transition: 0.3s border-color, 0.3s box-shadow;
  border-radius: 4px;
  height: 40px;
}

.ui-inputfield.ui-inputtext.ui-state-default {
  border: none;
  box-shadow: none;
}

.login-btn {
  margin: 20px 0;
  text-align: center;
}

.login-password-options {
  margin-top: 10px;
}

.login-link {
  text-align: center;
  display: block;
}

.link {
  color: #489be8;
  text-decoration: none;
}

.btn-primary {
  color: #FFFFFF;
  background: rgba(26, 130, 226, 0.8);
  border-color: #1a82e2;
}

.header {
  color: #294661;
}

@media screen and (max-width: 700px) {
  .ui-card.login {
    width: 90%;
  }
}

/*# sourceMappingURL=login.css.map */