html,
body {
  min-height: 100%;
  background: #f5f5f5;
}

.page-content,
.content-wrapper {
  min-height: 100vh;
}

.content {
  min-height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}

.login-form .card {
  border-color: #ddd;
  border-radius: 0.1875rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.login-form .card-body {
  padding: 1.25rem;
}

.login-form .form-control {
  height: 2.25003rem;
}

.btn-primary {
  background: linear-gradient(90deg, #512da8 0%, #7e3fd2 100%);
  border-color: #673ab7;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(90deg, #4e259f 0%, #6b33db 100%);
  border-color: #4e259f;
}

.non-field-errors {
  color: red;
  font-size: small;
  min-height: 1px;
  padding-right: 42%;
  padding-left: 5px;
  text-align: justify;
}