:root {
  --pf-global--BorderRadius--sm: 4px;
  --pf-global--Color--100: white;
  --pf-global--Color--200: white;
  --pf-global--danger-color--100: #432975;
  --pf-global--danger-color--200: #432975;
  --pf-global--danger-color--300: #432975;
  --pf-global--FontFamily--sans-serif: "Open Sans", sans-serif;
  --pf-global--LineHeight--sm: 1.5;
  --pf-global--LineHeight--md: 2;
  --pf-global--primary-color--100: #432975;
  --pf-global--primary-color--200: #432975;
  --pf-global--secondary-color--100: #333333;
  --pf-global--secondary-color--200: #fff000;
  --pf-c-button--m-control--BackgroundColor: #e0e0e0;
  --loungeUpNavBar: white;
  --loungeUpCard: #fbfaf9;
}

.pf-c-button {
  --pf-c-button--m-control--BackgroundColor: #e0e0e0;
}

a,
a:hover,
.login-pf a:hover {
  color: var(--pf-global--primary-color--100);
}

body {
  color: var(--pf-global--primary-color--100);
}

#kc-locale-dropdown button {
  color: var(--pf-global--primary-color--100);
}

button#kc-current-locale-link::after {
  content: unset;
}

#kc-email-otp-form .form-group {
  display: flex;
  flex-direction: column;
  gap: var(--pf-global--spacer--lg);
  margin: 0;
}

#kc-email-otp-form #kc-form-buttons {
  display: flex;
  gap: var(--pf-global--spacer--md);
  justify-content: center;
  margin: 0;
}

#kc-email-otp-form #kc-form-options {
  display: flex;
  justify-content: right;
  padding-left: 20px;
  padding-right: 20px;
}

#kc-email-otp-form #resend {
  all: unset;
  color: var(--pf-global--primary-color--100);
  cursor: pointer;
  text-decoration: underline;
}

#kc-form-options .checkbox {
  color: var(--pf-global--primary-color--200);
}

#kc-info-wrapper {
  background-color: unset;
}

.btn-group-lg > .btn,
.btn-lg {
  line-height: var(--pf-c-button--LineHeight);
}

.card-pf {
  background-color: var(--loungeUpCard);
  color: var(--pf-global--primary-color--200);
  border-top: unset;
}

.card-pf hr {
  border-color: var(--pf-global--primary-color--200);
}

.kc-social-gray {
  color: inherit;
}

.kc-social-provider-logo {
  color: var(--pf-global--secondary-color--100);
  position: relative;
  top: 3px;
}

.kc-social-provider-name {
  color: var(--pf-global--secondary-color--100);
  top: unset;
}

.login-pf {
  background: var(--pf-global--primary-color--200);
}

.login-pf body {
  background: url("../img/keycloak-bg.png") no-repeat right bottom fixed;
}

.login-pf-page {
  padding-top: 0;
}

.login-pf-page .login-pf-signup {
  color: var(--pf-global--primary-color--100);
  font-size: var(--pf-global--FontSize--sm);
}

.pficon-key {
  display: none;
}

@media (max-width: 767px) {
  #kc-header {
    background-color: var(--loungeUpNavBar);
  }
  .login-pf-page .login-pf-page-header {
    margin-bottom: 0;
    padding: 10px 0;
  }
}

.login-pf-page-header #kc-header-wrapper {
  background: url("../img/keycloak-logo-text.png") no-repeat 1% center;
  background-size: auto 30px;
  color: transparent;
  padding: 12px;
  background-color: var(--loungeUpNavBar);
}

.pf-c-button,
.pf-c-button::after {
  --pf-c-button--borderradius: var(--pf-global--BorderRadius--sm);
  border: none;
  border-radius: var(--pf-c-button--borderradius);
}

.pf-c-dropdown__menu-item {
  background-color: var(--pf-global--secondary-color--100);
}

.pf-c-form-control,
.pf-c-input-group {
  --pf-c-form-control--borderradius: var(--pf-global--BorderRadius--sm);
  border: 1px solid var(--pf-global--BorderColor--300);
  border-radius: var(--pf-c-form-control--borderradius);
}

.pf-c-form-control[aria-invalid="true"] {
  background: var(--pf-global--BackgroundColor--100);
}

.pf-c-tile {
  --pf-c-tile--after--BackgroundColor: var(--pf-c-tile--BackgroundColor);
  --pf-c-tile--BackgroundColor: "transparent";
  --pf-c-tile--before--BorderWidth: 0;
  --pf-c-tile--focus__icon--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--focus__title--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--focus--after--BackgroundColor: var(--pf-c-tile--BackgroundColor);
  --pf-c-tile--hover__icon--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--hover__title--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--hover--after--BackgroundColor: var(--pf-c-tile--BackgroundColor);
  --pf-c-tile__title--Color: var(--pf-c-tile--hover__title--Color);
  --pf-c-tile__icon--Color: var(--pf-c-tile--hover__icon--Color);
  --pf-c-tile--after--BackgroundColor: var(
    --pf-c-tile--hover--after--BackgroundColor
  );
  --pf-c-tile--m-disabled--BackgroundColor: var(--pf-c-tile--BackgroundColor);
  --pf-c-tile--m-selected__icon--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--m-selected__title--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-tile--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-tile--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-tile--PaddingTop: var(--pf-global--spacer--sm);
}

.select-auth-box-headline {
  font-size: var(--pf-global--FontSize--md);
  color: var(--pf-global--primary-color--100);
  font-weight: bold;
}

.select-auth-box-icon {
  display: none;
}

.select-auth-box-parent {
  cursor: pointer;
}

.select-auth-box-parent:hover {
  background-color: unset;
}