/* Checkout */

.opc-progress-bar-item._active:before,
.opc-progress-bar-item._active > span:before {
    background: #02B7D2;
}

.form-login span.note {
   display: none !important;
}

.fieldset > .field:not(.choice) > .control,
.fieldset > .field:not(.choice) > .label {
    width: 100%;
    float: none;
    text-align: left;
}


input[name="s_vin"] {
    margin-bottom: 1rem;
}



#coaf-checkout-form,
#co-payment-form,
#shipping .step-title,
#opc-shipping_method,
.dynamicfields-checkout-form,
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
    max-width: 80rem;
    margin: 0px !important;
}

.opc-block-shipping-information,
#coaf-checkout-form,
#co-payment-form,
#shipping .step-title,
#opc-shipping_method,
.dynamicfields-checkout-form,
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
    background: #f5f5f5;
    padding: 2.4rem 2.72rem;
    border: .1rem solid #ddd;
}

.opc-wrapper .form-login {
 border-top: 0;
 border-bottom: 0;
}

.checkout-index-index .opc-wrapper {
   margin-top: 4.8rem;
}

.form-login .fieldset {
   margin: 0px;
}

.checkout-index-index .field[name="billingAddressfree.firstname"],
.checkout-index-index .field[name="billingAddressfree.city"],
.checkout-index-index .field[name="billingAddressfree.postcode"],
.checkout-index-index .field[name="shippingAddress.firstname"],
.checkout-index-index .field[name="shippingAddress.city"],
.checkout-index-index .field[name="shippingAddress.country_id"] {
 float: left;
 width: 47%;
 margin-right: 3%;
 clear: both;
}

.checkout-index-index .field[name="billingAddressfree.firstname"],
.checkout-index-index .field[name="billingAddressfree.city"],
.checkout-index-index .field[name="billingAddressfree.postcode"] {
   margin-right: 3% !important;
}

.checkout-index-index .field[name="billingAddressfree.lastname"],
.checkout-index-index .field[name="billingAddressfree.region_id"],
.checkout-index-index .field[name="billingAddressfree.country_id"],
.checkout-index-index .field[name="shippingAddress.postcode"],
.checkout-index-index .field[name="shippingAddress.lastname"],
.checkout-index-index .field[name="shippingAddress.region_id"] {
 float: left;
 width: 50%;
 margin-top: 0;
}

.checkout-index-index .field[name="shippingAddress.telephone"] {
 border-bottom: .1rem solid #ddd;
 margin-bottom: 3.2rem;
 padding-bottom: 4rem;
}

.authentication-wrapper {
    display: none;
}

.fieldset > .field {
   margin: 0px 0 1rem;
}

.opc-block-summary {
   border: .1rem solid #ddd;
}

.payment-method-content form#co-payment-form {
   padding: 0;
   border: none;
}

.checkout-payment-method .payment-method-content .fieldset > .field.type .control {
   margin-left: 0;
}

.opc-wrapper .form-login {
    border-top: 0;
    border-bottom: 0;
    margin-bottom: -2rem !important;
    padding-bottom: 0;
}

form#co-shipping-form {
    border-top: none;
}

#shipping .step-title {
    border-bottom: 0;
    padding-bottom: 0;
}

#shipping .step-title::after {
    content: ' ';
    border-bottom: .1rem solid #ddd;
    display: block;
    padding-top: 1rem
}

.opc-wrapper #service {
    background: #f5f5f5;
    padding: 2.4rem;
    border: 0.1rem solid #ddd;
}

.opc-wrapper .step-title {
    font-size: 2.6rem;
}

.service-fields {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "s_account"
    "s_firstname"
    "s_lastname"
    "s_address_1"
    "s_address_2"
    "s_city"
    "s_state"
    "s_zip";
  grid-column-gap: 3rem;
}

.field[name='serviceCheckout.s_account_number'] {
  grid-area: s_account;
}

.field[name='serviceCheckout.s_first_name'] {
  grid-area: s_firstname;
}

.field[name='serviceCheckout.s_last_name'] {
  grid-area: s_lastname;
}

.field[name='serviceCheckout.s_address_line1'] {
  grid-area: s_address_1;
}

.field[name='serviceCheckout.s_address_line2'] {
  grid-area: s_address_2;
}

.field[name='serviceCheckout.s_city'] {
  grid-area: s_city;
}

.field[name='serviceCheckout.s_zip_code'] {
  grid-area: s_zip;
}

.field[name='dynamicFieldsCheckoutForm.dynamicfields_heating_equipment_type_select'] {
  grid-area: s_state;
}

#service .step-title,
.field[name='serviceCheckout.s_vin'] label.label{
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  color: #333333;
  font-weight: 300;
  font-size: 2.6rem;
  margin-bottom: 2rem;
  line-height: 3.4rem;
}

.field[name='serviceCheckout.s_vin'] {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 4rem;
}

span.tooltip {
    margin-top: 0.5rem;
    display: inline-block;
}

.vin-section .field .tooltip .tooltip-content {
    min-width: 300px;
    max-width: 360px;
    left: 0;
    top: 3rem;
}

.checkout-index-index .action.primary, .action-primary {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.opc-progress-bar {
  margin: 2rem 0 0;
}

.cart.table-wrapper .col.price-label {
  text-align: right;
}