html,
body {
  font-family: "Mulish", sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 15px;
}

body {
  background-image: url("../img/bg_signatus.png");
  background-size: cover;
}

.kcInputGroup #password {
  padding-right: 20px !important;
}

.input-invalid.input-touched {
  border-color: var(--p-red-500);
}

.kcFormHeaderClass {
  position: relative;
  z-index: 0;
}

.kcFormHeaderClass::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--shadow-height, 0px); /* dynamically set via JS */
  box-shadow: 0 0 3px #0000001a;
  pointer-events: none;
  z-index: -1;
  border-radius: 0.75rem;
}