:root {
  --primary-color: #CB3232;
  --primary-color-hover: #DD7C7C;
  --primary-color-focus: #EB1616;
  --border-color: #ced4da;
  --border-color-focus: #e5e7ff;
  --font-color: #526484;
  --header-color: #364a52;
  --label-color: #334355;
}
body {
  --pf-global--Color--100: var(--font-color);
  --pf-global--link--Color--dark: var(--primary-color);
  --pf-global--link--Color--dark--hover: var(--primary-color-hover);
  --pf-global--BackgroundColor--dark-100: #fff;
  --pf-global--FontFamily--sans-serif: -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
input.pf-c-button.pf-m-primary {
  --pf-c-button--m-primary--Color: #fff;
  --pf-c-button--m-primary--BorderRadius: 0.25rem;
  --pf-c-button--m-primary--BackgroundColor: var(--primary-color);
}
input.pf-c-button.pf-m-primary.pf-m-block.btn-lg:hover {
  --pf-c-button--m-primary--Color: #fff;
  --pf-c-button--m-primary--hover--BackgroundColor: var(--primary-color-hover);
}

input.pf-c-button.pf-m-primary.pf-m-block.btn-lg:active {
  --pf-c-button--m-primary--active--BackgroundColor: var(--primary-color-focus);
}
input.pf-c-button {
  --pf-c-button--PaddingTop: 0.6rem;
  --pf-c-button--PaddingBottom: 0.6rem;
  --pf-c-button--PaddingLeft: 1rem;
  --pf-c-button--PaddingRight: 1rem;
  --pf-c-button--FontWeight: bold;
  --pf-c-button--FontSize: 1rem;
  --pf-c-button--m-secondary--BorderColor: transparent;
  --pf-c-button--m-secondary--Color: var(--primary-color);
  --pf-c-button--m-secondary--hover--BorderColor: transparent;
  --pf-c-button--m-secondary--hover--Color: var(--primary-color-hover);
}
#kc-header {
  background-image: url(../img/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#kc-header-wrapper {
  visibility: hidden;
}
#ibbwfooter {
  margin-top: 50px;
  justify-content: center;
  display: flex;
}
.card-pf {
  border-top: none;
  border-color: none;
}

a {
  --pf-global--link--Color: var(--primary-color);
  color: var(--primary-color);
}
a:hover {
  --pf-global--link--Color--hover: var(--primary-color-hover);
  color: var(--primary-color-hover);
}
.login-pf a:hover {
  --pf-global--link--Color--hover: var(--primary-color-hover);
  color: var(--primary-color-hover);
}
.login-pf body {
  background: none;
}