body input {
  font-weight: 300;
}

body p {
  font-weight: 700;
}

body p.subtitle {
  padding-top: 1rem;
}

body .fas {
  margin-left: 5px;
}

body main.columns {
  background: url("../../img/login-background.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  min-height: calc(100vh - 70px);
}

body .mw-4 {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 1rem;
  padding-bottom: 4rem;
}

body .mw-4 .box {
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  margin-top: 5rem;
  position: relative;
  padding-top: 85px;
  width: 100%;
  min-width: unset;
  border-radius: 10px;
  border: none;
  background: #fff;
}

body .mw-4 .box .avatar {
  background: #fff;
  border-radius: 50%;
  margin-top: -70px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 145px;
  width: 144px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  border: 6px solid #fff;
}

body .mw-4 .box .avatar img {
  width: 100%;
  height: auto;
}

body .mw-4 .box h2 {
  font-size: 1.7em !important;
  color: #555;
}

body .mw-4 .box .field .label {
  color: #666;
}

body .mw-4 .box .field .input {
  border-radius: 2px;
}

body .mw-4 .box .button {
  border-radius: 1px !important;
}

body header .navbar .navbar-brand .sidebar-btn {
  display: none;
}

@media only screen and (max-width: 1023px) {
  body main .columns {
    height: calc(100vh - 66px);
  }
}

@media only screen and (max-width: 497px) {
  body main.columns {
    background-size: cover;
    background-repeat: no-repeat;
  }
  body body .mw-4 {
    min-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 398px) {
  body .auth-form {
    font-size: 15px;
  }
}
/*# sourceMappingURL=login.css.map */