html body input.error {
  border: 1px solid red;
}
html body #login-card {
  flex-basis: 25%;
  border-radius: 0;
}
html body div.error,
html body label.error {
  color: #e52329 !important;
}
html body .form-group {
  position: relative;
}
html body .form-control:focus {
  box-shadow: none;
}
html body input.form-control {
  padding: 28px;
}
html body .input-group > .form-control:focus {
  z-index: unset;
}
html body .bootstrap-select {
  width: 100% !important;
}
html body .logon-background {
  background-image: url("../images/logon_background.jpg");
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
html body input[type=text]:focus + label,
html body input[type=password]:focus + label,
html body input[type=text].not-empty + label,
html body input[type=password].not-empty + label {
  font-size: 0.75rem;
  top: -6px;
  background-color: #ffffff;
  padding: 0 0.25rem;
  color: #001428;
  width: auto;
}
html body input[type=text] + label,
html body input[type=password] + label {
  transition: all 0.2s ease;
  position: absolute;
  top: 0.6rem;
  color: #b0b2b9;
  left: 1rem;
  width: auto;
  pointer-events: none;
}
@media (max-width: 1200px) {
  html body #logon-banner {
    display: none !important;
  }
}
@media (max-width: 768px) {
  html body #login-card {
    flex-basis: 100%;
  }
}