:root {
  --pf-v5-global--primary-color--100: hsl(217 100% 16.1%);
  --pf-v5-global--palette--blue-400: var(--pf-v5-global--primary-color--100);
  --pf-v5-global--link--Color: var(--pf-v5-global--primary-color--100);

  --pf-v5-global--primary-color--200: hsl(217 100% 21.1%);

  --pf-v5-global--danger-color--100: rgb(226, 0, 26);
  --pf-v5-global--danger-color--200: var(--pf-v5-global--danger-color--100);
}

body {
  color: #707070;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
}

.login-pf body {
  background: white;
}

div.kc-logo-text {
  background: white url("../img/hartrodt_logo.svg") center no-repeat;
  background-size: contain;
}

div.pf-v5-c-login__main-header {
  grid-template-columns: auto;
}

.pf-v5-c-form-control > :is(input, select, textarea):focus,
.pf-v5-c-check__input:focus,
.pf-v5-c-button.pf-m-primary:focus,
.pf-v5-c-button.pf-m-secondary:focus {
	outline-offset: var(--pf-v5-c-form-control--OutlineOffset);
  outline: 1px solid var(--pf-v5-global--primary-color--100);
}

.pf-v5-c-check__label {
  font-size: var(--pf-v5-c-form__label--FontSize);
}

.login-footer {
  margin-block-start: 2rem;
  font-weight: 700;
  color: var(--pf-v5-global--primary-color--200);
  font-size: .9375em;
  text-align: center;
  
}