.generic-error-popup .modal-dialog .modal-body,
.generic-success-popup .modal-dialog .modal-body {
  text-align: right;
}
.generic-error-popup .modal-dialog .modal-body .icon-nw-close,
.generic-success-popup .modal-dialog .modal-body .icon-nw-close {
  right: unset;
  left: 32px;
}
.onboardpopup-container b, 
.onboardpopup-container b a {
  color: var(--f-brand-color-text-link);
  text-decoration: underline;
}

.generic-multiple-popup .onboardpopup-container {
  width: 100% !important;
}

@media (min-width: 768px) {
  .onboardpopup-container .content-container .content {
    text-align: right;
  }
  .content-container .steps .steps-block {
    text-align: right;
  }
  .content-container .steps .close-icon {
    right: unset;
    left: 32px;
  }
  .onboardpopup-container .content-container .button-wrapper {
    display: flex;
    flex-direction: row;
    margin-left: unset;
    margin-right: auto;
  }
  .onboardpopup-container .content-container .button-wrapper .button {
    margin: var(--f-base-space-0);
    margin-right: var(--f-base-space-2);
  }

  .generic-error-popup .modal-dialog .button-wrapper,
  .generic-success-popup .modal-dialog .button-wrapper,
  .onboardpopup-container .content-container .button-wrapper {
    margin-left: unset;
    margin-right: auto;
  }

  .generic-error-popup .modal-dialog .button-wrapper .button,
  .generic-success-popup .modal-dialog .button-wrapper .button,
  .onboardpopup-container .content-container .button-wrapper .button {
    margin-left: unset;
    margin-right: var(--f-base-space-2);
  }

  .onboardpopup-container .content-container .content { 
    margin-top: 70px; 
  }
  
  .content-container .steps  {
    position: absolute;
    left: unset;
    right: var(--f-base-space-0);
    top: var(--f-base-space-0);
    width: 100%; 
  }
}

@media screen and (max-width: 767px) {
  .generic-success-popup.modal.show, 
  .generic-error-popup.modal.show, 
  .generic-multiple-popup.modal.show {
    margin: auto;
    height: 100%;
  }
  .generic-popup .modal-dialog {
    height: 100%;
  }
  .generic-popup .modal-dialog .modal-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}