/* Shared spacing and table adjustments for the different payment pages */
.bootstrap5 {
  /* Upsell modal shipping address styles */
  /* Vault notification modal */
  /* Ensure stacked layout on small screens for specific payment pages */
}
.bootstrap5 #frmPayment #payment_section .form_wrapper {
  display: flex;
}
.bootstrap5 #frmPayment #payment_section .form_wrapper .payment_summary-custom {
  padding: 0 15px;
}
.bootstrap5 #frmPayment #payment_section .form_wrapper .payment_summary-custom .payment-summary .amount-table .hr-solid td {
  border-bottom: none;
}
.bootstrap5 #frmPayment #payment_section .form_wrapper .payment_method_custom {
  padding: 0 15px;
}
.bootstrap5 #frmPayment #payment_section .gooogle-pay-buttom #google-pay #gpay-button-online-api-id {
  width: 100%;
}
.bootstrap5 .user-upsell-payment-page #modal-shipping-address .modal-dialog .modal-content .modal-header .btn-close {
  font-size: 22px !important;
  order: 2;
}
.bootstrap5 .user-upsell-payment-page #modal-shipping-address .modal-dialog .modal-content .modal-header .btn-close span {
  display: none;
}
.bootstrap5 .user-upsell-payment-page #modal-shipping-address .modal-dialog .modal-content .modal-footer {
  justify-content: center;
}
.bootstrap5 .user-upsell-payment-page #modal-shipping-address .modal-dialog .modal-content .modal-footer button {
  height: 44px;
  width: 165px;
  font-size: 20px;
  font-weight: bold;
}
.bootstrap5 .user-upsell-payment-page #modal-shipping-address .modal-dialog .modal-content .modal-footer .btn-default {
  border: 1px solid #ccc;
}
.bootstrap5 .user-upsell-payment-page #modal-shipping-address .modal-dialog .modal-content .modal-footer .btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bootstrap5 #modal-vault-notification .modal-dialog .modal-content .modal-body {
  /* Vault process button spacing */
}
.bootstrap5 #modal-vault-notification .modal-dialog .modal-content .modal-body .medium-img {
  float: right;
}
.bootstrap5 #modal-vault-notification .modal-dialog .modal-content .modal-body .medium-img .btn-close {
  font-size: 22px !important;
}
.bootstrap5 #modal-vault-notification .modal-dialog .modal-content .modal-body .process-vault .button-vault .button-vault-process {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .bootstrap5 #frmPayment #payment_section .form_wrapper {
    flex-direction: column;
  }
  .bootstrap5 .user-upsell-payment-page #modal-shipping-address .modal-dialog .modal-content .modal-footer button {
    width: 45%;
  }
}