@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");

/* HTML */
.login-pf {
  --color-primary: #095797;
  --color-default: #007bc7;
  --color-secondary: #fff;
  --color-white: #f1f2f6;
  --color-text: rgba(51, 51, 51, 1);
  --color-text-title: #223654;
  --color-secondary-text: #00579c;
  --color-pale-text: rgba(0, 0, 0, 0.55);
  --color-gray-text: #808080;
  --color-interactive-text: var(--color-default);
  --color-interactive-text-on-bg: var(--color-secondary);
  --color-outline: #d6e2ef;
  --color-disabled: #e5e5e5;
  --color-disabled-text: var(--grey-medium-26);
  --color-danger: #d00025;
  --color-red-light: #fc4061;
  --color-red-extra-light: #fbe6e9;
  --color-warning: #faad14;
  --color-success: #009e45;
  --color-green-forest-extra-light: #f2faf5;
  --color-green-forest-dark: #00662d;
  --color-success-over: #007533;
  --color-gouv-qc: #095797;
  --color-gouv-qc-dark: #223654;
  --color-gouv-qc-light: #d6e2ef;
  --color-gouv-qc-extra-light: #ecf6fd;
  --color-blue-quebec-light: #43b7ff;
  --color-blue-quebec-medium-light: #0b72b2;
  --color-blue-sky-light: #abeaff;
  --color-blue-sky-extra-light: #ecf6fd;
  --color-blue-quebec-dark: #074578;
  --color-app-bg: #fff;
  --color-login-bg: #082244;
  --color-login-border: rgba(8, 34, 68, 0.2);
  --color-social-item: #344054;

  --color-link: #007bc7;

  --icon-color: var(--color-secondary-text);
  --icon-color-light: var(--color-blue-quebec-light);
  --icon-color-accent: var(--color-red-light);
  --icon-color-warning: #ffa91a;
  --icon-color-warning-dark: #664000;

  --grey-disabled: #424242;
  --grey-medium-26: #424242;
  --grey-medium-39: #636363;
  --grey-extra-light-77: #c5c5c5;
  --gray-extra-light-90: #e5e5e5;
  --grey-disabled-light: #d6d6d6;
  --grey-disabled-dark: #949494;

  --blue-azure-medium: #00aeab;

  /* Colors - variants */
  --color-primary-extra-dark: #223654;
  --color-primary-dark: #074578;
  --color-primary-medium: #0872db;
  --color-primary-light: #43b7ff;
  --color-primary-extra-light: #abeaff;
  --color-primary-background: #ecf6fd;
  --color-default-dark: #00579c;
  --color-secondary-dark: #abeaff;
  --color-outline-dark: #66d9ff;
  --color-danger-dark: #7d091e;

  --color-primary-light: rgba(49, 126, 48, 0.9);
  --color-default-light: rgba(0, 123, 199, 0.9);
  --color-secondary-light: rgba(171, 234, 255, 0.5);
  --color-outline-light: rgba(0, 0, 0, 0.02);
  --color-danger-light: rgba(208, 0, 37, 0.9);
  --color-interactive-text-light: #43b7ff;

  --color-default-background: rgba(214, 239, 255, 1);
  --color-secondary-background: #fafafa;

  --color-danger-pale: rgba(208, 0, 37, 0.05);
  --color-danger-pale-dark: rgba(208, 0, 37, 0.08);

  --color-default-shadow: rgba(21, 57, 86, 0.2);
  --color-warning-shadow: rgba(250, 173, 20, 0.2);
  --color-danger-shadow: rgba(255, 77, 79, 0.2);

  /* Spacing */
  --padding-tiny: 4px;
  --padding-small: 8px;
  --padding-medium: 16px;
  --padding-large: 24px;
  --padding-huge: 32px;

  /* Fonts */
  --font-family: "Roboto", sans-serif;
  --font-family-secondary: "Open Sans", sans-serif;
  --font-size: 18px;
  --font-size-medium: 14px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --font-weight-input: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;

  /* Heading */
  --font-size-h1: 40px;
  --font-size-h2: 32px;
  --font-size-h3: 24px;
  --font-size-h4: 20px;
  --font-size-h5: 18px;

  /* Animations */
  --transition-duration-small: 200ms;
  --transition-duration-medium: 300ms;
  --transition-duration-long: 400ms;

  /* Border-radius */
  --border-radius-btn: 4px;
  --border-radius-input: 6px;
  --border-radius-box: 4px;

  min-width: 300px;
  min-height: 400px;
}
.login-pf a:hover {
  color: #00579c;
}
/* BODY */
.login-pf body {
  background: var(--color-login-bg);
  background-size: cover;
  height: auto;
  width: 100%;
}

.visuallyhidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* PAGE HEADER */
.app-header {
  background: var(--color-gouv-qc);
  font-family: var(--font-family);
  line-height: inherit;
  padding: 0 var(--padding-large);
  width: 100%;
  color: var(--color-white);
  min-height: 5rem;
  display: flex;
  flex-direction: column;
}

.local .app-header {
  background-color: rgb(38, 166, 154);
}
.development .app-header {
  background-color: rgb(56, 142, 60);
}
.staging .app-header {
  background-color: rgb(255, 138, 101);
}
.acceptation .app-header {
  background-color: rgb(244, 67, 54);
}
.formation .app-header {
  background-color: rgb(255, 143, 0);
}

.app-header h1 {
  margin: var(--padding-small) 0;
  padding: 0;
  color: var(--color-white);
  font-weight: normal;
  font-size: 16px;
}

.app-header .wrapper > a.gerudo-link,
.app-header .wrapper > a:active.gerudo-link,
.app-header .wrapper > a:hover.gerudo-link {
  position: static;
  background: transparent;
  color: var(--color-white);
  padding: var(--padding-small) 0 0 0;
}

.app-header .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}

.app-header .primary-content,
.app-header .secondary-content {
  height: 100%;
}

.app-header .primary-content {
  align-items: center;
  display: flex;
}

.app-header .secondary-content {
  padding-right: 0;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.app-header .wrapper > .anticon-menu svg {
  color: var(--color-white);
}

.app-header a:focus {
  outline: var(--color-white) 2px solid;
}

.app-header button:focus {
  outline: var(--color-white) 2px solid;
  box-shadow: none;
}

@media all and (max-width: 600px) {
  .app-header {
    padding: 5px var(--padding-medium);
  }

  .app-header .wrapper > .primary-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .app-header .wrapper > .secondary-content {
    align-items: flex-start;
  }

  .app-header .logo svg {
    width: 204.8px;
    height: 57.6px;
  }
  .app-header .menu-burger {
    margin-top: 30px;
  }
}

/* CARD */
.kc-page-title {
  background-color: var(--color-gouv-qc-dark);
  border-radius: var(--border-radius-input) var(--border-radius-input) 0 0;
  color: var(--color-white);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  margin: 0;
  padding: 17.5px var(--padding-medium);
  text-align: center;
}

.login-pf-page-header {
  background: var(--color-gouv-qc);
}
@media (max-width: 600px) {
  .login-pf-page-header {
    /* position: absolute; */
    top: 0px;
    left: 0px;
    height: 98px;
    right: 0px;
    overflow: hidden;
  }

  .login-pf-page {
    background-color: var(--color-white);
  }
}

/* FORM - label */
.login-pf .form-group label {
  color: var(--grey-medium-39);
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semi-bold);
  padding: 0 0 var(--padding-tiny) 0;
}
/* FORM - button */
#kc-login {
  background: var(--color-primary-medium);
  border: 1px solid var(--color-primary-medium);
  color: var(--color-secondary);
  border-radius: var(--border-radius-btn);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-semi-bold);
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--transition-duration-small) ease-out,
    border-color var(--transition-duration-small) ease-out;
  user-select: none;
  white-space: nowrap;
}
#kc-login:hover,
.kc-social-item:hover,
#kc-login:active,
.kc-social-item:active,
#kc-login:focus,
.kc-social-item:focus {
  background: var(--color-primary-dark);
  border: 1px solid var(--color-primary-dark);
}
#kc-login:disabled {
  background: #757575;
  border: 1px solid #757575;
}

.instruction {
  font-size: 16px;
}

a {
  color: var(--color-primary);
}

.skip-to-content:focus {
  text-decoration: none;
  padding: var(--padding-small) !important;
}

/*IE compatibility*/
.pf-c-form-control {
  background-color: #fff;
  background-image: none;
  border-radius: var(--border-radius-input);
  border: 1px solid #d9d9d9;
  box-sizing: border-box;

  color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  font-family: var(--font-family);
  font-feature-settings: "tnum";

  font-size: var(--font-size-medium) !important;
  font-weight: var(--font-weight-input);
  font-family: var(--font-family);

  margin: 0;
  padding: 6.5px 11px;

  position: relative;
  transition: all 0.3s;
  width: 100%;
  height: 40px !important;
}

.pf-c-form-control:hover,
.pf-c-form-control:focus,
.pf-c-form-control:focus-visible {
  background-image: none;
  border-radius: var(--border-radius-input);
  box-sizing: border-box;

  color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  font-family: var(--font-family);
  font-feature-settings: "tnum";

  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-input);
  font-family: var(--font-family);

  margin: 0;
  padding: 0px 11px;

  position: relative;
  transition: all 0.3s;
  width: 100%;
  border-color: var(--color-default);
}

.pf-c-form-control:disabled {
  background-color: rgba(241, 242, 246, 0.5);
  background-image: none;
  border-radius: var(--border-radius-input);
  border: 1px solid #d9d9d9;
  box-sizing: border-box;

  color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  font-family: var(--font-family);
  font-feature-settings: "tnum";

  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-input);
  font-family: var(--font-family);

  margin: 0;
  padding: 6.5px 11px;

  position: relative;
  transition: all 0.3s;
  width: 100%;
  border-color: var(--color-login-border);
}
.pf-c-form-control[aria-invalid="true"] {
  border-color: var(--color-danger);
  border-bottom-width: 1px;
}

.pf-c-alert.pf-m-inline {
  margin-bottom: 0.5rem; /* default - IE compatibility */
  margin-bottom: var(--pf-global--spacer--sm);
  padding: 0.25rem;
  padding: var(--pf-global--spacer--xs);
  border: solid #ededed;
  border: solid var(--pf-global--BorderColor--300);
  border-width: 1px;
  border-width: var(--pf-c-alert--m-inline--BorderTopWidth) var(--pf-c-alert--m-inline--BorderRightWidth)
    var(--pf-c-alert--m-inline--BorderBottomWidth) var(--pf-c-alert--m-inline--BorderLeftWidth);
  display: -ms-flexbox;
  display: grid;
  -ms-grid-columns: max-content 1fr max-content;
  grid-template-columns: max-content 1fr max-content;
  grid-template-columns: var(--pf-c-alert--grid-template-columns);
  grid-template-rows: 1fr auto;
  grid-template-rows: var(--pf-c-alert--grid-template-rows);
}
.pf-c-alert.pf-m-inline::before {
  position: absolute;
  top: -1px;
  top: var(--pf-c-alert--m-inline--before--Top);
  bottom: -1px;
  bottom: var(--pf-c-alert--m-inline--before--Bottom);
  left: 0;
  width: 3px;
  width: var(--pf-c-alert--m-inline--before--Width);
  content: "";
  background-color: #fff;
  background-color: var(--pf-global--BackgroundColor--100);
}

.pf-c-alert.pf-m-inline.pf-m-success::before {
  background-color: #92d400;
  background-color: var(--pf-global--success-color--100);
}

.pf-c-alert.pf-m-inline.pf-m-danger::before {
  background-color: #c9190b;
  background-color: var(--pf-global--danger-color--100);
}

.pf-c-alert.pf-m-inline.pf-m-warning::before {
  background-color: #f0ab00;
  background-color: var(--pf-global--warning-color--100);
}

.pf-c-alert.pf-m-inline .pf-c-alert__icon {
  padding: 1rem 0.5rem 1rem 1rem;
  padding: var(--pf-c-alert--m-inline__icon--PaddingTop) var(--pf-c-alert--m-inline__icon--PaddingRight)
    var(--pf-c-alert--m-inline__icon--PaddingBottom) var(--pf-c-alert--m-inline__icon--PaddingLeft);
  font-size: 16px;
  font-size: var(--pf-c-alert--m-inline__icon--FontSize);
}

.pf-c-alert.pf-m-success .pf-c-alert__icon {
  color: #92d400;
  color: var(--pf-global--success-color--100);
}

.pf-c-alert.pf-m-success .pf-c-alert__title {
  color: #486b00;
  color: var(--pf-global--success-color--200);
}

.pf-c-alert.pf-m-danger .pf-c-alert__icon {
  color: #c9190b;
  color: var(--pf-global--danger-color--100);
}

.pf-c-alert.pf-m-danger .pf-c-alert__title {
  color: #a30000;
  color: var(--pf-global--danger-color--200);
}

.pf-c-alert.pf-m-warning .pf-c-alert__icon {
  color: #f0ab00;
  color: var(--pf-global--warning-color--100);
}

.pf-c-alert.pf-m-warning .pf-c-alert__title {
  color: #795600;
  color: var(--pf-global--warning-color--200);
}

.pf-c-alert__title {
  font-size: 14px; /* default - IE compatibility */
  font-size: var(--pf-global--FontSize--sm);
  padding: 5px 8px;
  padding: var(--pf-c-alert__title--PaddingTop) var(--pf-c-alert__title--PaddingRight)
    var(--pf-c-alert__title--PaddingBottom) var(--pf-c-alert__title--PaddingLeft);
}

.pf-c-button {
  line-height: 100%;
  margin-bottom: 1rem;
  min-width: 48px;
  top: 32px;
  background: #009e45;
  border: 1px solid #009e45;
  padding: 16px 24px;
  font-size: 16px;
  border-radius: var(--border-radius-btn);
}
.pf-c-button:hover {
  background: #00662d;
}
.pf-c-button:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}

/* default - IE compatibility */
.pf-m-primary {
  color: #fff;
  background-color: #0066cc;
  border: 1px solid #0066cc;
}
.pf-m-primary:hover {
  background-color: #004080;
}

/* default - IE compatibility */
.pf-c-button.pf-m-control {
  border: solid 1px;
  border: solid var(--pf-global--BorderWidth--sm);
  border-color: rgba(230, 230, 230, 0.5);
}
/*End of IE compatibility*/

.kc-current-ribbon {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.kc-ribbon-link,
.kc-bottom-link {
  margin-right: 8px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-primary-medium);
}

.kc-ribbon-link:hover,
.kc-bottom-link:hover {
  color: black;
  text-decoration: none;
}

.kc-ribbon-link-button {
  border: none;
}

.kc-ribbon-link-button:hover {
  color: var(--color-primary-dark);
}

#kc-help-modal {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.kc-help-modal-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;

  position: absolute;
  width: 736px;

  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.kc-help-modal-wrapper-ribbon {
  width: 100%;
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding: 3rem 3rem 0;
}

.kc-help-modal-wrapper-ribbon span {
  /* Header/Header 5 */
  font-family: Open Sans;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 25px;

  /* Dark_blue */
  color: #082244;
}

.kc-help-modal-wrapper-ribbon-close:hover {
  cursor: pointer;
}

.kc-help-modal-wrapper-content {
  padding: 20px 24px;
}

.kc-help-modal-wrapper-content-section {
  color: #101828;
}

.kc-help-modal-wrapper-content > div {
  margin: 1rem;
}

.kc-help-modal-wrapper-content p {
  /* Body/Big/Regular */
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;

  color: #101828 !important;
}

#kc-form {
  float: none;
  margin-bottom: auto;
  align-self: center;
  max-width: 420px;
  margin-top: -10px;
}

#kc-ribbon .ribbon-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  list-style: none;
  right: 0;
  top: 20px;
  min-width: 100px;
  padding: 2px 0;
  border: solid 1px #bbb;
}

#kc-ribbon:hover .ribbon-menu,
#kc-ribbon .ribbon-menu.open {
  display: block;
  margin: 0;
}

#kc-ribbon ul li a {
  display: block;
  padding: 5px 14px;
  color: #000 !important;
  text-decoration: none;
  line-height: 20px;
  font-size: var(--font-size-small);
}

#kc-ribbon ul li a:hover,
#kc-ribbon ul li a:active,
#kc-ribbon ul li a:focus {
  color: #4d5258;
  background-color: #d4edfa;
}

#kc-ribbon-dropdown a {
  color: #fff;
  background: 0 0;
  font-weight: 300;
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-small);
  display: block;
}
@media (min-width: 350px) {
  #kc-ribbon-dropdown a {
    padding: 0;
  }
}

#kc-ribbon-dropdown a:hover,
#kc-ribbon-dropdown a:active {
  text-decoration: underline;
  outline: rgba(0, 0, 0, 0.2);
}

#kc-ribbon-dropdown a + svg {
  transform: rotate(0deg);
  transition: transform 999s 999s;
}

#kc-ribbon-dropdown a:hover + svg,
#kc-ribbon-dropdown a:active + svg,
#kc-ribbon-dropdown a:focus + svg {
  transform: rotate(90deg);
  transition: transform 0.3s;
}

.login-pf .container {
  padding-top: 40px;
}

#kc-logo {
  width: 100%;
}

#kc-logo-wrapper {
  background-image: url(../img/keycloak-logo-2.png);
  background-repeat: no-repeat;
  height: 63px;
  width: 300px;
  margin: 62px auto 0;
}

div.kc-logo-text {
  background-image: url(../img/keycloak-logo-text.png);
  background-repeat: no-repeat;
  height: 63px;
  width: 300px;
  margin: 0 auto;
}

div.kc-logo-text span {
  display: none;
}

@media (max-width: 600px) {
  .login-pf-page .login-pf-page-header {
    margin-bottom: 0;
  }

  .kc-page-title {
    border-radius: 0;
  }
}

/* CONTENT */
.body-slider {
  width: 100%;
  top: 98px;
  left: 0px;
  right: 0px;
  margin: auto;
  /* overflow: auto; */
}
@media (min-width: 476px) {
  .body-slider {
    height: 100%;
  }
}
@media (max-width: 600px) {
  .body-slider {
    /* position: absolute; */
    top: 98px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    /* overflow: auto; */
  }
}

#kc-header-wrapper {
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2em;
  padding: 62px 10px 20px;
  white-space: normal;
}

.kc-content {
  width: 100%;
  height: 100%;
  padding: 24px var(--padding-huge) var(--padding-huge) var(--padding-huge);
}

.kc-infobar {
  width: 35%;
  height: 100vh;
  min-width: 360px;
  background: url("data:image/svg+xml,%3Csvg width='460' height='658' viewBox='250 0 710 658' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1300.68 -668.451C1381.22 -412.961 855.605 -298.2 596.635 -65.1828C337.666 167.834 165.986 691.76 -155.598 655.245C-477.181 618.729 -442.956 90.0805 43.4887 -288.981C529.934 -668.042 1220.14 -923.941 1300.68 -668.451Z' fill='%23F2F2F2' fill-opacity='0.05'/%3E%3C/svg%3E%0A"),
    url("data:image/svg+xml,%3Csvg width='350' height='608' viewBox='-10 100 270 508' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M836.741 51.7518C877.152 179.951 613.412 237.536 483.467 354.459C353.521 471.382 267.376 734.276 106.013 715.953C-55.3509 697.631 -38.1775 432.366 205.91 242.162C449.997 51.9571 796.33 -76.4475 836.741 51.7518Z' fill='%23F2F2F2' fill-opacity='0.05'/%3E%3C/svg%3E "),
    conic-gradient(from 15deg at 50% 65%, #053067 0deg, #001d42 360deg);
  background-size: cover;
}

.kc-infobar-wrapper {
  width: 80%;
  padding-left: 4vw;
}

#kc-infobar-tenant-logo {
  padding-top: 100px;
}

#kc-infobar-tenant-logo svg {
  max-width: 100%;
}

#kc-infobar-tenant-title {
  padding-top: 16px;

  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;

  color: #ffffff;
}

#kc-infobar-tenant-text {
  padding-top: 16px;

  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;

  color: rgba(241, 242, 246, 0.8);
}

#kc-attempted-username {
  font-size: 20px;
  font-family: inherit;
  font-weight: normal;
  padding-right: 10px;
}

#kc-username {
  text-align: center;
  margin-bottom: -10px;
}

#kc-webauthn-settings-form {
  padding-top: 8px;
}

.kc-content-wrapper {
  margin-top: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  row-gap: 10px;
}

#kc-form-wrapper {
  margin-top: 8px;
  max-width: 420px;
  width: 100%;
}

#kc-info {
  margin: 20px -40px -32px;
}

#kc-info-wrapper {
  font-size: 13px;
  padding: 15px 35px;
  background-color: #f0f0f0;
}

#kc-form-options span {
  display: block;
}

#kc-form-options .checkbox {
  margin-top: 0;
  color: #72767b;
}

#kc-terms-text {
  margin-bottom: 20px;
}

#kc-registration {
  margin-bottom: 0;
}

/* TOTP */

.subtitle {
  text-align: right;
  margin-top: 30px;
  color: #909090;
}

.required {
  color: #a30000; /* default - IE compatibility */
  color: var(--pf-global--danger-color--200);
}

ol#kc-totp-settings {
  margin: 0;
  padding-left: 20px;
}

ul#kc-totp-supported-apps {
  margin-bottom: 10px;
}

#kc-totp-secret-qr-code {
  max-width: 150px;
  max-height: 150px;
}

#kc-totp-secret-key {
  background-color: #fff;
  color: #333333;
  font-size: 16px;
  padding: 10px 0;
}

/* OAuth */

#kc-oauth h3 {
  margin-top: 0;
}

#kc-oauth ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#kc-oauth ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 16px;
  padding: 10px 0;
}

#kc-oauth ul li:first-of-type {
  border-top: 0;
}

#kc-oauth .kc-role {
  display: inline-block;
  width: 50%;
}

/* Code */
#kc-code textarea {
  width: 100%;
  height: 8em;
}

/* Social */
.kc-social-links {
  margin-top: 10px;
}

.kc-social-gray {
  color: #737679; /* default - IE compatibility */
  color: var(--pf-global--Color--200);
}

.login-pf a.kc-social-item {
  background: #fff;
  border: 1px solid var(--color-login-border);
  color: var(--color-social-item);
  border-radius: var(--border-radius-btn);
  cursor: pointer;
  font-family: var(--font-family-secondary);
  font-weight: normal;
  line-height: 40px;
  display: block;
  width: 100%;
  margin: 16px 0;
  font-size: 16px;
  position: relative;
}

.login-pf a.kc-social-item:hover,
.login-pf a.kc-social-item:active,
.login-pf a.kc-social-item:focus {
  text-decoration: none;
  background: #ecf6fd;
}

.kc-social-logo-and-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}

.kc-in-form-provider-no-account-link {
  display: flex;
  column-gap: 10px;
}

.kc-social-provider-logo.icon-microsoft {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTciIHk9IjE3IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNGRUJBMDgiLz4KPHJlY3QgeD0iNSIgeT0iMTciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzA1QTZGMCIvPgo8cmVjdCB4PSIxNyIgeT0iNSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjODBCQzA2Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI0YyNTMyNSIvPgo8L3N2Zz4K")
    no-repeat;
  width: 32px;
  height: 32px;
}

.kc-vendor-logo {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMTI2IDM0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTE5LjY4MSAxOC4xNTAxTDEyNS44MzMgMTAuNjMyOEgxMjEuMDE1TDExNy4wMTggMTUuNDc2N0wxMTMuMzcxIDEwLjY1MzdMMTEzLjM1NCAxMC42MzI4SDEwOC41NTNMMTE0LjM0NiAxOC4xNTAxTDEwOC4zODIgMjUuOTc3NkgxMTMuMjQ3TDExNy4wMTggMjAuODY1NEwxMjEuMTA5IDI1Ljk1NjZMMTIxLjEyNiAyNS45Nzc2SDEyNkwxMTkuNjgxIDE4LjE1MDFaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik03NC42MDMxIDEwLjYzMjhINzAuOTY0OFYyNS45ODE4SDc0LjYwMzFWMTAuNjMyOFoiIGZpbGw9IiMwMDNCNjQiLz4KPHBhdGggZD0iTTEwMS4yMDggMTAuNDY5M0M5Ni43Mjc2IDEwLjQ2OTMgOTMuMDgwOCAxNC4wNDM2IDkzLjA4MDggMTguNDM1QzkzLjA4MDggMjIuODI2NSA5Ni43Mjc2IDI2LjQwMDggMTAxLjIwOCAyNi40MDA4QzEwNS42ODkgMjYuNDAwOCAxMDkuMzM1IDIyLjgyNjUgMTA5LjMzNSAxOC40MzVDMTA5LjMzNSAxNC4wNDM2IDEwNS42ODkgMTAuNDY5MyAxMDEuMjA4IDEwLjQ2OTNaTTEwMS4yMDggMjIuODU1OEM5OC43MTk5IDIyLjg1NTggOTYuNjk3NyAyMC44NzM4IDk2LjY5NzcgMTguNDM1Qzk2LjY5NzcgMTUuOTk2MyA5OC43MTk5IDE0LjAxNDMgMTAxLjIwOCAxNC4wMTQzQzEwMy42OTYgMTQuMDE0MyAxMDUuNzE4IDE1Ljk5NjMgMTA1LjcxOCAxOC40MzVDMTA1LjcxOCAyMC44NzM4IDEwMy42OTYgMjIuODU1OCAxMDEuMjA4IDIyLjg1NThaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik04NC41MzQ1IDEwLjYyNDNDODMuMTcwNyAxMC42MjQzIDgxLjU4ODggMTEuMjk5IDgwLjc3MjMgMTIuMjE2NlYxMC42MzI3SDc3LjEzNFYyNS45Nzc1SDgwLjkwOTFWMTcuNzkzOUM4MC45MDkxIDE1Ljk3MTEgODIuNDk1MiAxNC4xOTAzIDg0LjQ0MDQgMTQuMTkwM0M4Ni4zODU3IDE0LjE5MDMgODcuNzkyMiAxNS43MDMgODcuNzkyMiAxNy43MTQzVjI1Ljk3NzVIOTEuNTY3M1YxNy4yNDVDOTEuNTY3MyAxMy41OTUyIDg4Ljg2OTYgMTAuNjI0MyA4NC41MzAyIDEwLjYyNDNIODQuNTM0NVoiIGZpbGw9IiMwMDNCNjQiLz4KPHBhdGggZD0iTTcyLjc4MTggOS4yNjI1MUM3My43NzggOS4yNjI1MSA3NC41OTAyIDguNDY2MzYgNzQuNTkwMiA3LjQ5MDAyQzc0LjU5MDIgNi41MTM2OCA3My43NzggNS43MTc1MyA3Mi43ODE4IDUuNzE3NTNDNzEuNzg1NyA1LjcxNzUzIDcwLjk3MzQgNi41MTM2OCA3MC45NzM0IDcuNDkwMDJDNzAuOTczNCA4LjQ2NjM2IDcxLjc4NTcgOS4yNjI1MSA3Mi43ODE4IDkuMjYyNTFaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik00OS4yNDY3IDEyLjExNjFDNDcuODM1OCAxMS4wNTYgNDYuMDgzIDEwLjQ3MzUgNDQuMzA0NSAxMC40NzM1QzM5LjgyNCAxMC40NzM1IDM2LjE3NzIgMTQuMDQ3OCAzNi4xNzcyIDE4LjQzOTJDMzYuMTc3MiAyMi44MzA3IDM5LjgyNCAyNi40MDUgNDQuMzA0NSAyNi40MDVDNDYuMDgzIDI2LjQwNSA0Ny44MzU4IDI1LjgyMjUgNDkuMjQ2NyAyNC43NjI0VjI1Ljk4MThINTIuOTEwNlYxMC42MzI3SDQ5LjI0NjdWMTIuMTE2MVpNNDguODE0OSAxOC40MzkyQzQ4LjgxNDkgMjAuODc4IDQ2Ljc5MjcgMjIuODYgNDQuMzA0NSAyMi44NkM0MS44MTYzIDIyLjg2IDM5Ljc5NDEgMjAuODc4IDM5Ljc5NDEgMTguNDM5MkMzOS43OTQxIDE2LjAwMDUgNDEuODE2MyAxNC4wMTg1IDQ0LjMwNDUgMTQuMDE4NUM0Ni43OTI3IDE0LjAxODUgNDguODE0OSAxNi4wMDA1IDQ4LjgxNDkgMTguNDM5MloiIGZpbGw9IiMwMDNCNjQiLz4KPHBhdGggZD0iTTY0LjU0NzggMTAuNjMyN0w1OS4wNDk5IDE2LjI2NDVWNC4yODg2NEg1NS40MTE2VjI1Ljk3NzZINTkuMDQ5OVYyMS4zODkyTDU5LjYwOTkgMjAuNzk4NEw2NC41NDM1IDI1Ljk3NzZINjkuMjE2NEw2Mi4wMjU0IDE4LjI0MjNMNjkuMjI0OSAxMC42MzI3SDY0LjU0NzhaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik04NC4wMDg3IDIuNjU4NkM4My44ODA0IDIuODkzMjYgODMuNjc1MiAzLjA4NjAxIDgzLjM5MyAzLjIzNjg2QzgzLjExMDkgMy4zODM1MiA4Mi43NDc1IDMuNDU4OTQgODIuMzA3MSAzLjQ1ODk0SDgxLjMzNjZWNS41ODc2MUg4MC40NjAyVjAuMzQxMzdIODIuMzA3MUM4Mi43MTc1IDAuMzQxMzcgODMuMDYzOCAwLjQwODQxNCA4My4zNTAzIDAuNTUwODg0QzgzLjYzNjcgMC42OTMzNTQgODMuODQ2MiAwLjg3NzcyNyA4My45OTE2IDEuMTEyMzhDODQuMTMyNiAxLjM0NzA0IDg0LjIwNTMgMS42MTEwMyA4NC4yMDUzIDEuOTA0MzVDODQuMjA1MyAyLjE3MjUzIDg0LjE0MTIgMi40MjM5NCA4NC4wMTI5IDIuNjU4Nkg4NC4wMDg3Wk04My4wNTUzIDIuNTMyODlDODMuMjE3NyAyLjM4NjIzIDgzLjMwMzIgMi4xNzI1MyA4My4zMDMyIDEuOTA0MzVDODMuMzAzMiAxLjMzMDI4IDgyLjk3NCAxLjA0NTM0IDgyLjMxMTQgMS4wNDUzNEg4MS4zNDA5VjIuNzU5MTdIODIuMzExNEM4Mi42NDQ5IDIuNzU5MTcgODIuODkyOCAyLjY4Mzc0IDgzLjA1OTYgMi41MzcwOEw4My4wNTUzIDIuNTMyODlaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik04NS44NzI2IDUuMzg2NDVDODUuNTQ3NyA1LjIwNjI2IDg1LjI5NTUgNC45NTQ4NSA4NS4xMTE2IDQuNjMyMTlDODQuOTI3OCA0LjMwNTM1IDg0LjgzMzcgMy45MzI0MiA4NC44MzM3IDMuNTA1MDFDODQuODMzNyAzLjA3NzYgODQuOTI3OCAyLjcwODg1IDg1LjEyMDIgMi4zODIwMUM4NS4zMDgzIDIuMDU1MTcgODUuNTY5MSAxLjgwMzc1IDg1Ljg5ODMgMS42Mjc3NkM4Ni4yMjc1IDEuNDUxNzcgODYuNTk1MSAxLjM2Mzc3IDg3LjAwMTMgMS4zNjM3N0M4Ny40MDc0IDEuMzYzNzcgODcuNzc1MSAxLjQ1MTc3IDg4LjEwNDMgMS42Mjc3NkM4OC40MzM1IDEuODAzNzUgODguNjkgMi4wNTUxNyA4OC44ODI0IDIuMzgyMDFDODkuMDcwNSAyLjcwODg1IDg5LjE2ODggMy4wODE3OSA4OS4xNjg4IDMuNTA1MDFDODkuMTY4OCAzLjkyODIzIDg5LjA3MDUgNC4zMDExNiA4OC44NzgxIDQuNjI4Qzg4LjY4MTUgNC45NTQ4NSA4OC40MTY0IDUuMjA2MjYgODguMDgyOSA1LjM4NjQ1Qzg3Ljc0NTIgNS41NjY2MyA4Ny4zNzMyIDUuNjU0NjIgODYuOTcxNCA1LjY1NDYyQzg2LjU2OTUgNS42NTQ2MiA4Ni4yMTA0IDUuNTY2NjMgODUuODg1NSA1LjM4NjQ1SDg1Ljg3MjZaTTg3LjU5NTYgNC43NDk1MkM4Ny43OTIyIDQuNjQ0NzcgODcuOTU0NyA0LjQ4NTUzIDg4LjA3ODcgNC4yNzYwMkM4OC4yMDI2IDQuMDYyMzIgODguMjYyNSAzLjgwNjcxIDg4LjI2MjUgMy41MDUwMUM4OC4yNjI1IDMuMjAzMzEgODguMjAyNiAyLjk0NzcgODguMDg3MiAyLjczODE4Qzg3Ljk2NzUgMi41Mjg2NyA4Ny44MTM2IDIuMzczNjMgODcuNjE2OSAyLjI2NDY4Qzg3LjQyMDMgMi4xNTk5MiA4Ny4yMTA4IDIuMTA1NDUgODYuOTg0MiAyLjEwNTQ1Qzg2Ljc1NzYgMi4xMDU0NSA4Ni41NDgxIDIuMTU5OTIgODYuMzU1NyAyLjI2NDY4Qzg2LjE2MzMgMi4zNjk0NCA4Ni4wMDk0IDIuNTI4NjcgODUuODk4MyAyLjczODE4Qzg1Ljc4NzEgMi45NDc3IDg1LjcyNzMgMy4yMDMzMSA4NS43MjczIDMuNTA1MDFDODUuNzI3MyAzLjk1MzM3IDg1Ljg0MjcgNC4yOTY5NyA4Ni4wNzc4IDQuNTQ0MkM4Ni4zMTMgNC43OTE0MyA4Ni42MDM3IDQuOTA4NzUgODYuOTU4NSA0LjkwODc1Qzg3LjE4NTEgNC45MDg3NSA4Ny4zOTQ2IDQuODU0MjggODcuNTk1NiA0Ljc0OTUyWiIgZmlsbD0iIzAwM0I2NCIvPgo8cGF0aCBkPSJNOTUuODA4MiAxLjQyNjY0TDk0LjQ5MTUgNS41ODc1OUg5My41NjhMOTIuNzEzIDIuNTE2MTFMOTEuODU3OSA1LjU4NzU5SDkwLjkzNDVMODkuNjA5MSAxLjQyNjY0SDkwLjUwMjdMOTEuMzg3NiA0Ljc3MDQ5TDkyLjI4OTcgMS40MjY2NEg5My4yMDQ2TDk0LjA2ODIgNC43NTM3M0w5NC45NDQ2IDEuNDI2NjRIOTUuODA4MloiIGZpbGw9IiMwMDNCNjQiLz4KPHBhdGggZD0iTTEwMC40IDMuODI3N0g5Ny4xNTk0Qzk3LjE4NTEgNC4xNTg3MyA5Ny4zMDkgNC40MjY5MSA5Ny41MzU2IDQuNjI4MDRDOTcuNzYyMiA0LjgyOTE4IDk4LjA0MDEgNC45Mjk3NSA5OC4zNjkzIDQuOTI5NzVDOTguODM5NiA0LjkyOTc1IDk5LjE3NzMgNC43MzY5OSA5OS4zNjk3IDQuMzQ3MjlIMTAwLjMxOUMxMDAuMTkxIDQuNzI4NjEgOTkuOTU5NyA1LjA0Mjg4IDk5LjYyMTkgNS4yODU5MkM5OS4yODQyIDUuNTI4OTYgOTguODY5NSA1LjY1MDQ3IDk4LjM2OTMgNS42NTA0N0M5Ny45NjMxIDUuNjUwNDcgOTcuNTk5OCA1LjU2MjQ4IDk3LjI3OTEgNS4zODIzQzk2Ljk1ODUgNS4yMDIxMSA5Ni43MDYyIDQuOTUwNyA5Ni41MjI0IDQuNjI4MDRDOTYuMzM4NiA0LjMwMTIgOTYuMjQ4OCAzLjkyODI3IDk2LjI0ODggMy41MDA4NkM5Ni4yNDg4IDMuMDczNDUgOTYuMzM4NiAyLjY5NjMyIDk2LjUxMzggMi4zNzM2N0M5Ni42ODkxIDIuMDQ2ODMgOTYuOTQxNCAxLjc5OTYgOTcuMjYyIDEuNjIzNjFDOTcuNTgyNyAxLjQ0NzYyIDk3Ljk1MDMgMS4zNTk2MiA5OC4zNjUgMS4zNTk2MkM5OC43Nzk3IDEuMzU5NjIgOTkuMTIxNyAxLjQ0MzQyIDk5LjQzMzggMS42MTUyM0M5OS43NDU5IDEuNzg3MDMgOTkuOTg5NiAyLjAyNTg4IDEwMC4xNjUgMi4zMzU5NkMxMDAuMzQgMi42NDYwNCAxMDAuNDI2IDMuMDAyMjEgMTAwLjQyNiAzLjQwNDQ4QzEwMC40MjYgMy41NTk1MiAxMDAuNDE3IDMuNzAxOTkgMTAwLjM5NiAzLjgyNzdIMTAwLjRaTTk5LjUxNTEgMy4xMzIxMUM5OS41MTA4IDIuODEzNjUgOTkuMzk1NCAyLjU2MjIzIDk5LjE2ODggMi4zNjk0OEM5OC45NDIyIDIuMTc2NzMgOTguNjY0MyAyLjA4NDU0IDk4LjMzMDggMi4wODQ1NEM5OC4wMjczIDIuMDg0NTQgOTcuNzY2NSAyLjE4MDkyIDk3LjU1MjcgMi4zNjk0OEM5Ny4zMzkgMi41NTgwNCA5Ny4yMTA3IDIuODEzNjUgOTcuMTY4IDMuMTM2M0g5OS41MTUxVjMuMTMyMTFaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik0xMDIuNzYgMS41Mzk3NkMxMDIuOTc0IDEuNDIyNDMgMTAzLjIyNiAxLjM2Mzc3IDEwMy41MTcgMS4zNjM3N1YyLjI1NjNIMTAzLjI5NEMxMDIuOTUyIDIuMjU2MyAxMDIuNjkxIDIuMzQ0MyAxMDIuNTEyIDIuNTExOTFDMTAyLjMzNyAyLjY4MzcxIDEwMi4yNDcgMi45ODEyMiAxMDIuMjQ3IDMuNDA0NDRWNS41OTE3N0gxMDEuMzdWMS40MjY2MkgxMDIuMjQ3VjIuMDMwMDNDMTAyLjM3NSAxLjgyMDUxIDEwMi41NDYgMS42NTI5IDEwMi43NiAxLjUzNTU3VjEuNTM5NzZaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik0xMDguMjYyIDMuODI3N0gxMDUuMDIxQzEwNS4wNDcgNC4xNTg3MyAxMDUuMTcxIDQuNDI2OTEgMTA1LjM5OCA0LjYyODA0QzEwNS42MjQgNC44MjkxOCAxMDUuOTAyIDQuOTI5NzUgMTA2LjIzMSA0LjkyOTc1QzEwNi43MDIgNC45Mjk3NSAxMDcuMDM5IDQuNzM2OTkgMTA3LjIzMiA0LjM0NzI5SDEwOC4xODFDMTA4LjA1MyA0LjcyODYxIDEwNy44MjIgNS4wNDI4OCAxMDcuNDg0IDUuMjg1OTJDMTA3LjE0NiA1LjUyODk2IDEwNi43MzIgNS42NTA0NyAxMDYuMjMxIDUuNjUwNDdDMTA1LjgyNSA1LjY1MDQ3IDEwNS40NjIgNS41NjI0OCAxMDUuMTQxIDUuMzgyM0MxMDQuODIxIDUuMjAyMTEgMTA0LjU2OCA0Ljk1MDcgMTA0LjM4NCA0LjYyODA0QzEwNC4yMDEgNC4zMDEyIDEwNC4xMTEgMy45MjgyNyAxMDQuMTExIDMuNTAwODZDMTA0LjExMSAzLjA3MzQ1IDEwNC4yMDEgMi42OTYzMiAxMDQuMzc2IDIuMzczNjdDMTA0LjU1MSAyLjA0NjgzIDEwNC44MDMgMS43OTk2IDEwNS4xMjQgMS42MjM2MUMxMDUuNDQ1IDEuNDQ3NjIgMTA1LjgxMiAxLjM1OTYyIDEwNi4yMjcgMS4zNTk2MkMxMDYuNjQyIDEuMzU5NjIgMTA2Ljk4NCAxLjQ0MzQyIDEwNy4yOTYgMS42MTUyM0MxMDcuNjA4IDEuNzg3MDMgMTA3Ljg1MiAyLjAyNTg4IDEwOC4wMjcgMi4zMzU5NkMxMDguMjAyIDIuNjQ2MDQgMTA4LjI4OCAzLjAwMjIxIDEwOC4yODggMy40MDQ0OEMxMDguMjg4IDMuNTU5NTIgMTA4LjI3OSAzLjcwMTk5IDEwOC4yNTggMy44Mjc3SDEwOC4yNjJaTTEwNy4zNzcgMy4xMzIxMUMxMDcuMzczIDIuODEzNjUgMTA3LjI1NyAyLjU2MjIzIDEwNy4wMzEgMi4zNjk0OEMxMDYuODA0IDIuMTc2NzMgMTA2LjUyNiAyLjA4NDU0IDEwNi4xOTMgMi4wODQ1NEMxMDUuODg5IDIuMDg0NTQgMTA1LjYyOSAyLjE4MDkyIDEwNS40MTUgMi4zNjk0OEMxMDUuMjAxIDIuNTU4MDQgMTA1LjA3MyAyLjgxMzY1IDEwNS4wMyAzLjEzNjNIMTA3LjM3N1YzLjEzMjExWiIgZmlsbD0iIzAwM0I2NCIvPgo8cGF0aCBkPSJNMTA5LjIwMyAyLjM3Nzg1QzEwOS4zNzggMi4wNTUxOSAxMDkuNjIyIDEuODAzNzggMTA5LjkyNSAxLjYyNzc5QzExMC4yMjkgMS40NDc2IDExMC41NzEgMS4zNTk2MSAxMTAuOTQ3IDEuMzU5NjFDMTExLjIyNSAxLjM1OTYxIDExMS40OTggMS40MTgyNyAxMTEuNzY4IDEuNTM1NkMxMTIuMDM3IDEuNjUyOTMgMTEyLjI1MSAxLjgxMjE2IDExMi40MDkgMi4wMDkxVjAuMDAxOTUzMTJIMTEzLjI5NFY1LjU4NzYxSDExMi40MDlWNC45NjMyNUMxMTIuMjY0IDUuMTY0MzkgMTEyLjA2NyA1LjMzMiAxMTEuODEgNS40NjE5QzExMS41NTggNS41OTE4IDExMS4yNjMgNS42NTg4NCAxMTAuOTM4IDUuNjU4ODRDMTEwLjU3MSA1LjY1ODg0IDExMC4yMzMgNS41NjY2NiAxMDkuOTI1IDUuMzgyMjhDMTA5LjYyMiA1LjE5NzkxIDEwOS4zNzggNC45NDIzIDEwOS4yMDMgNC42MTEyN0MxMDkuMDI3IDQuMjgwMjQgMTA4LjkzOCAzLjkwNzMgMTA4LjkzOCAzLjQ5MjQ2QzEwOC45MzggMy4wNzc2MiAxMDkuMDI3IDIuNzA0NjkgMTA5LjIwMyAyLjM4MjA0VjIuMzc3ODVaTTExMi4yMjkgMi43NTQ5N0MxMTIuMTEgMi41NDU0NiAxMTEuOTUyIDIuMzgyMDQgMTExLjc1NSAyLjI3MzA5QzExMS41NTggMi4xNjQxNCAxMTEuMzQ5IDIuMTA1NDggMTExLjEyMiAyLjEwNTQ4QzExMC44OTYgMi4xMDU0OCAxMTAuNjg2IDIuMTU5OTUgMTEwLjQ4OSAyLjI2ODlDMTEwLjI5MyAyLjM3Nzg1IDExMC4xMzUgMi41MzcwOCAxMTAuMDE1IDIuNzQ2NTlDMTA5Ljg5NSAyLjk1NjExIDEwOS44MzUgMy4yMDMzMyAxMDkuODM1IDMuNDg4MjdDMTA5LjgzNSAzLjc3MzIxIDEwOS44OTUgNC4wMjQ2MyAxMTAuMDE1IDQuMjQyNTNDMTEwLjEzNSA0LjQ2MDQyIDExMC4yOTMgNC42MjM4NCAxMTAuNDk0IDQuNzM2OThDMTEwLjY5NSA0Ljg1MDEyIDExMC45IDQuOTA4NzggMTExLjEyMiA0LjkwODc4QzExMS4zNDQgNC45MDg3OCAxMTEuNTU4IDQuODU0MzEgMTExLjc1NSA0Ljc0MTE3QzExMS45NTIgNC42MzIyMiAxMTIuMTEgNC40Njg4IDExMi4yMjkgNC4yNTUxQzExMi4zNDkgNC4wNDEzOSAxMTIuNDA5IDMuNzg5OTcgMTEyLjQwOSAzLjUwNTAzQzExMi40MDkgMy4yMjAwOSAxMTIuMzQ5IDIuOTY4NjggMTEyLjIyOSAyLjc1OTE2VjIuNzU0OTdaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik0xMTguMDk5IDEuNTUyMzZDMTE4LjM2IDEuNDIyNDYgMTE4LjY0NyAxLjM1OTYxIDExOC45NjcgMS4zNTk2MUMxMTkuMzQzIDEuMzU5NjEgMTE5LjY4MSAxLjQ0NzYgMTE5Ljk4NSAxLjYyMzU5QzEyMC4yODggMS43OTk1OSAxMjAuNTI4IDIuMDUxIDEyMC43MDMgMi4zNzM2NkMxMjAuODc4IDIuNjk2MzEgMTIwLjk2NCAzLjA2OTI0IDEyMC45NjQgMy40ODgyN0MxMjAuOTY0IDMuOTA3MyAxMjAuODc4IDQuMjgwMjQgMTIwLjcwMyA0LjYwNzA4QzEyMC41MjggNC45MzgxMSAxMjAuMjg4IDUuMTkzNzIgMTE5Ljk4NSA1LjM3ODA5QzExOS42ODEgNS41NjI0NyAxMTkuMzQzIDUuNjU0NjUgMTE4Ljk3MiA1LjY1NDY1QzExOC42NDIgNS42NTQ2NSAxMTguMzUyIDUuNTkxOCAxMTguMDk5IDUuNDY2MDlDMTE3Ljg0NyA1LjM0MDM4IDExNy42NDIgNS4xODExNSAxMTcuNDk3IDQuOTg0MjFWNS41ODc2MUgxMTYuNjJWMC4wMDE5NTMxMkgxMTcuNDk3VjIuMDQ2ODFDMTE3LjY0NiAxLjg0NTY4IDExNy44NTEgMS42ODIyNiAxMTguMTA4IDEuNTUyMzZIMTE4LjA5OVpNMTE5Ljg4NiAyLjc0NjU5QzExOS43NjcgMi41MzcwOCAxMTkuNjA0IDIuMzc3ODUgMTE5LjQwOCAyLjI2ODlDMTE5LjIxMSAyLjE1OTk1IDExOC45OTcgMi4xMDU0OCAxMTguNzcxIDIuMTA1NDhDMTE4LjU0NCAyLjEwNTQ4IDExOC4zMzkgMi4xNTk5NSAxMTguMTQyIDIuMjczMDlDMTE3Ljk0NSAyLjM4NjIzIDExNy43ODcgMi41NDU0NiAxMTcuNjYzIDIuNzU0OTdDMTE3LjUzOSAyLjk2NDQ5IDExNy40ODQgMy4yMTU5IDExNy40ODQgMy41MDA4NEMxMTcuNDg0IDMuNzg1NzggMTE3LjU0NCA0LjAzNzIgMTE3LjY2MyA0LjI1MDkxQzExNy43ODMgNC40NjQ2MSAxMTcuOTQxIDQuNjI4MDMgMTE4LjE0MiA0LjczNjk4QzExOC4zMzkgNC44NDU5MyAxMTguNTQ4IDQuOTA0NTkgMTE4Ljc3MSA0LjkwNDU5QzExOC45OTMgNC45MDQ1OSAxMTkuMjA3IDQuODQ1OTMgMTE5LjQwOCA0LjczMjc5QzExOS42MDQgNC42MTk2NSAxMTkuNzYyIDQuNDU2MjMgMTE5Ljg4NiA0LjIzODMzQzEyMC4wMSA0LjAyMDQ0IDEyMC4wNjYgMy43NjkwMiAxMjAuMDY2IDMuNDg0MDhDMTIwLjA2NiAzLjE5OTE0IDEyMC4wMDYgMi45NDc3MyAxMTkuODg2IDIuNzQyNFYyLjc0NjU5WiIgZmlsbD0iIzAwM0I2NCIvPgo8cGF0aCBkPSJNMTI1LjcyNyAxLjQyNjY0TDEyMy4xMjMgNy41NDAyN0gxMjIuMjEyTDEyMy4wNzYgNS41MTYzNkwxMjEuNDA0IDEuNDI2NjRIMTIyLjM4M0wxMjMuNTc2IDQuNTk4NjhMMTI0LjgxNiAxLjQyNjY0SDEyNS43MjdaIiBmaWxsPSIjMDAzQjY0Ii8+CjxwYXRoIGQ9Ik0xMi40NDEgMTguNTczMkMxMy4yMDIgMTcuMTM1OSAxMi42MzM0IDE1LjM2NzYgMTEuMTc1NSAxNC42MDkyTDQuMTU5ODMgMTAuOTc2MkMzLjcxNTIgMTAuNzQ1OCAzLjMxNzYxIDEwLjQyNzMgMy4wMzk3MiAxMC4wMTY2QzIuMzk0MTUgOS4wNTI4OCAyLjM0Mjg1IDcuOTA0NzQgMi44NTE2MSA2Ljk0MDk3QzMuMjI3ODMgNi4yMzI4MSAzLjg2MDU2IDUuNzA0ODQgNC42Mzg2NiA1LjQ2NTk5QzUuNDE2NzUgNS4yMjI5NSA2LjI0MTg3IDUuMjk0MTkgNi45NjAxMSA1LjY1ODc0TDE2LjE3MzMgMTAuNDMxNUMxNi40MjEyIDEwLjU1NzIgMTYuNzI0OCAxMC40NjUgMTYuODUzIDEwLjIyMkwxNy41NDU2IDguOTE0NkMxNy42NzM5IDguNjc1NzUgMTcuNTc5OCA4LjM3ODI0IDE3LjMzNjEgOC4yNTI1M0w4LjEyMjk4IDMuNDc1NkM2LjgwMTkzIDIuODA1MTYgNS4yOTcwNSAyLjY3OTQ1IDMuODgxOTQgMy4xMTk0M0MyLjQ2NjgzIDMuNTU5NDEgMS4zMDgyNCA0LjUxNDc5IDAuNjI4NDc5IDUuODA1NEMtMC4wNTU1NjA1IDcuMTAwMiAtMC4xODM4MTggOC41NzUxOCAwLjI2NTA4MyA5Ljk2MjE3QzAuNzEzOTgzIDExLjM0OTIgMS42ODg3NCAxMi40ODQ3IDIuOTk2OTYgMTMuMTQ2OEw5LjU2Mzc0IDE2LjU0OTNDMTAuMDUxMSAxNi44MDA3IDEwLjIzOTIgMTcuMzkxNiA5Ljk4Njk5IDE3Ljg2OTJMNC43MDI3OSAyNy44NjczQzQuMzk5MjQgMjguNDM3MiA0LjU0NDYgMjkuMTcwNSA1LjA5NjExIDI5LjUyMjRDNS43Mjg4NSAyOS45MjQ3IDYuNTU4MjQgMjkuNjk4NCA2Ljg5NTk5IDI5LjA2MTVMMTIuNDQxIDE4LjU2NDhWMTguNTczMloiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODA0XzQwNzk0KSIvPgo8cGF0aCBkPSJNMTUuODA5OSAxNC45MjM1QzE3LjI3NjMgMTUuNjY5MyAxOS4wODA0IDE1LjExMiAxOS44NTQzIDEzLjY4MzFMMjMuNTYwOSA2LjgwNjg4QzIzLjc5NiA2LjM3MTA5IDI0LjEyMDkgNS45ODE0IDI0LjUzOTkgNS43MDkwM0MyNS41MjMyIDUuMDc2MjkgMjYuNjk0NiA1LjAyNjAxIDI3LjY3NzkgNS41MjQ2NUMyOC40MDA1IDUuODkzNCAyOC45MzkxIDYuNTEzNTYgMjkuMTgyOCA3LjI3NjE5QzI5LjQzMDggOC4wMzg4MyAyOS4zNTgxIDguODQ3NTUgMjguOTg2MiA5LjU1MTUyTDI0LjExNjcgMTguNTgxNkMyMy45ODg0IDE4LjgyNDYgMjQuMDgyNSAxOS4xMjIxIDI0LjMzMDQgMTkuMjQ3OEwyNS42NjQzIDE5LjkyNjdDMjUuOTA4IDIwLjA1MjQgMjYuMjExNSAxOS45NjAyIDI2LjMzOTggMTkuNzIxNEwzMS4yMDUgMTAuNjkxM0MzMS44ODkxIDkuMzk2NDggMzIuMDE3MyA3LjkyMTUgMzEuNTY4NCA2LjUzNDUxQzMxLjExOTUgNS4xNDc1MyAzMC4xNDQ4IDQuMDExOTYgMjguODI4IDMuMzQ1N0MyNy41MDY5IDIuNjc1MjYgMjYuMDAyMSAyLjU0OTU1IDI0LjU4NjkgMi45ODk1M0MyMy4xNzE4IDMuNDI5NTEgMjIuMDEzMyA0LjM4NDkgMjEuMzM3OCA1LjY2NzEyTDE3Ljg2NjMgMTIuMTAzNEMxNy42MDk3IDEyLjU4MTEgMTcuMDA2OSAxMi43NjU1IDE2LjUxOTYgMTIuNTE4Mkw2LjMxODgzIDcuMzQzMjRDNS43Mzc0IDcuMDQ1NzMgNC45ODkyMyA3LjE4ODIgNC42MzAxMSA3LjcyODc1QzQuMjE5NjggOC4zNDg5MSA0LjQ1MDU1IDkuMTYxODIgNS4xMDAzOCA5LjQ5Mjg2TDE1LjgwOTkgMTQuOTI3N1YxNC45MjM1WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzE4MDRfNDA3OTQpIi8+CjxwYXRoIGQ9Ik0xOS41NzIxIDE4LjE2MjZDMTguODExMSAxOS41OTk4IDE5LjM3OTcgMjEuMzY4MSAyMC44Mzc2IDIyLjEyNjZMMjcuODUzMiAyNS43NTk2QzI4LjI5NzkgMjUuOTkgMjguNjk1NSAyNi4zMDg1IDI4Ljk3MzMgMjYuNzE5MUMyOS42MTg5IDI3LjY4MjkgMjkuNjcwMiAyOC44MzEgMjkuMTYxNSAyOS43OTQ4QzI4Ljc4NTIgMzAuNTAzIDI4LjE1MjUgMzEuMDMwOSAyNy4zNzQ0IDMxLjI2OThDMjYuNTk2MyAzMS41MTI4IDI1Ljc3MTIgMzEuNDQxNiAyNS4wNTI5IDMxLjA3N0wxNS44Mzk4IDI2LjMwNDNDMTUuNTkxOCAyNi4xNzg2IDE1LjI4ODMgMjYuMjcwOCAxNS4xNiAyNi41MTM4TDE0LjQ2NzQgMjcuODIxMkMxNC4zMzkyIDI4LjA2IDE0LjQzMzIgMjguMzU3NSAxNC42NzY5IDI4LjQ4MzJMMjMuODkwMSAzMy4yNTE4QzI1LjIxMTEgMzMuOTIyMiAyNi43MTYgMzQuMDQ3OSAyOC4xMzExIDMzLjYwOEMyOS41NDYyIDMzLjE2OCAzMC43MDQ4IDMyLjIxMjYgMzEuMzg0NiAzMC45MjJDMzIuMDY4NiAyOS42MjcyIDMyLjE5NjkgMjguMTUyMiAzMS43NDggMjYuNzY1MkMzMS4yOTkxIDI1LjM3ODIgMzAuMzI0MyAyNC4yNDI3IDI5LjAxNjEgMjMuNTgwNkwyMi40NDkzIDIwLjE3ODFDMjEuOTYxOSAxOS45MjY3IDIxLjc3MzggMTkuMzM1OCAyMi4wMjYxIDE4Ljg1ODJMMjcuMzEwMyA4Ljg2MDEyQzI3LjYxMzggOC4yOTAyNCAyNy40Njg1IDcuNTU2OTQgMjYuOTE3IDcuMjA0OTZDMjYuMjg0MiA2LjgwMjY5IDI1LjQ1NDggNy4wMjg5NyAyNS4xMTcxIDcuNjY1ODlMMTkuNTcyMSAxOC4xNjI2WiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzE4MDRfNDA3OTQpIi8+CjxwYXRoIGQ9Ik0xNi4yMDMyIDIxLjgwODFDMTQuNzM2OCAyMS4wNjIyIDEyLjkzMjYgMjEuNjE5NiAxMi4xNTg4IDIzLjA0ODRMOC40NTIxOCAyOS45MjQ3QzguMjE3MDQgMzAuMzYwNSA3Ljg5MjEyIDMwLjc1MDIgNy40NzMxNCAzMS4wMjI2QzYuNDg5ODQgMzEuNjU1MyA1LjMxODQyIDMxLjcwNTYgNC4zMzUxMiAzMS4yMDY5QzMuNjEyNiAzMC44MzgyIDMuMDczOTIgMzAuMjE4IDIuODMwMjMgMjkuNDU1NEMyLjU4MjI3IDI4LjY5MjggMi42NTQ5NCAyNy44ODQgMy4wMjY4OSAyNy4xODAxTDcuODk2MzkgMTguMTVDOC4wMjQ2NSAxNy45MDcgNy45MzA2IDE3LjYwOTQgNy42ODI2MyAxNy40ODM3TDYuMzQ4NzYgMTYuODA0OUM2LjEwNTA3IDE2LjY3OTIgNS44MDE1MiAxNi43NzE0IDUuNjczMjcgMTcuMDEwMkwwLjgwMzc2NCAyNi4wNDAzQzAuMTE5NzI1IDI3LjMzNTEgLTAuMDA4NTMyNzkgMjguODEwMSAwLjQ0MDM2OCAzMC4xOTcxQzAuODg5MjY4IDMxLjU4NDEgMS44NjQwMiAzMi43MTk2IDMuMTgwOCAzMy4zODU5QzQuNTAxODUgMzQuMDU2MyA2LjAwNjc0IDM0LjE4MiA3LjQyMTg0IDMzLjc0MjFDOC44MzY5NSAzMy4zMDIxIDkuOTk1NTQgMzIuMzQ2NyAxMC42NzEgMzEuMDY0NUwxNC4xNDI1IDI0LjYyODJDMTQuMzk5IDI0LjE1MDUgMTUuMDAxOCAyMy45NjYxIDE1LjQ4OTIgMjQuMjEzM0wyNS42OSAyOS4zOTI1QzI2LjI3MTQgMjkuNjkgMjcuMDE5NiAyOS41NDc2IDI3LjM3ODcgMjkuMDA3QzI3Ljc4OTEgMjguMzg2OSAyNy41NTgyIDI3LjU3NCAyNi45MDg0IDI3LjI0MjlMMTYuMTk4OSAyMS44MDgxSDE2LjIwMzJaIiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXJfMTgwNF80MDc5NCkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODA0XzQwNzk0IiB4MT0iMTIuNTc3IiB5MT0iMzYuOTMxNCIgeDI9IjMzLjc2NTciIHkyPSIxMS4zNTA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyMzk5RUUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzVEMENEIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xODA0XzQwNzk0IiB4MT0iMTIuNTc3IiB5MT0iMzYuOTMxNCIgeDI9IjMzLjc2NTciIHkyPSIxMS4zNTA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyMzk5RUUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzVEMENEIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xODA0XzQwNzk0IiB4MT0iMTIuNTc3IiB5MT0iMzYuOTMxNCIgeDI9IjMzLjc2NTciIHkyPSIxMS4zNTA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyMzk5RUUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzVEMENEIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8xODA0XzQwNzk0IiB4MT0iMTIuNTc3IiB5MT0iMzYuOTMxNCIgeDI9IjMzLjc2NTciIHkyPSIxMS4zNTA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyMzk5RUUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzVEMENEIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==")
    no-repeat;
  width: 126px;
  height: 34px;
}

#kc-vendor-logo {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
}

.kc-account-arrow-logo {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDEgMTMuMzMzM0wxMy4zMzM0IDkuOTk5OTlNMTMuMzMzNCA5Ljk5OTk5TDEwLjAwMDEgNi42NjY2Nk0xMy4zMzM0IDkuOTk5OTlINi42NjY3NU0xOC4zMzM0IDkuOTk5OTlDMTguMzMzNCAxNC42MDI0IDE0LjYwMjUgMTguMzMzMyAxMC4wMDAxIDE4LjMzMzNDNS4zOTc3MSAxOC4zMzMzIDEuNjY2NzUgMTQuNjAyNCAxLjY2Njc1IDkuOTk5OTlDMS42NjY3NSA1LjM5NzYyIDUuMzk3NzEgMS42NjY2NiAxMC4wMDAxIDEuNjY2NjZDMTQuNjAyNSAxLjY2NjY2IDE4LjMzMzQgNS4zOTc2MiAxOC4zMzM0IDkuOTk5OTlaIiBzdHJva2U9IiMwNTczRDgiIHN0cm9rZS13aWR0aD0iMS42NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
    no-repeat;
  width: 20px;
  height: 20px;
}

.kc-div-provider-no-account {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  row-gap: 10px;
}

.kc-in-form-provider-no-account-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.kc-in-form-provider-no-account-link-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0573d8;
}

.kc-in-form-create-account-div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}

.kc-social-grid {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  grid-column-end: span 6;
  --pf-l-grid__item--GridColumnEnd: span 6;
}

.kc-social-grid .kc-social-icon-text {
  left: -10px;
}

.kc-login-header {
  max-width: 420px;
  margin: 0px auto;
  display: flex;
  padding-left: 10px;
  align-items: flex-end;
}

.kc-login-tooltip {
  position: relative;
  display: inline-block;
}

.kc-social-section {
  max-width: 420px;
  align-self: center;
  margin-top: auto;
  /* We have to redefined this rule that should be inherited from body in base.css, 
  because it's overruled by patternfly.min.css */
  font-family: var(--pf-global--FontFamily--sans-serif);
}

.kc-social-section hr {
  margin-bottom: 10px;
}

.kc-login-tooltip .kc-tooltip-text {
  top: -3px;
  left: 160%;
  background-color: black;
  visibility: hidden;
  color: #fff;

  min-width: 130px;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  padding: 5px;

  position: absolute;
  opacity: 0;
  transition: opacity 0.5s;
}

/* Show tooltip */
.kc-login-tooltip:hover .kc-tooltip-text {
  visibility: visible;
  opacity: 0.7;
}

/* Arrow for tooltip */
.kc-login-tooltip .kc-tooltip-text::after {
  content: " ";
  position: absolute;
  top: 15px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

@media (min-width: 840px) {
  #kc-container-wrapper {
    /* position: absolute; */
    width: 100%;
  }

  #kc-form-wrapper {
    width: 420px;
  }

  .login-pf .container {
    padding-right: 80px;
  }

  #kc-ribbon {
    position: relative;
    max-width: 420px;
    margin-left: auto;
    text-align: right;
  }
}

@media (max-width: 840px) {
  .kc-help-modal-wrapper {
    width: 100%;
  }

  .login-pf body {
    background: white;
  }

  div.kc-logo-text {
    margin: 0;
    width: 150px;
    height: 32px;
    background-size: 100%;
  }

  #kc-form-wrapper {
    margin-top: 8px;
  }

  .kc-infobar {
    width: 50%;
    min-width: unset;
  }

  #kc-info-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
  }

  .login-pf .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #kc-ribbon {
    position: relative;
    max-width: 420px;
    margin-left: auto;
    text-align: right;
  }

  #kc-logo-wrapper {
    background-size: 100px 21px;
    height: 21px;
    width: 100px;
    margin: 20px 0 0 20px;
  }

  .kc-content {
    width: auto;
  }

  #kc-infobar-tenant-title {
    padding-top: 16px;

    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;

    color: #ffffff;
  }

  #kc-infobar-tenant-text {
    padding-top: 16px;

    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;

    color: rgba(241, 242, 246, 0.8);
  }
}

@media (min-height: 646px) {
  #kc-container-wrapper {
    bottom: 12%;
  }
}

@media (max-height: 645px) {
  #kc-container-wrapper {
    padding-top: 50px;
    top: 20%;
  }
}

.card-pf form.form-actions .btn {
  float: right;
  margin-left: 10px;
}

#kc-form-buttons {
  margin-top: 0px;
}

.login-pf-page {
  padding-top: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--color-login-bg);
  width: 100vw;
  height: 100vh;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0px;
}

@media (max-width: 600px) {
  .login-pf-page {
    background-color: var(--color-white);
  }
}

.login-pf-page-header {
  flex-shrink: 0;
}
.card-pf {
  flex-grow: 1;
  overflow: auto;
  min-height: 2em;
}

.login-pf-page .login-pf-brand {
  margin-top: 0;
  max-width: 100%;
  width: 100%;
}

/* Internet Explorer 11 compatibility workaround for select-authenticator screen */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .select-auth-box-parent {
    border-top: 1px solid #f0f0f0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
  }

  .select-auth-box-headline {
    font-size: 16px;
    color: #06c;
    font-weight: bold;
  }

  .select-auth-box-desc {
    font-size: 14px;
  }

  .pf-l-stack {
    flex-basis: 100%;
  }
}
/* End of IE11 workaround for select-authenticator screen */

.select-auth-box-arrow {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

.select-auth-box-icon {
  display: flex;
  flex: 0 0 2em;
  justify-content: center;
  margin-right: 1rem;
  margin-left: 3rem;
}

.select-auth-box-parent {
  border-top: 1px solid var(--pf-global--palette--black-200);
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}

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

.select-auth-container {
  padding-bottom: 0px !important;
}

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

.select-auth-box-desc {
  font-size: var(--pf-global--FontSize--sm);
}

.pf-c-alert.pf-m-danger.pf-m-inline {
  margin-bottom: 2em;
}

.card-pf {
  background-color: var(--color-white);
  border: none;
  box-shadow: 4px 4px 16px 0 var(--color-default-shadow);
  display: flex;
  flex-direction: row;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .card-pf {
    border-radius: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .kc-infobar {
    background: #003b64;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
    padding: var(--padding-medium) var(--padding-medium) var(--padding-large);
    min-width: 100%;
    height: auto !important;
  }

  .kc-infobar-wrapper {
    padding-left: unset !important;
    width: 80%;
  }

  #kc-infobar-tenant-logo {
    padding-top: 0;
  }

  #kc-infobar-tenant-logo svg {
    height: 52px;
    width: 150px;
  }

  #kc-infobar-tenant-title {
    font-size: 16px;
    line-height: 24px;
    padding-top: 0;
    min-width: 190px;
    max-width: calc(100% - 30px);
  }

  #kc-infobar-tenant-text {
    display: none;
  }

  #kc-ribbon {
    position: absolute;
    top: 30px;
    right: 8px;
  }

  #kc-vendor-logo {
    display: none;
  }

  a.kc-ribbon-link {
    color: white;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
  }

  a.kc-ribbon-link:hover {
    color: white;
  }

  .kc-bottom-link {
    font-size: 0.8rem;
    line-height: 1rem;
  }

  #kc-ribbon .kc-ribbon-link:hover {
    color: white;
    text-decoration: none;
  }

  #kc-ribbon-wrapper {
    display: flex;
    flex-direction: column;
  }

  #main-title {
    padding: 0;
  }

  @media (max-height: 740px) {
    .kc-vendor-logo {
      display: none;
    }
  }
}

@media (max-height: 400px) {
  .card-pf {
    height: 540px;
    margin: 30px auto;
  }
}

.gerudo-footer {
  background-color: #fff;
  flex-shrink: 0;
  padding: 24px;
  text-align: center;
  width: 100%;
  bottom: 0;
}

@media (max-height: 420px) {
  .gerudo-footer {
    /* position: relative !important; */
    bottom: 0;
  }
}

@media (max-width: 600px) {
  .gerudo-footer {
    height: 142px;
    left: 0px;
    right: 0px;
    overflow: hidden;
  }
  .card-pf {
    margin-bottom: 0px !important;
  }

  .kc-content {
    width: 100%;
    height: 100%;
    padding-top: 20px;
  }
}

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

/*phone*/
@media (max-width: 840px) {
  .login-pf-page .card-pf {
    border-top: 0;
    box-shadow: 0 0;
    padding-top: 0;
  }

  .kc-social-grid {
    grid-column-end: 12;
    --pf-l-grid__item--GridColumnEnd: span 12;
  }

  .kc-social-grid .kc-social-icon-text {
    left: -15px;
  }
}
@media (max-height: 420px) {
  .login-pf-page {
    height: 100% !important;
  }
  .login-pf-page .card-pf {
    height: max-content;
    margin-bottom: 30px;
  }
}

.login-pf-page .login-pf-signup {
  font-size: 15px;
  color: #363636;
}
.kc-content-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}

.login-pf-page.login-pf-page-accounts {
  margin-left: auto;
  margin-right: auto;
}

.login-pf-page .btn-primary {
  margin-top: 0;
}

.login-pf-page .list-view-pf .list-group-item {
  border-bottom: 1px solid #ededed;
}

.login-pf-page .list-view-pf-description {
  width: 100%;
}

#kc-form-login div.form-group:last-of-type,
#kc-register-form div.form-group:last-of-type,
#kc-update-profile-form div.form-group:last-of-type {
  margin-bottom: 0px;
}
.form-group {
  margin-bottom: 0;
}
.form-group:not(:first-of-type) label {
  margin-top: 32px;
}
.no-bottom-margin {
  margin-bottom: 0;
}

#kc-back {
  margin-top: 5px;
}

.strike {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  margin: 14px 0px;
}

.strike > span {
  position: relative;
  display: inline-block;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: var(--color-login-bg);
}

.strike > span:before,
.strike > span:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  height: 2px;
  background: rgba(110, 152, 194, 0.5);
}

.strike > span:before {
  right: 100%;
  margin-right: 15px;
}

.strike > span:after {
  left: 100%;
  margin-left: 15px;
}

#kc-in-form-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #101828;
}

#kc-in-form-title-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
  padding-top: 10px;
}