/*!
 * @copyright Copyright (c) KPH Healthcare Services, Inc., 2017-2024
 */
/* #00053e */
/* #FFCF01 */
/* #25408f */
/* #007fad */
/* #007fad */
/* #77A583 */
/*!
 * @copyright Copyright (c) KPH Healthcare Services, Inc., 2017-2024
 */
/* #00053e */
/* #FFCF01 */
/* #25408f */
/* #007fad */
/* #007fad */
/* #77A583 */
/* Typography */
/* Bases for modals */
/* Bases for data tables */
/* SVG Colors */
.field-group.invalid {
  border-color: #CC4343 !important;
}

.account-mfa {
  display: flex;
  flex-direction: column;
}
.account-mfa .mfa-options {
  display: flex;
  flex-direction: column;
}
.account-mfa .mfa-options .mfa-options-header {
  display: flex;
  flex-direction: row;
}
.account-mfa .mfa-options .mfa-options-header .mfa-options-header-text, .account-mfa .mfa-options .mfa-options-header .mfa-options-header-boolean, .account-mfa .mfa-options .mfa-options-header .mfa-options-header-action {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 900 !important;
  font-size: 22px;
  line-height: 34px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: stretch;
  text-align: left;
  text-transform: uppercase;
  color: rgb(0, 127, 173);
}
.account-mfa .mfa-options .mfa-options-body .mfa-option {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  align-items: stretch;
}
.account-mfa .mfa-options .mfa-options-body .mfa-verify-link {
  cursor: pointer;
  color: rgb(0, 5, 62) !important;
  border: none !important;
}
.account-mfa .mfa-options .mfa-options-body .mfa-option:nth-child(odd) {
  background: #E5E5E5;
}
.account-mfa .mfa-options .mfa-option-body-action, .account-mfa .mfa-options .mfa-options-header-action, .account-mfa .mfa-options .mfa-option-body-boolean, .account-mfa .mfa-options .mfa-options-header-boolean {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 0;
}
.account-mfa .mfa-options .mfa-option-body-action .boolean, .account-mfa .mfa-options .mfa-options-header-action .boolean, .account-mfa .mfa-options .mfa-option-body-boolean .boolean, .account-mfa .mfa-options .mfa-options-header-boolean .boolean {
  border: none !important;
}
.account-mfa .mfa-options .mfa-option-body-text, .account-mfa .mfa-options .mfa-options-header-text {
  flex: 3 0 0;
}
.account-mfa .mfa-options .mfa-option, .account-mfa .mfa-options .mfa-options-header {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: stretch;
}
.account-mfa .mfa-options .mfa-option .mfa-option-body-text, .account-mfa .mfa-options .mfa-option .mfa-option-body-action, .account-mfa .mfa-options .mfa-option .mfa-option-body-boolean, .account-mfa .mfa-options .mfa-options-header .mfa-option-body-text, .account-mfa .mfa-options .mfa-options-header .mfa-option-body-action, .account-mfa .mfa-options .mfa-options-header .mfa-option-body-boolean {
  font-size: 22px;
  line-height: 34px;
  padding: 10px;
}
.account-mfa .mfa-option div, .account-mfa .mfa-options-header div {
  border-right: 0.5px solid #CDCDCD !important;
}
.account-mfa .mfa-option div:last-of-type, .account-mfa .mfa-options-header div:last-of-type {
  border-right: none !important;
}
.account-mfa .mfa-option-add {
  font-size: 22px;
  line-height: 34px;
  padding: 10px;
}
.account-mfa .mfa-custom-radio input[type=checkbox], .account-mfa .mfa-custom-radio input[type=radio] {
  display: none;
}
.account-mfa .mfa-custom-radio .mfa-selected-control + .fa-circle {
  display: inline;
}
.account-mfa .mfa-custom-radio .mfa-selected-control + .fa-circle + .fa-dot-circle {
  display: none;
}
.account-mfa .mfa-custom-radio .mfa-selected-control:checked + .fa-circle {
  display: none;
}
.account-mfa .mfa-custom-radio .mfa-selected-control:checked + .fa-circle + .fa-dot-circle {
  display: inline;
}

._p-modal-dialog-body .form-group {
  display: flex;
  flex-direction: column;
}
._p-modal-dialog-body .form-group .field-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #dcdcdc;
}
._p-modal-dialog-body .form-group .field-group input, ._p-modal-dialog-body .form-group .field-group .verify-btn {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  border: none;
  height: 50px;
  padding: 0 0.75em 0 0.5em;
}
._p-modal-dialog-body .form-group .field-group .verify-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  background: rgb(37, 64, 143);
}
._p-modal-dialog-body .form-group .field-group input:focus {
  outline: none;
}

#add-mfa-step1-container.wizard-step1 ._p-dialog-close, #add-mfa-step1-container.wizard-step1 .mfa-add-cancel {
  display: none;
}

#mfa-wizard-container ._p-dialog-close {
  display: none !important;
}

#mfa-wizard-dialog, #mfa-add-dialog, #mfa-add-step2-dialog, #mfa-verify-dialog, #mfa-edit-dialog {
  max-height: 90vh;
  overflow: auto;
}

#authenticator-help-link {
  width: 100%;
  text-align: center !important;
  font-size: 22px !important;
}

.add-mfa-selector {
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-mfa-selector .mfa-option-button {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0.5em;
}
.add-mfa-selector .mfa-option-button input {
  display: none;
}
.add-mfa-selector .mfa-option-button .mfa-option-border {
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(0, 5, 62);
  padding: 0.5em;
}
.add-mfa-selector .mfa-option-button .mfa-option-border .mfa-option-icon {
  width: 64px;
  height: 64px;
}
.add-mfa-selector .mfa-option-button .mfa-option-border .mfa-option-icon img {
  filter: invert(7%) sepia(34%) saturate(5884%) hue-rotate(227deg) brightness(90%) contrast(116%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.add-mfa-selector .mfa-option-button .mfa-option-border .mfa-option-label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-mfa-selector .mfa-option-button input:checked + .mfa-option-border {
  color: #ffffff;
  background: rgb(37, 64, 143);
  border: 1px solid rgb(37, 64, 143) !important;
}
.add-mfa-selector .mfa-option-button input:checked + .mfa-option-border .mfa-option-icon img {
  filter: invert(91%) sepia(100%) saturate(1%) hue-rotate(58deg) brightness(104%) contrast(101%);
}

#mfa-phone-number-container {
  display: none;
}

#mfa-phone-number-container.visible {
  display: flex;
  align-items: center;
  justify-content: center;
}
#mfa-phone-number-container.visible label {
  margin-right: 5px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
}

.mfa-qrcode-container {
  display: flex;
}
.mfa-qrcode-container #verification-error:empty {
  display: none;
}
.mfa-qrcode-container #verification-error {
  color: #CC4343;
}

.mfa-secret-container {
  border: 1px solid #808080;
  border-radius: 8px;
  margin-bottom: 24px;
}
.mfa-secret-container .secret-label {
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}
.mfa-secret-container .secret-value {
  text-align: center;
}

@media (max-width: 769px) {
  .desktop-only {
    width: 0;
    overflow: hidden;
  }
  .account-mfa .mfa-options .mfa-mobile-order-1 {
    order: 1;
  }
  .account-mfa .mfa-options .mfa-mobile-order-2 {
    order: 2;
  }
  .account-mfa .mfa-options .mfa-mobile-order-3 {
    order: 3;
  }
  .account-mfa .mfa-options .mfa-mobile-order-4 {
    order: 4;
  }
  .mfa-qrcode-container {
    flex-direction: column;
  }
}
@media (min-width: 770px) {
  .account-mfa .mfa-options .mfa-desk-order-1 {
    order: 1;
  }
  .account-mfa .mfa-options .mfa-desk-order-2 {
    order: 2;
  }
  .account-mfa .mfa-options .mfa-desk-order-3 {
    order: 3;
  }
  .account-mfa .mfa-options .mfa-desk-order-4 {
    order: 4;
  }
  .mfa-modal-dialog {
    max-width: 730px;
  }
  .add-mfa-selector {
    flex-direction: row;
  }
  .mfa-qrcode-container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 770px) {
  #mfa-wizard-dialog, #mfa-add-dialog, #mfa-add-step2-dialog, #mfa-verify-dialog, #mfa-edit-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
  }
}

/*# sourceMappingURL=account-mfa.css.map */