:root {
  --pf-global--primary-color--100: hsl(11 81% 52%);
  --pf-global--primary-color--200: hsla(11, 81%, 52%, 0.88);
}

.pf-c-button {
  --pf-c-button--m-control--active--after--BorderBottomColor: hsl(11 81% 52%);
  --pf-c-button--m-control--hover--after--BorderBottomColor: hsl(11 81% 52%);
  --pf-c-button--m-control--focus--after--BorderBottomColor: hsl(11 81% 52%);
}

.pf-c-form-control {
  --pf-c-form-control--hover--BorderBottomColor: hsl(11 81% 52%);
  --pf-c-form-control--focus--BorderBottomColor: hsl(11 81% 52%);
}

.login-pf body {
  /* background: hsl(210deg 97% 8%); */
  background: linear-gradient(hsl(210deg 97% 8%), 70%, hsl(193deg 45% 40%));
}

.login-pf .login-pf-page {
  /* transform: translate(0%, 50%); */
  padding-top: 100px;
}

.login-pf #kc-header-wrapper {
  background-image: url("../img/visiondata-logo-blanc_1.svg");
  background-size: cover;
  height: 90px;
  width: 157px;
  display: inline-block;
  filter: drop-shadow(0px 0px 4px black);
  /* Hide the text. */
  color: transparent; /* make the text invisible */
  user-select: none; /* prevent selection of the text */
}

.login-pf #kc-info-wrapper {
  background-color: hsl(58deg 6% 96%);
  border-radius: 1rem;
}

.login-pf .card-pf {
  border-radius: 1rem;
  border-top: none;
  /* box-shadow: var(--pf-global--BoxShadow--md); */
  box-shadow: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.4),
    0 0 0.375rem 0 rgba(3, 3, 3, 0.3);
}

.login-pf input {
  border-radius: 8px;
}

.login-pf button {
  border-radius: 8px;
}