/*!
 * @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: #007fad; }
    .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: #00053e !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: #25408f; }
    ._p-modal-dialog-body .form-group .field-group input:focus {
      outline: none; }

#add-mfa-step1-container.wizard-step1 #mfa-select-totp, #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: calc(0.9 * 100vh);
  overflow: auto; }

.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 #00053e;
      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: #25408f;
      border: 1px solid #25408f !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; }

@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 */
