.login-pf {
  background: url(./background.png);
  background-position: top;
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-pf body {
  background: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

#kc-header {
  display: none;
}

#kc-username {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

#kc-info-wrapper {
  font-size: 0.9em;
}

#kc-totp-settings > li {
  padding: 10px;
}

.pf-c-alert.pf-m-warning {
  margin-bottom: 30px;
}

.card-pf {
  max-width: 500px;
  margin: 0 auto;
}

.select-auth-container > div:first-child {
  padding-bottom: 25px;
}

.select-auth-box-icon-properties {
  margin-right: 15px;
}

.select-auth-box-parent {
  padding-bottom: 25px;
  cursor: pointer;
}
.pf-c-button.pf-m-control {
  border-color: rgba(230, 230, 230, 0.5);
}

::-ms-reveal {
  display: none;
}

/* Add for the cac card login info that was running off the modal. */
.pf-c-form__label-text {
  word-wrap: break-word;
}

.bold {
  font-weight: 800;
}

.bold-warn {
  font-weight: 800;
  color: red;
}

/* Used for the x509 and custom auth modal*/
.pf-l-stack {
  height: 25%;
}

.pf-l-split {
  display: block !important;
}

.pf-l-stack__item {
  background-color: transparent;
  color: #ffffff;
  padding: 2px;
}

.pf-l-stack__item.select-auth-box-parent.pf-l-split {
  background-color: transparent;
  color: #ffffff;
  padding: 5px;
}

.auth-list {
  background-color: #0078d4;
  color: #ffffff;
  padding: 5px;
}

/*.auth-list:hover {
  background-color: #106ebe;
}*/

/* Changes for the select two factor auth background white issue due to clashing patternfly classes */
.pf-l-split__item.select-auth-box-icon {
  background-color: #0078d4;
  padding-left: 5px;
}

.pf-l-split__item.pf-l-stack {
  background-color: #0078d4;
  padding-left: 5px;
}

.pf-l-split__item.select-auth-box-arrow {
  background-color: #0078d4;
  padding-left: 5px;
}