/* MyWoolbridge: centered popup message title fix.
   The generic modal title keeps right padding for close buttons.
   In centered message popups this padding visually shifts the heading. */
#wbAccountWelcomeModal .wb-popup-modal__title,
.wb-account-welcome-modal .wb-popup-modal__title {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 460px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

#wbAccountWelcomeModal .wb-popup-modal__text,
.wb-account-welcome-modal .wb-popup-modal__text {
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#wbAccountWelcomeModal .btn-close,
.wb-account-welcome-modal .btn-close,
#wbAccountWelcomeModal .wb-popup-modal__close,
.wb-account-welcome-modal .wb-popup-modal__close {
  z-index: 3;
}

@media (max-width: 575.98px) {
  #wbAccountWelcomeModal .wb-popup-modal__title,
  .wb-account-welcome-modal .wb-popup-modal__title {
    max-width: calc(100% - 28px) !important;
  }
}