.btn-checkout {
  color: white !important;
  border: solid 2px {{ bgcolors.action }} !important;
  background-color: {{ bgcolors.action }} !important;
}
.btn-checkout:hover {
  border-color: lighten({{ bgcolors.action }}, 5%) !important;
  background-color: lighten({{ bgcolors.action }}, 5%) !important;
}

.btn-checkout:not(:disabled):not(.disabled):active, .btn-checkout:not(:disabled):not(.disabled).active, .show > .btn-checkout.dropdown-toggle {
  color: #fff;
  background-color: {{ bgcolors.action }} !important;
  border-color: {{ bgcolors.action }} !important;
}

.btn-checkout:focus, .btn-checkout.focus {
  color: #fff;
  background-color: {{ bgcolors.action }} !important;
  border-color: {{ bgcolors.action }} !important;
  box-shadow: 0 0 0 0.2rem rgba({{ bgcolors.action }}, 0.5) !important;
}

/*Mark-Edit*/
body .gui-error .gui-checkbox,
#gui-form-payment-method .gui-validate-error, #gui-block-shipment-method .gui-validate-error {
	border-width: 2px !important;
}
.gui-checkout .gui-field textarea {
	height: 50px;
	padding: 10px;
	overflow: inherit;
}
.gui-checkout .gui-cart-sum .gui-right {
	width: 100% !important;
	text-align: center;
}
.gui-checkout .gui-cart-sum .gui-right .gui-button-action {
	min-width: 280px;
  margin-bottom: 25px;
}
.gui-checkout .gui-radio input + label::before,
.gui-checkout .gui-radio input + label::after {
	border-radius: 0px;
}
.gui-checkout .gui-radio input:checked + label::before {
	background: {{ bgcolors.action }};
}
.gui-checkout .gui-cart-sum .strict-submit .gui-checkbox {
	text-align: left;
  margin: 0px 0px 5px;
}
.custom-add-to-cart {
	display: none;
}

@media (max-width: 767px) {
  .gui-checkout-steps .gui-buttons .gui-right a {
    margin-bottom: 10px;
  }
  .custom-add-to-cart {
    position: fixed;
    left: 0px;
    right: 0px;
    display: block;
    bottom: 0px;
    z-index: 99999;
    box-shadow: 0px -3px 8px rgba(50, 50, 50, 0.2);
    padding: 10px;
    background: #fff;
  }
  footer {
    display: block;
    height: auto;
    padding-bottom: 62px !important;
  }
  .custom-add-to-cart button {
  	width: 100%;
    font-size: 14px;
  }
  .add-to-cart svg {
    margin-right: 5px;
  }
  .gui-checkout .gui-cart-sum .gui-right .gui-button-action {
  	min-width: inherit;
  }
}

/* Changes due to feedback Gallagher 2021-03 */
a.gui-button-small.gui-button-outline {
	border: solid 1px #f39c12 !important;
  color: #f39c12 !important;
  background-color: transparent !important;
}
a.gui-button-small.gui-button-action {
	background-color: #f39c12 !important;
	border-color: #f39c12 !important;
  color: #fff !important;
}

#gui-block-method-continue, #gui-form-login > div > div.gui-buttons > a {
	border-color: #f39c12 !important;
  background-color: #f39c12 !important;
  color: #fff !important;
}
#gui-block-method > div.gui-block-content > div:nth-child(3) > div.gui-col2-equal-col1 > a {
	display: none;
}
#gui-block-billing-address > div.gui-block-content > div.gui-section > div.messages {
	display: none;
}
#gui-block-review > div > div.gui-block.gui-margin.gui-block-highlight > div.gui-block-content > div > div.gui-buttons.gui-buttons-large.strict-submit > a.checkout-back-to-cart.gui-button-link {
	display: none;
}
#gui-block-review > div > div.gui-block.gui-margin.gui-block-highlight > div.gui-block-content > div > div.gui-buttons.gui-buttons-large.strict-submit > a.gui-button-link.gui-right {
	display: none;
}
#gui-block-review > div > div.gui-block > div.gui-block-content > div > div.gui-col2-equal-col2 > div > div.gui-item.gui-right.strict-submit > a {
	padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
	color: white !important;
  border: solid 2px #f39c12 !important;
  background-color: #f39c12 !important;
  width: 100%;
}
.gui-block-highlight > .gui-table thead.gui-block-title > tr > th {
	background-color: #f9f9f9 !important;
  border-bottom: solid 1px #8d8d8d !important;
}
#gui-block-review > div > div.gui-block.gui-margin.gui-block-highlight > div.gui-block-content > div > div.gui-col2-equal-col1 > small {
	display: none;
}
#gui-block-review > div > div.gui-block > div.gui-table > table > tbody > tr > td a,
#gui-block-review > div > div.gui-block.gui-margin.gui-block-highlight > div.gui-table > table > tbody > tr > td a {
  font-size: 16px;
}
#gui-block-review > div > div.gui-block > div.gui-table > table > thead > tr strong,
#gui-block-review > div > div.gui-block > div.gui-table > table > thead {
	font-size: 12px !important;
}

#gui-block-review > div > div.gui-block > div.gui-table > table > tbody > tr > td {
	font-size: 14px !important;
}