@charset "utf-8";

.pay-now-credit-card-dialog-wrapper .s-kit-modal-content { width: 460px; }

.pay-now-credit-card-dialog-wrapper .credit-card-title { display: flex; align-items: center; font-size: 20px; font-weight: bold; color: rgb(75, 80, 86); }

.pay-now-credit-card-dialog-wrapper .credit-card-title .card-image { height: 23px; margin-left: 6px; }

.pay-now-credit-card-dialog-wrapper .credit-card-form-panel { color: rgb(75, 80, 86); }

.pay-now-credit-card-dialog-wrapper .credit-card-form-panel .form-row { margin-top: 20px; display: flex; justify-content: space-between; }

.pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .field-row { display: flex; align-items: flex-start; }

.pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .s-kit-input { width: 80px; }

.pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .split-line { font-weight: bold; margin: 16px 6px 0px; }

.pay-now-credit-card-dialog-wrapper .submit-btn { width: 100%; margin: 20px 0px 0px; }

.pay-now-credit-card-dialog-wrapper .form-field-error { color: rgb(230, 71, 81); line-height: 1.2; margin-top: 6px; }

.pay-now-credit-card-dialog-wrapper .charge-error { color: rgb(230, 71, 81); font-size: 14px; margin-top: 6px; }

@media screen and (max-width: 560px) {
  .pay-now-credit-card-dialog-wrapper .s-kit-modal-content { width: 100%; }
  .pay-now-credit-card-dialog-wrapper .credit-card-title { font-size: 16px; }
  .pay-now-credit-card-dialog-wrapper .credit-card-title .card-image { height: 20px; }
  .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel { margin-right: 10px; }
}