#main {
  max-width: none;
  padding: 0;
}

.online-payments-container {
  background: linear-gradient(
    0deg,
    #2c4383 32.59%,
    #489bd9 100%,
    #489bd9 100%,
    #499ddb 100%
  );
  font-family: 'Proxima Nova W01', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}

.infoContainer {
  background-color: #f7f7f7;
  color: #000000;
  flex: 1;
  border-radius: 4px;
  margin: 0 auto;
  padding: 20px 0 20px 10px;
}

.submitContainer .button {
  background-color: #b92d32 !important;
  color: #fff !important;
}

.online-pay-container {
  background: linear-gradient(
    0deg,
    #2c4383 32.59%,
    #489bd9 100%,
    #489bd9 100%,
    #499ddb 100%
  );
  font-family: 'Proxima Nova W01', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  padding: 20px 10px 83px;
}

.pay-booking-payment-breakdown {
  background: left / contain no-repeat url(../images/Sunsail-summaryinfo.png),
    #fff;
  color: #2c4383;
  margin: auto;
}

.pay-booking-payment-breakdown h2 {
  color: #2c4383;
  border-bottom: 1px solid #004587;
}

.pay-booking-payment-breakdown-cont .breakdown_pay.outstanding_pay {
  color: #c6002b;
}

.submitErrorBlock {
  background-color: #b92d32;
  padding: 20px;
  color: #fff;
}

.cardPaymentContainer {
  color: #2c4383;
}

.cardPaymentContainer label {
  color: #2c4383;
  font-weight: 600;
}

.cardPaymentContainer input[type="text"],
.cardPaymentContainer select {
  border: 1px solid #000;
  border-radius: 2px;
}

.cardPaymentContainer .errorFieldMessage {
  font-size: 16px;
}

.bookingSummaryContainer {
  color: #2c4383;
}

.circle {
  background: #4795d4;
}

.circle:before {
  border: 1px dashed #4795d4;
}

#paymentInformationNotice {
  color: #2c4383 !important;
}

.balanceContainer {
  line-height: 24px;
}

.balanceContainer .amount {
  font-size: 21px;
  font-weight: 600;
  line-height: 24px;
}

.payselection input[type="radio"]:checked {
  accent-color: #2C4383;
}

.payselection .payment-type {
  font-size: 16px;
  line-height: 24px;
}

.payselection .amount {
  font-weight: 600;
}