@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap');
:root {
  /* GENERAL START */
  --pay-body-bg-color: #ECEFF1;
  --pay-body-font-color: #212529;
  --pay-body-font-family: 'Manrope', sans-serif;
  --pay-link-font-color: #224B9A; /* this covers other text links but not specific ones, e.g. terms link, print link */
  --pay-focus-outline-color: #101010!important;
  /* GENERAL END */

  /* TYPOGRAPHY START */
  --pay-h1-font-weight: 700;
  --pay-h2-font-weight: 700;
  --pay-h3-font-weight: 700;
  --pay-h4-font-weight: 700;
  --pay-error-font-color: red;
  /* TYPOGRAPHY END */

  /* TOP HEADER BAR START */
  --pay-header-bg-color: #fff;
  --pay-header-font-color: #585858;
  --pay-header-border-bottom: 1px solid #d9d9d9;
  --pay-header-line-split-color-top: rgba(217, 217, 217, 0); /* this always has to be an RGBA value for gradients with opacity*/
  --pay-header-line-split-color-bottom: #D9D9D9; /* this can be an RGBA value as well if opacity is needed */
  --pay-header-line-split-bg: linear-gradient(180deg, var(--pay-header-line-split-color-top) 0%, var(--pay-header-line-split-color-bottom) 100%);
  /* TOP HEADER BAR END */

  /* CARDS START */
  /* cards -- main -- start  */
  --pay-card-header-font-family: inherit;
  --pay-card-header-font-size: 1.125rem;
  --pay-card-header-font-color: #212529;
  --pay-card-header-bg-color: transparent;
  --pay-card-header-border-bottom: none;

  --pay-card-bg-color: #fff;
  --pay-card-border-radius: 10px 10px 10px 10px;
  --pay-card-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);

  --pay-card-sub-header-font-family: inherit;
  --pay-card-sub-header-font-size: 1rem;
  --pay-card-sub-header-font-color: #212529;
  --pay-card-sub-header-bg-color: #fff;
  --pay-card-sub-header-padding: 10px 0px 10px 0px;

  --pay-card-footer-display: flex;
  --pay-card-footer-justify-content: flex-end;
  --pay-card-footer-gap: 8px;
  /* cards -- main -- end  */

  /* cards -- side -- start  */
  --pay-side-widget-header-font-family: inherit;
  --pay-side-widget-header-font-size: 1.125rem;
  --pay-side-widget-header-font-color: #212529;
  --pay-side-widget-header-bg-color: transparent;
  --pay-side-widget-header-title-padding: 0 0 0 24px;

  --pay-side-widget-border-bottom: none;
  --pay-side-widget-border-radius: 10px 10px 10px 10px;
  --pay-side-widget-bg-color: #fff;
  --pay-side-widget-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
  /* cards -- side -- end  */
  /* CARDS END */

  /* BUTTONS START */
  /* buttons -- primary -- start */
  --pay-btn-primary-font-color: #fff;
  --pay-btn-primary-font-family: inherit;
  --pay-btn-primary-font-size: 1rem;
  --pay-btn-primary-bg-color: #224B9A;
  --pay-btn-primary-text-transform: uppercase;
  --pay-btn-primary-text-decoration: none;
  --pay-btn-primary-min-width: 160px;
  --pay-btn-primary-padding: 12px 45px 12px 45px;
  --pay-btn-primary-font-weight: 500;
  --pay-btn-primary-border: 1px solid #224B9A;
  --pay-btn-primary-border-radius: 24px;
  --pay-btn-primary-box-shadow: none;
  
  --pay-btn-primary-hover-font-color: #fff;
  --pay-btn-primary-hover-bg-color: #2C65D3;
  --pay-btn-primary-hover-text-decoration: none;
  --pay-btn-primary-hover-border-color: #2C65D3;
  --pay-btn-primary-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(32, 126, 177, 0.6);
  /* buttons -- end */

  /* buttons -- back/secondary -- start */
  --pay-btn-secondary-font-color: #224B9A;
  --pay-btn-secondary-bg-color: #fff;
  --pay-btn-secondary-border: 1px solid #224B9A;
  --pay-btn-secondary-box-shadow: none;
  --pay-btn-secondary-text-transform: var(--pay-btn-primary-text-transform);
  --pay-btn-secondary-text-decoration: none;

  --pay-btn-secondary-hover-font-color: #224B9A;
  --pay-btn-secondary-hover-bg-color: #f6fafd;
  --pay-btn-secondary-hover-border: 1px solid #1a5798;
  --pay-btn-secondary-hover-box-shadow: none;
  --pay-btn-secondary-hover-text-decoration: none;
  /* buttons -- back/secondary -- end */

  /* buttons -- text link / receipt print button / duplicate cancel btn -- start */
  --pay-btn-tertiary-font-color: #224B9A;
  --pay-btn-tertiary-font-size: 1rem;
  --pay-btn-tertiary-font-weight: 500;
  --pay-btn-tertiary-text-decoration: none;
  --pay-btn-tertiary-text-transform: uppercase;
  --pay-btn-tertiary-bg-color: #fff;
  --pay-btn-tertiary-box-shadow: none;
  --pay-btn-tertiary-padding: 12px 12px 12px 12px;
  --pay-btn-tertiary-border: 1px solid #224B9A;

  --pay-btn-tertiary-hover-font-color: #224B9A;
  --pay-btn-tertiary-hover-font-weight: 500;
  --pay-btn-tertiary-hover-text-decoration: none;
  --pay-btn-tertiary-hover-bg-color: #f6fafd;
  --pay-btn-tertiary-hover-box-shadow: none;
  --pay-btn-tertiary-hover-border: 1px solid #1a5798;

  /* buttons -- text link / receipt print button -- end */

  /* buttons -- text link / terms -- start */
  --pay-btn-terms-font-color: #224B9A;
  --pay-btn-terms-font-size: 0.875rem;
  --pay-btn-terms-bg-color: #fff;
  --pay-btn-terms-text-decoration: underline;

  --pay-btn-terms-hover-font-color: #224B9A;
  --pay-btn-terms-hover-bg-color: #fff;
  --pay-btn-terms-hover-text-decoration: none;
  /* buttons -- text link / terms -- end */

  /* buttons -- text link / used in multipay enter account info - pay another account -- start*/
  --pay-add-item-link-font-color: #224B9A;
  --pay-add-item-link-font-size: 0.875rem;
  --pay-add-item-link-font-weight: 500;
  --pay-add-item-link-bg-color: transparent;
  --pay-add-item-link-padding: 8px 8px 8px 8px;
  --pay-add-item-link-border: none;
  --pay-add-item-link-text-decoration: underline;
  --pay-add-item-link-text-transform: capitalize;

  --pay-add-item-link-hover-font-color: #1e65b2;
  --pay-add-item-link-hover-bg-color: transparent;
  --pay-add-item-link-hover-border: none;
  --pay-add-item-link-hover-text-decoration: underline;
  --pay-add-item-link-hover-text-transform: capitalize;

  --pay-remove-item-link-font-color: #224B9A;
  --pay-remove-item-link-hover-font-color: #224B9A;
  /* buttons -- text link / used in multipay enter account info - pay another account -- end */

  /* buttons -- bulletins -- start */
  /* more info, sign up, view usage, view ebill, bulletin buttons */
  /* based on btn primary with small differences */
  --pay-btn-bulletin-font-color: #224B9A;
  --pay-btn-bulletin-bg-color: #fff;
  --pay-btn-bulletin-font-size: 1rem;
  --pay-btn-bulletin-padding: 6px 12px 6px 12px;
  --pay-btn-bulletin-font-weight: 600;
  --pay-btn-bulletin-text-decoration: underline;
  --pay-btn-bulletin-text-transform: uppercase;
  --pay-btn-bulletin-border: none;
  --pay-btn-bulletin-border-radius: 4px 4px 4px 4px;
  --pay-btn-bulletin-box-shadow: none;

  --pay-btn-bulletin-hover-font-color: #224B9A;
  --pay-btn-bulletin-hover-bg-color: #fff;
  --pay-btn-bulletin-hover-font-weight: 600;
  --pay-btn-bulletin-hover-text-decoration: none;
  --pay-btn-bulletin-hover-text-transform: uppercase;
  --pay-btn-bulletin-hover-border: none;
  --pay-btn-bulletin-hover-box-shadow: none;
  /* buttons -- bulletins -- end */
  /* BUTTONS END */

  /* INPUTS START */
  /* input -- text field -- start */
  --pay-input-label-font-size: 0.875rem;
  --pay-input-label-font-color: #212529;
  --pay-input-label-font-family: inherit;
  --pay-input-label-font-weight: 500;
  --pay-input-field-font-color: inherit;
  --pay-input-field-placeholder-font-color: #757575;
  --pay-input-field-padding: 8px 8px 8px 8px;
  --pay-select-field-padding: 7px 8px 7px 8px;
  --pay-input-field-border: 1px solid #E6E6E6;
  --pay-input-field-border-radius: 6px 6px 6px 6px;
  --pay-input-field-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  --pay-input-field-focus-border-color: #224B9A;
  --pay-input-field-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(35, 116, 204, 0.6);

  --pay-input-label-error-font-color: inherit;
  --pay-input-label-error-border-color: #ff0000;
  /* input -- text field -- end */

  /* input -- radio and checkbox -- start */
  --pay-radio-checkbox-border-color: #AEAEAE;
  --pay-radio-checkbox-checked-color: #224B9A;
  /* input -- radio and checkbox -- end */

  /* input -- bootstrap dropdown menu for payment types -- start */
  /* note some styling is already re-used from input field styling */
  --pay-bootstrap-select-active-font-color: #fff;
  --pay-bootstrap-select-active-bg-color: #224b9a;
  --pay-bootstrap-select-active-pt-icon-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  /* input -- bootstrap dropdown menu for payment types -- end */
  /* INPUTS END */

  /* FOOTER START */
  --pay-footer-font-size: 0.813rem;
  --pay-footer-font-family: inherit;
  --pay-footer-font-color: #1e3543;
  --pay-footer-text-align: center;
  --pay-footer-margin: 24px 24px 0px 0px;
  --pay-footer-padding: 3em 4em 1em 4em;
  --pay-footer-border-top: 1px solid #d9dfe1;

  --pay-footer-link-color: #1e3543;
  --pay-footer-link-text-decoration: underline;

  --pay-footer-link-hover-color: #1e3543;
  --pay-footer-link-hover-text-decoration: underline;
  /* FOOTER END */

  /* MODALS START */
  --pay-modal-header-font-color: #212529;
  --pay-modal-header-font-size: 1.125rem;
  --pay-modal-header-bg-color: #fff;
  --pay-modal-bg-color: #fff;
  --pay-modal-close-icon-color: #212529;
  /* MODALS END */

  /* ERROR CONTAINER START */
  --pay-error-content-font-color: #752e2d;
  --pay-error-content-font-size: 0.813rem;
  --pay-error-content-bg-color: #FFEDED;
  --pay-error-content-border: 1px solid #ebccd1;
  --pay-error-content-padding: 16px 16px 16px 16px;
  --pay-error-content-border-radius: 8px 8px 8px 8px;
  /* ERROR CONTAINER END */

  /* TABLES START */
  --pay-table-heading-font-color: #212529;
  --pay-table-heading-font-size: 0.813rem;
  --pay-table-heading-font-weight: 500;
  --pay-table-heading-bg-color: #dee4f0;
  --pay-table-border-color: #E6E6E6;
  /* TABLES END*/

  /* CALC BOX START */
  --pay-calc-box-heading-font-color: #212529;
  --pay-calc-box-heading-font-weight: 400;
  --pay-calc-box-heading-font-size: 1rem;
  --pay-calc-box-font-size: 1rem;
  --pay-calc-box-font-color: inherit;
  --pay-calc-box-background: #F4F4F4;
  --pay-calc-box-border: none;
  --pay-calc-box-border-radius: 6px 6px 6px 6px;
  --pay-calc-box-icon-color: #585858;
  /* CALC BOX END */

  /* RECEIPT START */
  --pay-receipt-review-msg-success-color: #224B9A;
  --pay-receipt-review-msg-fail-color: #d44d50;
  --pay-receipt-review-msg-font-size: 20px;
  --pay-receipt-review-msg-text-align: center;
  --pay-receipt-review-msg-icon-url: url("../../img/ui-v2-icons/success.svg");
  --pay-receipt-border-color: #E6E6E6;
  /* RECEIPT END */
}

body {
  background: var(--pay-body-bg-color);
  font-family: var(--pay-body-font-family);
  font-style: normal;
  margin: 0;
}


h1, h2, h3, h4, h5, h6 {
    font-family: var(--pay-body-font-family);
}

h1 {
  font-weight: var(--pay-h1-font-weight);
}

h2 {
  font-weight: var(--pay-h2-font-weight);
}

h3 {
  font-weight: var(--pay-h3-font-weight);
}

h4 {
  font-weight: var(--pay-h4-font-weight);
}

h5 {
  font-weight: var(--pay-h5-font-weight);
}

.headerOverlay {
  background-color: var(--pay-header-bg-color);
  border-bottom: var(--pay-header-border-bottom)
}

.title {
  color: var(--pay-header-font-color);
}

.headersplit {
  width: 1px;
  background: var(--pay-header-line-split-bg);
}

.payment-amount-row .payment-form-group label {
  display: block;
}

.step-heading-subtitle {
	float: left;
	padding-left: 24px;
}

#main-container {
  z-index: 501;
  background-color: transparent;
}

.step {
  background-color: var(--pay-card-bg-color);
  -webkit-border-radius: var(--pay-card-border-radius);
  -moz-border-radius: var(--pay-card-border-radius);
  -ms-border-radius: var(--pay-card-border-radius);
  -o-border-radius: var(--pay-card-border-radius);
  border-radius: var(--pay-card-border-radius);
  box-shadow: var(--pay-card-box-shadow);
}

.content.setLeftContent {
  border-top: var(--pay-card-header-border-bottom);
}

.bw-invite-receipt-widget{
  background-color: white;
}

.bw-invite-receipt-widget-border {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
}

.bw-invite-receipt-button img {
  border: 1px solid;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.item-header { 
  background-color: transparent;
  border-bottom: none;
  color: var(--pay-card-header-font-color);
  overflow: visible;
  position: relative;
  margin: 0;
}

.item-header h1 {
  font-family: var(--pay-card-header-font-family);
  width: 100%;
  background-color: var(--pay-card-header-bg-color);
  font-size: var(--pay-card-header-font-size);
  white-space: normal;
}

.item-header h1 .step-text {
  padding-left: 24px;
}

.item-header h3 {
  font-family: inherit;
}

.item-sub-header {
  background: var(--pay-card-sub-header-bg-color);
  line-height: normal;
  padding: var(--pay-card-sub-header-padding);
}

.item-sub-header h2 {
  color: var(--pay-card-sub-header-font-color);
  font-family: var(--pay-card-sub-header-font-family);
  font-weight: var(--pay-h2-font-weight);
  font-size: var(--pay-card-sub-header-font-size);
  padding-right: 0;
  line-height:normal;
}

.item-sub-header.error {
  background: transparent;
  border: none;
}

.item-sub-header.error h2,
.item-sub-header.error h3 {
  color: var(--pay-error-font-color);
}

.accountInformation .item-row-content-col {
    padding: 0 0 24px 0;
}

.bill-summary {
  background-color: transparent;
  position: relative;
  padding: 0;
  margin: 24px 24px 0px 0px;
}

.sample-bill {
  background-color: transparent;
  padding: 24px 24px 0px 0px;
  margin: 0;
}

.sample-bill .epd {
  padding-bottom: 1.5em;
  background-color: white;
}

.helper-account-info {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: transparent;
  border: none;
}

.helper-account-img2 {
  margin-left:24px;
  margin-right:24px;
}

.did-you-know {
  padding: 24px 24px 24px 0px;
  margin: 0;
  background-color: transparent;
}


.bw-widget .bw-widget-background h2 {
  font-family: var(--pay-body-font-family);
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
}

.bw-widget p {
  font-family: var(--pay-body-font-family);
}

.bw-button-label {
  color: white;
  font-family: var(--pay-body-font-family);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
}

.bulletin-border {
  padding-bottom: 0.5em;
  -webkit-border-radius: var(--pay-side-widget-border-radius);
  -moz-border-radius: var(--pay-side-widget-border-radius);
  -ms-border-radius: var(--pay-side-widget-border-radius);
  -o-border-radius: var(--pay-side-widget-border-radius);
  border-radius: var(--pay-side-widget-border-radius);
  background-color: var(--pay-side-widget-bg-color);
  box-shadow: var(--pay-side-widget-box-shadow);
}

.sample-bill .epd {
  background-color: var(--pay-side-widget-bg-color);
}

.popup .item-header {
  padding: 1em;
  background: var(--pay-modal-header-bg-color);
}

.popup h2 {
  font-size: var(--pay-modal-header-font-size);
  color: var(--pay-modal-header-font-color);
}

.popup .item-content {
  padding: 1.125rem 1.125rem;
  background-color: var(--pay-modal-bg-color);
}

.mfp-close-btn-in .mfp-close, .gdot-dlg-close {
  color: var(--pay-modal-close-icon-color);
}

.bulletin h2 {
  position: relative;
  font-family: var(--pay-side-widget-header-font-family);
  font-size: var(--pay-side-widget-header-font-size);
  line-height: 64px;
  padding: var(--pay-side-widget-header-title-padding);
  color: var(--pay-side-widget-header-font-color);
  background-color: var(--pay-side-widget-header-bg-color);
  border-bottom: var(--pay-side-widget-border-bottom);
}

.item-row.action-row .col-whole-action {
  align-items: center;
  display: var(--pay-card-footer-display);
  justify-content: var(--pay-card-footer-justify-content);
  gap: var(--pay-card-footer-gap);
}

label.standard-label img {
  position: relative;
  float: left;
  height: 24px;
  width: 24px;
  margin: 0 8px;
  top:-2px;
}

.item-row.addItem a {
  color: var(--pay-add-item-link-font-color);
  font-size: var(--pay-add-item-link-font-size);
  font-weight: var(--pay-add-item-link-font-weight);
  background-color: var(--pay-add-item-link-bg-color);
  padding: var(--pay-add-item-link-padding);
  border: var(--pay-add-item-link-border);
  text-decoration: var(--pay-add-item-link-text-decoration);
  text-transform: var(--pay-add-item-link-text-transform);
}

.item-row.addItem a:hover {
  color: var(--pay-add-item-link-hover-font-color);
  background-color: var(--pay-add-item-link-hover-bg-color);
  text-decoration: var(--pay-add-item-link-hover-text-decoration);
  text-transform: var(--pay-add-item-link-hover-text-transform);
  border: var(--pay-add-item-link-hover-border);
}

.item-row.addItem a .fa {
  display: none;
}

.item-row.addItem .col-whole {
  border-top: 1px solid #E6E6E6;
}

.extra-account {
  border-top: 1px solid #E6E6E6;
}

.reviewContent.no-fee .item-row-content-col.calcBox {
  align-items: center;
  background: var(--pay-calc-box-background);
  color: var(--pay-calc-box-font-color);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  justify-content: space-between;
  margin-top: 1.5em;
  padding: 0 16px;
  width: 100%;
  border: var(--pay-calc-box-border);
  -webkit-border-radius: var(--pay-calc-box-border-radius);
  -moz-border-radius: var(--pay-calc-box-border-radius);
  -ms-border-radius: var(--pay-calc-box-border-radius);
  -o-border-radius: var(--pay-calc-box-border-radius);
  border-radius: var(--pay-calc-box-border-radius);
}

.reviewContent.no-fee .item-row-content-col.calcBox p {
  font-size: 16px;
  color: var(--pay-calc-box-font-color);
}

.reviewContent .item-row-content-col.calcBox, .reviewContent .item-row-content-col.serviceFeeBox, .reviewContent .item-row-content-col.totalBox{
  background: var(--pay-calc-box-background);
  border: var(--pay-calc-box-border);
  color: var(--pay-calc-box-font-color);
  font-size: 16px;
  font-weight: 600;
  padding:16px;
  -webkit-border-radius: var(--pay-calc-box-border-radius);
  -moz-border-radius: var(--pay-calc-box-border-radius);
  -ms-border-radius: var(--pay-calc-box-border-radius);
  -o-border-radius: var(--pay-calc-box-border-radius);
  border-radius: var(--pay-calc-box-border-radius);
}

.reviewContent .item-row-content-col .review-title{
  font-size: var(--pay-calc-box-heading-font-size);
  font-weight: var(--pay-calc-box-heading-font-weight);
  color: var(--pay-calc-box-heading-font-color);
}

.calcBox p, .serviceFeeBox p, .totalBox p {
  font-size: var(--pay-calc-box-font-size);
  color: var(--pay-calc-box-font-color);
}

.reviewContent .item-row-content-col i.fa-plus, .reviewContent .item-row-content-col i.fa-equals {
  color: var(--pay-calc-box-icon-color);
}

.reviewContent .item-row-content-col i.fa-plus {
  font-size: 20px;
}

.reviewContent .item-row-content-col i.fa-equals {
  font-size: 30px;
  font-weight: bold;
}

.item-row-content-col.itemPlus {
  margin-top: 46px!important;
}

.item-row-content-col.itemEqual {
  margin-top: 40px!important;
}


.reviewContent .table-container + .item-row .item-row-content-col.itemPlus{ 
  margin-top: 1.4em !important;
}

label, .label {
  display: inline-block;
  font-size: var(--pay-input-label-font-size);
  font-weight: var(--pay-input-label-font-weight);
  color: var(--pay-input-label-font-color);
  font-family: var(--pay-input-label-font-family);
  cursor: default;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select {
  color: var(--pay-input-field-font-color);
  border: var(--pay-input-field-border);
  border-radius: var(--pay-input-field-border-radius);
  box-shadow: var(--pay-input-field-box-shadow);
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
  padding: var(--pay-input-field-padding);
}

select {
  padding: var(--pay-select-field-padding);
}

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder, select::placeholder {
  color: var(--pay-input-field-placeholder-font-color);
}

.boxshadow input[type="text"]:focus, .boxshadow input[type="password"]:focus, .boxshadow input[type="text"]:focus, .boxshadow input[type="tel"]:focus, .boxshadow input[type="number"]:focus, .boxshadow textarea:focus, .boxshadow select:focus {
  border-color: var(--pay-input-field-focus-border-color);
  outline: none;
  -webkit-box-shadow: var(--pay-input-field-focus-box-shadow);
  box-shadow: var(--pay-input-field-focus-box-shadow);
}

.error label, .error .label {
  color: var(--pay-input-label-error-font-color);
}

.error input[type="text"], .error input[type="email"],
.error input[type="password"], .error input[type="tel"],
.error input[type="number"], .error select {
  border-color: var(--pay-input-label-error-border-color)!important;
}

.pt-select {
  border: none;
  padding-left: 0;
}

.btn-action {
  font-family: var(--pay-btn-primary-font-family);
  background-color: var(--pay-btn-primary-bg-color);
  color: var(--pay-btn-primary-font-color);
  font-size: var(--pay-btn-primary-font-size);
  font-weight: var(--pay-btn-primary-font-weight);
  min-width: var(--pay-btn-primary-min-width);
  padding: var(--pay-btn-primary-padding);
  text-decoration: var(--pay-btn-primary-text-decoration);
  text-transform: var(--pay-btn-primary-text-transform);
  border: var(--pay-btn-primary-border);
  -webkit-border-radius: var(--pay-btn-primary-border-radius);
  -moz-border-radius: var(--pay-btn-primary-border-radius);
  -ms-border-radius: var(--pay-btn-primary-border-radius);
  -o-border-radius: var(--pay-btn-primary-border-radius);
  border-radius: var(--pay-btn-primary-border-radius);
}

input.btn-action {
  box-shadow: var(--pay-btn-primary-box-shadow)!important;
}

html.mobileDisabled .btn-action:hover {
  color: var(--pay-btn-primary-hover-font-color);
  background-color: var(--pay-btn-primary-hover-bg-color);
  border-color: var(--pay-btn-primary-hover-border-color);
  text-decoration: var(--pay-btn-primary-hover-text-decoration);
}

html.mobileDisabled input.btn-action:hover {
  box-shadow: var(--pay-btn-primary-hover-box-shadow)!important;
}

.btn-action:focus {
  outline-color: var(--pay-focus-outline-color);
}

.btn-action.btn-terms,
.btn-action.btn-terms.fancyterms {
  color: var(--pay-btn-terms-font-color);
  text-decoration: var(--pay-btn-terms-text-decoration);
  background-color: var(--pay-btn-terms-bg-color);
  font-size: var(--pay-btn-terms-font-size);
}

.btn-action.btn-terms.fancyterms:focus {
  border-radius: 3px;
}

.btn-action.btn-print {
  color: var(--pay-btn-tertiary-font-color);
  font-size: var(--pay-btn-tertiary-font-size);
  font-weight: var(--pay-btn-tertiary-font-weight);
  text-decoration: var(--pay-btn-tertiary-text-decoration);
  text-transform: var(--pay-btn-tertiary-text-transform);
  background-color: var(--pay-btn-tertiary-bg-color);
  box-shadow: var(--pay-btn-tertiary-box-shadow);
  padding: var(--pay-btn-tertiary-padding);
  border: var(--pay-btn-tertiary-border);
}

.btn-action.btn-print-payment {
  color: var(--pay-btn-tertiary-font-color);
  text-decoration: var(--pay-btn-tertiary-text-decoration);
  border: var(--pay-btn-tertiary-border);
}

html.mobileDisabled .btn-action.btn-print:hover,
html.mobileDisabled .btn-action.btn-print:active {
  color: var(--pay-btn-tertiary-hover-font-color);
  background-color: var(--pay-btn-tertiary-hover-bg-color);
  font-weight: var(--pay-btn-tertiary-hover-font-weight);
  border: var(--pay-btn-tertiary-hover-border);
  box-shadow: var(--pay-btn-tertiary-hover-box-shadow);
  text-decoration: var(--pay-btn-tertiary-hover-text-decoration);
}

.btn-action.btn-make-another-payment {
  color: var(--pay-btn-secondary-font-color);
  border: var(--pay-btn-secondary-border);
  box-shadow: var(--pay-btn-secondary-box-shadow);
  background-color: var(--pay-btn-secondary-bg-color);
}

html.mobileDisabled .btn-action.btn-make-another-payment:hover {  
  color: var(--pay-btn-secondary-hover-font-color);
  border: var(--pay-btn-secondary-hover-border);
  background-color: var(--pay-btn-secondary-hover-bg-color);
  box-shadow: var(--pay-btn-secondary-hover-box-shadow);
  text-decoration: var(--pay-btn-secondary-hover-text-decoration)!important;
}

.popup .btn-action.btn-cancel {
  color: var(--pay-btn-secondary-font-color);
  border: var(--pay-btn-secondary-border);
  text-decoration: var(--pay-btn-secondary-text-decoration);
  text-transform: var(--pay-btn-secondary-text-transform);
  background-color: var(--pay-btn-secondary-bg-color);
}

.popup .btn-action.btn-cancel:focus {
  outline-color: var(--pay-focus-outline-color);
}

html.mobileDisabled .popup .btn-action.btn-cancel:hover {
  color: var(--pay-btn-secondary-hover-font-color);
  border: var(--pay-btn-secondary-hover-border);
  border-color: var(--pay-btn-secondary-hover-border-color);
  background-color: var(--pay-btn-secondary-hover-bg-color);
  box-shadow: var(--pay-btn-secondary-hover-box-shadow);
  text-decoration: var(--pay-btn-secondary-hover-text-decoration);
}

.btn-back span {
  display: none;
}

.btn-action.btn-back {
  color: var(--pay-btn-secondary-font-color);
  background-color: var(--pay-btn-secondary-bg-color);
  border: var(--pay-btn-secondary-border);
  text-decoration: var(--pay-btn-secondary-text-decoration);
  text-transform: var(--pay-btn-secondary-text-transform);
}

.btn-action.btn-back:focus {
  outline-color: var(--pay-focus-outline-color);
}

html.mobileDisabled .btn-action.btn-back:hover {
  color: var(--pay-btn-secondary-hover-font-color);
  background-color: var(--pay-btn-secondary-hover-bg-color);
  border: var(--pay-btn-secondary-hover-border);
  border-color: var(--pay-btn-secondary-hover-border-color);
  box-shadow: var(--pay-btn-secondary-hover-box-shadow);
  text-decoration: var(--pay-btn-secondary-hover-text-decoration);
}

html.mobileDisabled .btn-action.btn-terms:hover {
  color: var(--pay-btn-terms-hover-font-color);
  background-color: var(--pay-btn-terms-hover-bg-color);
  text-decoration: var(--pay-btn-terms-hover-text-decoration);
}

.btn-more-info, .btn-sign-up, .btn-view-usage, .btn-view-ebill, .btn-bulletin {
  color: var(--pay-btn-bulletin-font-color);
  font-size: var(--pay-btn-bulletin-font-size);
  font-weight: var(--pay-btn-bulletin-font-weight);
  text-decoration: var(--pay-btn-bulletin-text-decoration);
  text-transform: var(--pay-btn-bulletin-text-transform);
  background-color: var(--pay-btn-bulletin-bg-color);
  box-shadow: var(--pay-btn-bulletin-box-shadow);
  padding: var(--pay-btn-bulletin-padding);
  border: var(--pay-btn-bulletin-border);
  border-radius: var(--pay-btn-bulletin-border-radius);
}

.btn-more-info .fa, .btn-sign-up  .fa, .btn-view-usage .fa, .btn-view-ebill  .fa, .btn-bulletin  .fa {
  display: none;
}

html.mobileDisabled .btn-more-info:hover, html.mobileDisabled .btn-sign-up:hover, html.mobileDisabled .btn-view-usage:hover, 
html.mobileDisabled .btn-view-ebill:hover, html.mobileDisabled .btn-bulletin:hover {
  background-color: var(--pay-btn-bulletin-hover-bg-color);
  box-shadow: var(--pay-btn-bulletin-hover-box-shadow);
  color:var(--pay-btn-bulletin-hover-font-color);
  border: var(--pay-btn-bulletin-hover-border);
  font-weight: var(--pay-btn-bulletin-hover-font-weight);
  text-decoration: var(--pay-btn-bulletin-hover-text-decoration);
  text-transform: var(--pay-btn-bulletin-hover-text-transform);
}

html.mobileDisabled .btn-more-info:active, html.mobileDisabled .btn-sign-up:active, html.mobileDisabled .bulletin .btn-view-usage:active,
html.mobileDisabled .btn-view-ebill:active, html.mobileDisabled .btn-bulletin:active {
  background-color: var(--pay-btn-bulletin-hover-bg-color);
  box-shadow: var(--pay-btn-bulletin-hover-box-shadow);
  color:var(--pay-btn-bulletin-hover-font-color);
  border: var(--pay-btn-bulletin-hover-border);
  font-weight: var(--pay-btn-bulletin-hover-font-weight);
  text-decoration: var(--pay-btn-bulletin-hover-text-decoration);
  text-transform: var(--pay-btn-bulletin-hover-text-transform);
}

.btn-more-info:focus, .btn-sign-up:focus, .btn-add-item:focus, .btn-view-ebill:focus, .btn-view-usage:focus,
.item-row.addItem a:focus, .btn-action:focus {
    outline-color: var(--pay-focus-outline-color);
}

input[type=checkbox].regular-radio:checked + label:after {
  background-color: transparent;
  background: url(../../img/checkbox-check.png) top left no-repeat;
  background-position: 0px 0px;
}

p.review-msg {
  font-size: var(--pay-receipt-review-msg-font-size);
  color: var(--pay-receipt-review-msg-success-color);
  text-align: var(--pay-receipt-review-msg-text-align);
}

p.review-msg:before {
  background: transparent no-repeat var(--pay-receipt-review-msg-icon-url);
  content: " ";
  display: block;
  font-size: 1.25rem;
  height: 37px;
  left: 50%;
  margin-left: -19px;
  position: relative;
  width: 39px;
}

.payment-failed p.review-msg {
  color: var(--pay-receipt-review-msg-fail-color);
}

.payment-failed p.review-msg:before {
  background: transparent no-repeat url("../../img/ui-v2-icons/failed.svg");  
}

.print-review p {
  border-bottom: 1px solid #E6E6E6
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #224B9A;
  cursor: default;
}

.receiptContent p.review-heading.full-heading {
  font-size: 1rem;
  color: var(--pay-body-font-color);
  font-weight: bold;    
  padding: 0.5em 0;
  border: none;
}

.receiptContent p {
  padding: 8px 0;
}

.receiptContent .item-row-content-col.col-whole {
  border-color: var(--pay-receipt-border-color);
}

.receiptContent .print-payment-section .item-row-content-col.col-whole {
  border: none;
}

.print-payment-section p {
  border-bottom: 1px solid var(--pay-receipt-border-color);
}

p.review-heading {
  font-weight: 400;
}

p.review-data {
  font-weight: 600;
}

.additional-fields p {
  font-size: 14px;
  color: #212529;
}

.table-container th {
  color: var(--pay-table-heading-font-color);
  font-size: var(--pay-table-heading-font-size);
  font-weight: var(--pay-table-heading-font-weight);
}

.table-container tr:first-child {
  background: var(--pay-table-heading-bg-color);
  border-bottom: 1px solid var(--pay-table-border-color);
}

.table-container tr {
  border-bottom: 1px solid var(--pay-table-border-color);
}

.paymentDetailsContent tr.payment_info_row td.paymentDateCol {
  padding-top: 0;
}

.item-row.checkbox-row.pdf-row .item-row-content-col.col-whole{
  padding: 0;
  overflow: visible;
}


body.multipay .table-container span.standard-multipay-checkbox{
  top: 3px;
  width: 20px;
  height: 20px;
  background-size:cover;
}

body.multipay .table-container span.standard-multipay-checkbox-checked{
  background-image: url(../../img/check_box_checked.png);
}

body.multipay .table-container span.standard-multipay-checkbox-unchecked{
  background-image: url(../../img/check_box_unchecked.png);
}

body.multipay .table-container span.standard-multipay-checkbox-partially-checked{
  background-image: url(../../img/check_box_partially_checked.png);
}

.fa-question-circle, .fa-info-circle {
  color: var(--pay-body-font-color);
}

.fa-question-circle:before {
  content: "\f29c";
}

input[type=checkbox].standard-radio + span:before {
  margin-left: 0;
}

.standard-radio + span:before {
  top: 6px;
  border-color: var(--pay-radio-checkbox-border-color);
}

.standard-radio:checked + span:before {
  content: " ";
  position: absolute;
  background: var(--pay-radio-checkbox-checked-color);
  border: 1px solid var(--pay-radio-checkbox-checked-color);
  box-shadow: inset 0 0 0 3px white;
}

input[type=checkbox].standard-radio + span:before {
  width: 18px;
  height: 18px;
  border: 1px solid var(--pay-radio-checkbox-border-color);
  padding: 9px;
  border-radius: 3px!important;
  background: transparent;
}

input[type=checkbox].standard-radio:checked + span:before {
  background-color: transparent;
  background: none;
  /*background: white url(../../img/ui-v2-icons/checkbox-check.svg) top left no-repeat;*/
  background-position: 2px 4px;
  box-shadow: none;
}

input[type=checkbox].standard-radio:checked + span::after {
  position: absolute;
  content: '';
  left: -21px;
  top: 1px;
  width: 6px;
  height: 14px;
  border: solid var(--pay-radio-checkbox-checked-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

input[type=checkbox].standard-radio:focus + span:before {
  border-color: var(--pay-radio-checkbox-checked-color)!important;
  outline: 1px solid var(--pay-radio-checkbox-checked-color);
  outline-offset: 0px;
}
input[type=checkbox].standard-radio:focus:checked + span:before {
  border-color: var(--pay-radio-checkbox-checked-color)!important;
}

input[type=radio].standard-radio:focus + span:before {
  border-color: var(--pay-radio-checkbox-checked-color)!important;
  outline: 2px solid var(--pay-radio-checkbox-checked-color);
  outline-offset: 0px;
}

input[type=radio].standard-radio:focus:checked + span:before {
  border-color: var(--pay-radio-checkbox-checked-color)!important;
}

.item-row.checkbox-row {
  overflow: visible;
}

.item-row.checkbox-row .item-row-content-col:first-child {
  overflow: visible;
}

.tab-content.tab-echeck,
.item-row.echeck-type {
  overflow: visible;
}

.paymentMethodContent input[type="text"], .paymentMethodContent input[type="password"] {
  max-width: 314px;
}

/* customize the payment methods start */
.pMethodSlide {
  margin-right: 8px;
}

.card.credit .cc-row input[type="text"], .card.credit .dc-row input[type="text"],
.card.credit .cc-row input[type="password"][name="ccAccountNumber"],
.card.credit .dc-row input[type="password"][name="dcAccountNumber"] {
  margin-right: 10px;
}

.card.credit .cc-exp-row select, .card.credit .dc-exp-row select {
  width: 149px;
}

.card.credit .cc-name-row input[type=text], .card.credit .dc-name-row input[type=text] {
  width: 326px;
  max-width: 326px;
}

.cc-exp-row strong, .dc-exp-row strong  {
  font-weight: 500;
  font-size: 14px;
  color: var(--pay-body-font-color);
}

.card-expiration-mm {
  margin-right: 12px;
}

.dd-type-col fieldset {
  display: flex;
  align-items: center;
}

.dd-type-col fieldset div{
  width: 35%;
  padding-bottom: 16px;
}

.paymentMethodContent input[class^="method"] {
    background-position: right 8px top 9px;
}

.paymentMethodContent .password-reveal-container input[class^="method"] {
    background-position: right 32px top 9px;
}

#ccAccountNumber + .password-reveal-toggle, #dcAccountNumber + .password-reveal-toggle {
  right: 18px;
}
/* customize the payment methods end */

.paymentDetailsContent .item-row.paymentDate {
  overflow: visible;
}

.paymentDetailsContent .item-row.paymentDate .item-row-content-col {
  padding: 0 0 1rem 0;
  overflow: visible;
}

.paymentDetailsContent .item-row.paymentDate .item-row-content-col::after {
  content: '';
  display: block;
  clear: both;
}

p.review-heading, p.review-data {
  color: var(--pay-body-font-color);
}

.reviewContent .radioPaymentMethodContainer {
  margin-top: 16px;
}

.removeItem .fa-minus-circle {
  color: var(--pay-remove-item-link-font-color);
}

.removeItem:hover .fa-minus-circle {
  color: var(--pay-remove-item-link-hover-font-color);
}

.autopay-icon {
  font-size: 21px;
  color: var(--pay-link-font-color);
}

label, .item-row .calcBox, .item-row .serviceFeeBox, .item-row .totalBox {
  font-size: 14px;
}

.paymentMethodContent [id^="category-"].item-row,
.paymentMethodContent .item-row.last-pm-row {
  overflow: visible;
}

.paymentMethodContent .item-row.last-pm-row .item-row-content-col:first-child {
  overflow: visible;  
}

.paymentMethodContent [id^="category-"].item-row .item-row-content-col {  
  overflow: visible;
}

.paymentMethodContent .item-row .item-row-content-col {
  padding: .5em 0;
}

.item-row.checkbox-row.pdf-row .item-row-content-col.col-whol{
  padding: 0;
}

.label.rotp-kiosk {
  text-align: left;
  white-space: normal;
}

html.kiosk-payment body {
  font-size: 16px;
  font-family: var(--pay-body-font-family);
}

.boxshadow .error .has-success input:focus, .boxshadow .error .has-success textarea:focus, .boxshadow .error .has-success select:focus {
  border-color: #224B9A!important;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(35, 116, 204, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(35, 116, 204, 0.6);
}

.pm-change-link a:link, .pm-change-link a:visited {
  color: var(--pay-link-font-color);
  text-decoration: none;
}

.mfp-bg-amazon-pay .popup.popup-amazon {
  font-family: var(--pay-body-font-family);
}

.mfp-bg-amazon-pay .popup.popup-amazon .action-row .col-whole-action {
  font-family: var(--pay-body-font-family)!important;
  font-size: 16px!important;
}

.gd-barcode-link {
  margin-top: 0px !important;
  color: var(--pay-link-font-color)!important;
}

.table-container.responsiveTable td:before {
  background: var(--pay-table-heading-bg-color);
}

input[name="customer.middleName"] + span {
  font-size: 12px;
}

/* duplicate payment css start */
.rotp-duplicate-page .btn-action.btn-back,
.receiptContent .action-row.receipt .btn-action:nth-child(1) {

  margin-right: 0!important;
}

.receiptContent .action-row.receipt .btn-action:nth-child(2) {
  margin: 0;
}

.receiptContent .action-row.receipt .btn-action:nth-child(3) {
  margin-left: 0;
}

.rotp-duplicate-page [name="cancelBtn"].btn-action.btn-back {
  color: var(--pay-btn-tertiary-font-color);
  font-size: var(--pay-btn-tertiary-font-size);
  font-weight: var(--pay-btn-tertiary-font-weight);
  text-decoration: var(--pay-btn-tertiary-text-decoration);
  text-transform: var(--pay-btn-tertiary-text-transform);
  background-color: var(--pay-btn-tertiary-bg-color);
  box-shadow: var(--pay-btn-tertiary-box-shadow);
  padding: var(--pay-btn-tertiary-padding);
  border: var(--pay-btn-tertiary-border);
  min-width: 0;
}

.rotp-duplicate-page [name="cancelBtn"].btn-action.btn-back:hover {
  color: var(--pay-btn-tertiary-hover-font-color);
  background-color: var(--pay-btn-tertiary-hover-bg-color);
  font-weight: var(--pay-btn-tertiary-hover-font-weight);
  border: var(--pay-btn-tertiary-hover-border);
  box-shadow: var(--pay-btn-tertiary-hover-box-shadow);
  text-decoration: var(--pay-btn-tertiary-hover-text-decoration);
}

/* duplicate payment css end */

.item-row.bootstrap-row {
  padding-top: 0!important;
}


.account-sel-section .item-row.pad-top {
  padding-top: 0;
}

.account-sel-section fieldset legend + .item-row.pt-select .item-row-content-col {
  padding-top: 0!important;
}

.account-sel-section fieldset .item-row.pt-select:last-child .item-row-content-col  {  
  padding-bottom: 24px!important;
  border-bottom: 1px solid #e6e6e6;  
  margin-bottom: 24px;
}

.select-wrapper {
  max-width: 100%;
  width: 100%;
}

.select-wrapper select {
  width: 100%;
}

.bootstrap-select > .dropdown-toggle {
  border-radius: var(--pay-input-field-border-radius);
  border-color: var(--pay-input-field-border-color);
}

.bootstrap-select .dropdown-menu li.selected .select-icon-text,
.bootstrap-select .dropdown-menu li.active .select-icon-text,
.bootstrap-select .dropdown-menu li.selected.active .text {
  color: var(--pay-bootstrap-select-active-font-color)!important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: var(--pay-bootstrap-select-active-bg-color);
}

.bootstrap-select .dropdown-menu li.active img,
.bootstrap-select .dropdown-menu li.selected img {
  filter: var(--pay-bootstrap-select-active-pt-icon-filter);
}

.bootstrap-select .dropdown-menu li:first-child {
  height: 42px;
}

.bootstrap-select .dropdown-menu li a, .bootstrap-select .dropdown-menu li:first-child a {
  line-height: 42px;
}

.select-icon-holder img {
  height: 24px;
}

.bootstrap-select .dropdown-toggle .caret {
  border-style: solid;
  border-color: #000;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;  
  height: 7px;  
  position: relative;
  top: 16px;  
  right: 0;
  vertical-align: top;  
  width: 7px;    
  transform: rotate(135deg);  
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: var(--pay-bootstrap-select-active-font-color);
  background-color: var(--pay-bootstrap-select-active-bg-color);
}

.item-disabled-pm-banner {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
}

.component-row {
  overflow: visible;
}

.component-row:after {
  clear: both;
}

.component-row.component-summary {
  overflow: hidden;
}

.bundle-item-container .form-group {
  clear: both;
}


.component-desc-col {
  padding-left: 0;
}

.component-amount-col {
  padding-right: 11px;
}

.component-amount-col.read-only-col {
  padding-right: 20px;
}

.component-amount-col input[type="text"], .component-amount-col input[type="number"] {
  max-width:102px;
  font-size: 1rem;
  padding: 6px 8px;
}

.component-sub-header {
  background-color: var(--pay-card-header-bg-color);
  padding: 0;
  margin-bottom: 4px;
}

.component-sub-header h3 {
  color: var(--pay-card-header-font-color);
}

.multitier-component-summary-container {
  background: #F4F4F4;
  border: none;
  border-radius: 6px;
}

.component-summary-label-col {
  font-weight: 400;
  color: var(--pay-body-font-color);
}

.component-summary-value-col {
  color: var(--pay-body-font-color);
}

input[readonly="readonly"].picker__input, input[readonly].picker__input {
    background: white url(../../img/ui-v2-icons/icon-calendar.svg) no-repeat right 8px center;
    background-size: 21px auto;
    cursor: pointer;
}

.pm-terms {
  font-size: 0.6875rem;
  font-weight: 500;
}

.amazon-pay-container .item-header {
  background: none;
}

.amazon-pay-container .btn-action.btn-amazon-pay-wallet-select {
  background: none #224b9a!important;
  border-radius: 24px!important;
}

.amazon-pay-container .btn-action.btn-amazon-pay-wallet-select:hover {
  background: none #1e65b2!important;
}

.amazon-pay-container .btn-action.btn-amazon-pay-cancel {
  color: var(--pay-btn-secondary-font-color);
  border: var(--pay-btn-secondary-border)!important;
  background: none #fff!important;
  border-radius: var(--pay-btn-primary-border-radius)!important;
}

.amazon-pay-container .btn-action.btn-amazon-pay-cancel:hover {
  color: var(--pay-btn-secondary-hover-font-color)!important;
  border-color: var(--pay-btn-secondary-hover-border-color)!important;
  background-color: var(--pay-btn-secondary-hover-bg-color)!important;
  box-shadow: var(--pay-btn-secondary-hover-box-shadow)!important;
}

.amazon-pay-container .btn-action:focus {
  outline-color: var(--pay-focus-outline-color)!important;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 2px;
}

.table-container tr.disable-row td:not(.accountSelCol):not(.accountCourtsSelCol):not(.accountUtilitySelCol):not(.actionCol) {
  opacity: 0.7;
}

.cvv-link {
  left: 32px;
}

.footer p {
  color: var(--pay-footer-font-color);
  font-size: var(--pay-footer-font-size);
  font-family: var(--pay-footer-font-family);
  margin: var(--pay-footer-margin);
  padding: var(--pay-footer-padding);
  text-align: var(--pay-footer-text-align);
  border-top: var(--pay-footer-border-top);
}

a.privacy-link:link, a.privacy-link:visited {
  color: var(--pay-footer-link-color);
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: var(--pay-footer-link-text-decoration);
}

a.privacy-link:hover {
  color: var(--pay-footer-link-hover-color);
  text-decoration: var(--pay-footer-link-hover-text-decoration);
}

.error-content {
  position: relative;
  overflow: hidden;
  float: none;
  width: 100%;
  color: var(--pay-error-content-font-color);
  background: var(--pay-error-content-bg-color);
  border: var(--pay-error-content-border);
  font-size: var(--pay-error-content-font-size);
  padding: var(--pay-error-content-padding);
  margin: 0 0 1em 0;
  letter-spacing: normal;
  word-spacing: normal;
  -webkit-border-radius: var(--pay-error-content-border-radius);
  -moz-border-radius: var(--pay-error-content-border-radius);
  -ms-border-radius: var(--pay-error-content-border-radius);
  -o-border-radius: var(--pay-error-content-border-radius);
  border-radius: var(--pay-error-content-border-radius);
}

.error-content:focus {
  outline-color: var(--pay-focus-outline-color);
}

@media screen and (max-width: 1280px){
  .btn-action {
    max-width: 100%;
  }
}

@media screen and (min-width: 1025px) {

  #main-container .step.paymentDetailsContent .content.setLeftContent {
    padding-top: 12px;
  }

  .btn-action {
    text-wrap: nowrap;
    padding: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .btn-action {
    text-wrap: nowrap;
    padding: 12px;
  }
}

@media screen and (max-width:768px) {

  .flexbox .item-row .item-row-content-col.col-whole-action {
    justify-content: flex-end;
  }

  .flexbox .item-row .item-row-content-col.col-whole-action .btn-action,
  .flexbox .item-row .item-row-content-col.col-whole-action .btn-action.btn-back,
  .flexbox .popup .item-row .item-row-content-col.col-whole-action .btn-action.btn-cancel,
  .button-load-container {
    margin-bottom: 0;
    width: auto;
    flex: none;
    order:initial;
  }

  .flexbox .item-row .item-row-content-col.col-whole-action {
    flex-direction: row;
  }
}

@media scren and (min-width: 768px) {
  .amazon-pay-container .action-row .col-whole-action {
    display: block;
  }
}

@media screen and (max-width: 767px){
  .item-row-content-col.totalRow {
    display: flex!important;
  }
  .paymentDetailsContent tr.payment_info_row td.paymentDateCol {
    top: 0;
  }

  .flexbox .item-row .item-row-content-col.col-whole-action .btn-action,
  .flexbox .item-row .item-row-content-col.col-whole-action .btn-action.btn-back,
  .flexbox .popup .item-row .item-row-content-col.col-whole-action .btn-action.btn-cancel,
  .button-load-container {
    margin-bottom: 0;
    width: 100%;
  }
  .flexbox .item-row .item-row-content-col.col-whole-action .btn-action {
    order: 1;
  }

  .flexbox .item-row .item-row-content-col.col-whole-action .btn-action.btn-back {
    order: 2;
  }

  .flexbox .popup .item-row .item-row-content-col.col-whole-action .btn-action.btn-cancel {
    order: 3;
  }

  .flexbox .item-row .item-row-content-col.col-whole-action {
    flex-direction: column;
  }

  .rotp-duplicate-page [name="cancelBtn"].btn-action.btn-back {
    order: 3!important;
  }

  .receiptContent .btn-action.btn-home {
    order: 1!important;
  }

  .receiptContent .btn-action.btn-make-another-payment {
    order: 2!important;
  }

  .item-row.action-row .col-whole-action {
    gap: 12px;
  }

}

@media screen and (min-width: 600px) and (max-width: 768px) {

  body.multipay .table-container td.paymentDateCol {
    white-space: nowrap;
  }

  body.multipay .table-container td.paymentDateCol label.standard-label {
    width: auto;
  }

}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .support-third-party-payment-methods.flexbox .item-row .item-row-content-col.col-whole-action .btn-action {
    margin-right: 8px;
    margin-bottom: 0;
  }  
}



@media screen and (max-width: 767px) {
  .receiptContent .item-row .item-row-content-col.col-whole-action {
    display: flex;
  }
}

@media only screen and (max-width: 599px) {
  .paymentMethodContent input[type="text"],
  .paymentMethodContent input[type="password"],
  .card.credit .cc-row input[type=text], .card.credit .dc-row input[type=text],
  .card.credit .cc-name-row input[type=text], .card.credit .dc-name-row input[type=text] {
    max-width: 100%;
  }

  .card.credit .cc-name-row input[type=text], .card.credit .dc-name-row input[type=text] {
    width: 100%;
  }
 .agreePaymentus {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 480px) { 

  .item-header h1 .step-text {
    padding-left: 16px;
  }

  .pMethodSlide {
    margin: 0px 6px 0px 0px;
  }

  .standard-radio + span:before {
    top: 1px;
  }

  .step, #main-container.receiptContainer .step.receiptContent {
    padding-bottom: 1rem;
  }

  .step.paymentDetailsContent {
    padding-bottom: 0.5rem;
  }

  .step.alertContent,
  .step.reviewContent {
    padding-bottom: 0;
  }

  .step.paymentDetailsContent .paymentDate .item-row-content-col {
    padding: 0 0 1rem 0;
  }

  .step.paymentDetailsContent .paymentMethodContent .item-row-content-col {
    padding: 0.5em 0;
  }

  .table-container.responsiveTable td:before {
    background: var(--pay-table-heading-bg-color);
    content: attr(data-th) "\00a0";
  }

  p.review-msg {
    font-size: 1rem;
  }

  p.review-data .pMethod {
    position: relative;
    top: auto;
    right: auto;
    left: 0;
    text-align: left;
  }

  input.cvv, .card.credit .cvv input[type=password] {
    width: 58px;
  }

  .card.credit .cc-exp-row select, .card.credit .dc-exp-row select {
    width: auto;
  }

  #ccAccountNumber + .password-reveal-toggle, #dcAccountNumber + .password-reveal-toggle {
    right: 12px;
  }
}

@media screen and (max-width: 414px) {
  .reviewContent .item-row-content-col .review-title {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 375px) {
  .gpBanner {
    margin-top: 10px!important;
  }

  .apBanner {
    margin-top: 10px!important;
  }

  .step.reviewContent p.review-msg,
  .step.reviewContent p.review-data {
    float: none;
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 360px) {
  .reviewContent .item-row-content-col.calcBox,
  .reviewContent .item-row-content-col.serviceFeeBox,
  .reviewContent .item-row-content-col.totalBox {
    padding: 8px 8px;
  }
}

.gdot-dlg-close:hover {
    text-decoration: none;
}