.checkout-stage-container {
  margin: 15px;
}

.checkout-stage-border-right {
  border-right: 1px solid #ddd;
}

.checkout-stage-text-row {
  background-color: #3A3A3A;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 8px;
  padding-top: 8px;
  text-transform: uppercase;
  border-radius: 4px;
}

.checkout-intro-statement {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  padding-top: 5px;
}

.table-basket {
  margin-top: 15px;
}

.table-basket table thead,
.panel-basket .panel-heading,
.table-basket-summary tbody tr.row-total {
  background-color: #E5E5E5;
  color: #3A3A3A;
  font-weight: bold;
}

.table-basket .item-quantity {
  padding-left: 0.5rem;
}

.table-basket-col-total {
  width: 110px;
}

.panel-basket .panel-heading h3 {
  color: #fff;
}

.panel-basket > .panel-heading > .panel-title {
  color: #3A3A3A;
}

.text-warners {
  color: #51337E;
}

.logo-wgp {
  height: 50px;
  margin-left: 10px;
}

.payment-notification {
  height: 50px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.text-elavon {
  background-color: #0c2074;
  line-height: 50px;
  border-radius: 4px;
}

.checkout-footer-payment-icons {
  height: 24px;
  padding-right: 5px;
}

.registration-form-billing-details input,
.registration-form-delivery-details input,
.direct-debit-form-container input,
.direct-debit-form-container textarea {
  width: 100%;
}

.direct-debit-form-container input.numberBox {
  display: inline-block;
  width: 35px;
}

.registration-form-billing-details {
  border-right: 1px solid #ddd;
}

.btn-postcode {
  background-color: #9A9A9A;
  color: #fff;
}

.btn-postcode:hover {
  background-color: #70788E;
  color: #fff;
}

.demographic-options {
  background-color: #F4F4F4;
  border: 1px solid #999;
  padding: 20px;
}

.direct-debit-form-container {
  margin: 20px auto;
  max-width: 800px;
}

.direct-debit-instruction-intro {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px;
}

.field-validation-error {
  color: #a94442;
  display: block;
}

.direct-debit-address {
  font-weight: bold;
}

.ddi-orig-num-boxes span {
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 20px;
  margin: 0;
  padding: 0 5px;
}

.btn-checkout-options-find-account {
  --bs-btn-color: #fff;
  --bs-btn-bg: #543288;
  --bs-btn-border-color: rgb(60.9677419355, 36.2903225806, 98.7096774194);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(71.4, 42.5, 115.6);
  --bs-btn-hover-border-color: rgb(48.7741935484, 29.0322580645, 78.9677419355);
  --bs-btn-focus-shadow-rgb: 90, 69, 122;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(67.2, 40, 108.8);
  --bs-btn-active-border-color: rgb(45.7258064516, 27.2177419355, 74.0322580645);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #543288;
  --bs-btn-disabled-border-color: rgb(60.9677419355, 36.2903225806, 98.7096774194);
}