#app #app-header {
    z-index: 100;
}

.cart-steps {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size: 16px;
}

.cart-steps .step {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgba(42, 45, 52, 0.38);
    font-weight: 600;
}

.cart-steps .step .step-passed {
    margin: 0 8px;
}

.cart-steps .step .step-passed img {
    height: 32px;
    width: 32px;
}

.cart-steps .step.active {
    color: #ED1C24;
}

.cart-steps .step.active .step-index {
    background-color: #ED1C24;
    border: 1px solid #ED1C24;
    color: #fff;
}

.cart-steps .step .step-index {
    border-radius: 100%;
    border: 1px solid #2A2D34A3;
    color: #2A2D34A3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    width: 31px;
    margin: 0 8px 0;
}

.cart-steps .step .step-arrow {
    margin-left: 50px;
}

.customer-cart-list-title {
    color: #ED1C24;
    font-size: 24px;
    font-weight: 700;
    margin: 50px 0 32px;
}


.customer-cart-row {
    display: flex;
    flex-direction: row;
    background: #fff;
    border: 1px solid #F4F4F6;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 8px;
}

.customer-cart-total-amount {
    display: flex;
    flex-direction: row;
    background: #fff;
    border: 1px solid #F4F4F6;
    border-radius: 12px;
    padding: 35px;
    margin-bottom: 8px;
    padding: 24px;
    margin: 0;
}

.customer-cart-column {
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-weight: 500;
}

.customer-cart-column.customer-cart-column__display-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.customer-cart-column .customer-cart-product-picture {
    height: 88px;
    width: 88px;
}

.customer-cart-column .customer-cart-product-picture img {
    object-fit: cover;
    height: 88px;
    width: 88px;
}

.customer-cart-column .customer-cart-product-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
    width: 250px;
}

.customer-cart-column .customer-cart-product-option {
    color: #5C6270;
    font-size: 14px;
}

.customer-cart-column .customer-cart-quantity {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.customer-cart-column .customer-cart-button {
    background: #F4F4F6;
    border-radius: 8px;
    border: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    min-height: 40px;
    min-width: 40px;
}

.customer-cart-column .customer-cart-quantity .product-quantity {
    border: 1px solid #F4F4F6;
    border-radius: 8px;
    background: #fff;
    color: #000;
    font-size: 16px;
    min-height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
}

.customer-cart-column .customer-cart-product-price {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 600;
}

.customer-cart-column .customer-cart-row-delete {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: end;
}

.customer-cart-amount-title {
    border-bottom: 1px solid #eee;
    color: #5C6270;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 20px;
}

.customer-cart-amount-span {
    color: #ED1C24;
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0 0;
}

.customer-cart-shipment-choice {
    border-radius: 12px;
    display: flex;
}

.customer-cart-shipment-choice #customerCartShowBranches {
    border-radius: 12px 0 0 12px;
}

.customer-cart-shipment-choice #customerCartDelivery {
    border-radius: 0 12px 12px 0;
}

.customer-cart-shipment-title {
    font-size: 24px;
    font-weight: 700;
    color: #ED1C24;
    margin: 56px 0 28px;
}

.customer-cart-shipment-choice {
    margin-bottom: 56px;
}

.customer-cart-shipment-choice .customer-cart-shipment-type {
    border: 1px solid #2A2D34;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 24px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
}

.customer-cart-shipment-choice .customer-cart-shipment-type.customer-cart-delivery-choice-active {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.customer-cart-shipment-choice .customer-cart-shipment-type img { 
    margin-bottom: 10px;
}

.customer-cart-shipment-choice .customer-cart-shipment-type:first-of-type {
    border-right: 1px solid #2A2D34;
}

.customer-cart-shipment-choice .customer-cart-shipment-type:last-of-type {
    border-left: none;
}

.customer-cart-shipment-choice .customer-cart-shipment-type.customer-cart-delivery-choice-active {
    border: 1px solid #ED1C24;
}

.customer-cart-shipment-choice .customer-cart-shipment-type:last-of-type.customer-cart-delivery-choice-active {
    border-left: none;
}

.delivery-type-container {
    display: none;
}

.delivery-type-container.delivery-type-container-active {
    display: block;
}

.customer-cart-customer-info-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
}

.customer-cart-customer-info {
    margin-bottom: 30px;
}

.customer-cart-field {
    border: 1px solid rgba(42, 45, 52, 0.5);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    position: relative;
    padding: 10px 50px 10px;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.customer-cart-customer-info .customer-cart-field.customer-cart-field-valid  {
    border: 1px solid rgba(42, 45, 52, 0.5);
}

.customer-cart-customer-info .customer-cart-field {
    border: 1px solid #ED1C24;
}

.customer-cart-field.customer-cart-field-delivery-time {
    cursor: pointer;
}

.customer-cart-field.customer-cart-field-delivery-time.selected-delivery-time {
    border: 1px solid #ED1C24;
}

.customer-cart-field .customer-cart-field-label {
    background-color: #fff;
    color: #ED1C24;
    position: absolute;
    top: -10px;
    padding: 0 10px;
}

.customer-cart-field-info {
    font-size: 12px;
    margin-top: -15px;
}

.customer-cart-field input {
    border: 1px solid #fff;
    border-radius: 5px;
    outline: none;
    transition: all 0.3s ease;
    width: 100%;
    height: 40px;
    padding: 0 10px;
}

.customer-cart-field input:disabled {
    color: #999;
}

.customer-cart-field input:focus {
    border-bottom: 1px solid #aaa;
}

.customer-cart-field select {
    border: none;
}

.customer-cart-field textarea {
    border: 1px solid #fff;
    transition: all 0.3s ease;
    width: 100%;
}

.customer-cart-field textarea:focus {
    outline: none;
    border-bottom: 1px solid #aaa;
}

.customer-cart-field img {
    position: absolute;
    top: 20px;
    right: 25px;
}

.customer-cart-delivery-info {
    margin: 0 0 15px;
}

.customer-cart-delivery-info {
    padding-right: 5px;
}

.customer-cart-delivery-choice,
.customer-cart-branch-list__list {
    position: relative;
}

.customer-cart-delivery-choice .customer-cart-delivery-overlay,
.customer-cart-branch-choice .customer-cart-delivery-branch-overlay,
.customer-cart-branch-list__list .customer-cart-delivery-overlay {
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 102%;
    z-index: 10;
}

.customer-cart-delivery-info-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 24px;
}

.customer-cart-branch-choice {
    position: relative;
}

.customer-cart-branch-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.customer-cart-field-branch-info {
    display: flex;
    justify-content: space-between;
}

.customer-cart-submit button {
    background-color: #ED1C24;
    border: none;
    border-radius: 12px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.25px;
    padding: 12px 0;
    width: 100%;
}

.customer-cart-submit button:disabled {
    background-color: rgba(237, 28, 36, 0.5);;
    cursor: pointer;
}

.customer-cart-submit button.inactive {
    border-radius: 12px;
    background-color: rgba(237, 28, 36, 0.5);;
    cursor: default;
}

.customer-cart-branch-list-type {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #A5A5A5;
    border-radius: 12px;
    color: #A5A5A5;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 19px;
    padding: 10px 0;
}

.customer-cart-branch-list-type img {
    max-width: 28px;
    margin-right: 10px;
}

.customer-cart-branch-list__list {
    margin-bottom: 100px;
}

.customer-cart-branch__list__card {
    border: 1px solid #E3E3E3;
    border-radius: 12px;
    transition: all 0.3s ease;
    min-height: 380px;
}

.customer-cart-branch__list__card.branch-is-active {
    border: 1px solid #ED1C24;
}

.customer-cart-branch__list__card__img img {
    height: 189px;
    object-fit: contain;
    width: 100%
}

.customer-cart-branch__list__card__body {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}

.customer-cart-branch__list__card__body__name {
    font-weight: 600;
    margin: 20px 0 5px;
}

.customer-cart-branch__list__card__body__address {
    font-weight: 600;
    font-size: 12px;
    margin: 5px 0 5px;
}

.customer-cart-branch__list__card__body__hours {
    margin-bottom: 13px;
}

.customer-cart-branch__list__card__body button {
    background: #ED1C24;
    border: none;
    border-radius: 12px;
    color: #fff;
    padding: 7px 60px;
}

.customer-cart-branch-list__map {
    margin-bottom: 100px;
}

.customer-cart-branch-list__map img {
    height: 345px;
    width: 100%;
}
/* .customer-cart-submit button.active {
} */

.customer-cart-delivery-choice-active {

}

.check-page--history {
    margin: 30px 0 0;
}

.check-page-delivery {
    border: 1px solid rgba(42, 45, 52, 0.1);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 22px 32px 30px;
}

.check-page-delivery .check-page-delivery-body {
    display: flex;
}

.check-page-delivery .check-page-delivery-body .check-delivery-icon {
    display: inline-block;
    margin: 0 36px 0 0;
    width: 52px;
}

.check-page-delivery .check-page-delivery-body .check-page-delivery-info .check-page-delivery-title {
    color: #2A2D34;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 4px;
}

.check-page-delivery .check-page-delivery-body .check-page-delivery-info .check-page-delivery-location {
    color: #5C6270;
    font-size: 14px;
    line-height: 120%;
    max-width: 300px;
}

.check-page-delivery .check-page-delivery-price {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #ED1C24;
    margin: 0 100px 0 0;
    min-width: 175px;
}

.check-page-total {
    border: 1px solid rgba(42, 45, 52, 0.1);
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 64px;
    padding: 19px 130px 21px 38px;
    margin: 8px 0 48px;
}

.check-page-total .check-page-total__title {
}

.check-page-total .check-page-total__amount {
    display: block;
    min-width: 106px;
    color: #ED1C24;
}

 #checkoutform .check-page-payment-choice {
    border: 1px solid rgba(42, 45, 52, 0.5);
    background-color: #fff;
    border-radius: 12px;
    position: relative;
    padding: 10px 50px 10px;
    margin-bottom: 8px;
}

.check-page-payment-choice .check-page-payment-choice__label {
    background-color: #fff;
    color: #ED1C24;
    position: absolute;
    top: -10px;
    padding: 0 10px;
}

#checkoutform {
    font-family: Rubik, Helvetica, Arial, sans-serif;
}

#checkoutform .form-group label {
    font-family: Rubik, Helvetica, Arial, sans-serif !important;
}

#checkoutform .check-page-payment-choice #checkout_form_bankinterface {
    border: none;
    background-color: #fff;
}

#checkoutform #checkout-approve {
    margin-bottom: 50px;
}

#checkoutform #checkout-approve label {
    font-family: Rubik, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 0 0 0 12px;
    text-transform: initial;
}

#checkoutform #checkout-approve #checkout_form_approve {
    appearance: none;
    background-color: #fff;
    border: 1px solid #ED1C24;
    border-radius: 8px;
    cursor: pointer;
    outline: none;
    height: 25px;
    width: 25px;
}

#checkoutform #checkout-approve #checkout_form_approve:checked {
    background-color: #ED1C24;
}

#checkoutform .checkout-submit {
    background-color: #ED1C24;
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 14px 0;
    display: block;
    text-align: center;
    width: 100%;
}

.delivery-customer-info {
    min-height: 30vh;
}

.delivery-customer-info__title {
    font-size: 16px;
    font-weight: 600;
    color: #2A2D34;
    margin: 0 0 25px 0;
}

.delivery-customer-info__field {
    margin: 0 0 64px;
}

.delivery-customer-info__field .form-group {
    border: 1px solid rgba(42, 45, 52, 0.5);
    border-radius: 12px;
    padding: 5px 50px 5px;
    position: relative;
}

.delivery-customer-body__customer-info .customer-cart-customer-info .customer-cart-field {
    border: 1px solid rgba(42, 45, 52, 0.5);
}

.delivery-customer-info__field .form-group.delivery-invalid-input {
    /* border: 1px solid #ED1C24; */
}

.delivery-customer-info__field .form-group label {
    background-color: #fff;
    color: #ED1C24;
    position: absolute;
    top: -10px;
    padding: 0 10px;
}

.delivery-customer-info__field .form-group input {
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    outline: none;
    transition: all 0.3s ease;
}

.delivery-customer-info__field .form-group input:focus {
    border-bottom: 1px solid #888;
    outline: none;
    outline-style: none;
}

.delivery-customer-info__submit {
    background-color: #ED1C24;
    border: none;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 15px 0;
    display: block;
    width: 100%;
}

.delivery-customer-info__description {
    font-size: 14px;
    font-weight: 300;
    margin: 17px 0 0;
}

.delivery-info-container {
    display: none;
}

.delivery-info-container.show-delivery-info {
    display: block;
}

.delivery-customer-steps {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: rgba(42, 45, 52, 0.38);
}

.delivery-customer-steps .delivery-customer-steps__step {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.delivery-customer-steps .delivery-customer-steps__step.active__step {
    color: #ED1C24;
}

.delivery-customer-steps .delivery-customer-steps__step .delivery-customer-steps__step__number {
    background-color: #fff;
    border: 1px solid rgba(42, 45, 52, 0.64);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1.1;
    margin: 0 8px 0 0;
    height: 31px;
    width: 32px;
}

.delivery-customer-steps .delivery-customer-steps__step.active__step .delivery-customer-steps__step__number {
    border: 1px solid #ED1C24;
    background: #ED1C24;
    color: #fff;
}

.delivery-customer-body {
    margin: 30px 40px;
}

.delivery-customer-body .delivery-customer-image {
    display: flex;
    justify-content: center;
}

.delivery-customer-body .delivery-customer-delivery-info {
    font-size: 14px;
    font-weight: 600;
    margin: 43px 0 17px;
    display: flex;
    flex-direction: row;
}

.delivery-customer-body .delivery-customer-delivery-info .delivery-customer-delivery-info__item {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    border: 1px solid #D4D5DE;
    border-radius: 12px;
    padding: 11px 50px 12px 26px;
}

.delivery-customer-body .delivery-customer-delivery-info .delivery-customer-delivery-info__item:first-of-type {
    margin-right:  14px;
}


.qpay-check-payment__button {
    border-radius: 12px;
    display: block;
    white-space: normal;
    width: 100%;
}

.transaction-success-message__title {
    color: #ED1C24;
    font-size: 24px;
    text-align: left;
    margin: 56px 0 37px;
}

.transaction-success-message {
    border: 2px solid #44C4A1;
    border-radius: 12px;
    color: #069697;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
}

.transaction-success-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 11px;
}
.transaction-success-info__transaction-number {
    margin-right: 15px;
}

.transaction-success-info__transaction-number,
.transaction-success-info__delivery-code {
    display: flex;
    flex-grow: 1;
    align-self: stretch;
    justify-content: space-between;
    border: 1px solid #D4D5DE;
    border-radius: 12px;
    padding: 11px 53px 11px 25px;
}

.transaction-success-info__transaction-number span,
.transaction-success-info__delivery-code span {
    font-size: 14px;
}

.transaction-success-info__transaction-number span:first-of-type,
.transaction-success-info__delivery-code span:first-of-type {
    font-size: 16px;
    font-weight: 600;
}

.transaction-success-info__transaction-number span:first-of-type {
    margin-right: 14px;
}


.checkout-page__qpay {
    font-family: Rubik, Arial, sans-serif !important;
    color: #ED1C24;
    font-size: 24px;
    font-weight: 600;
    margin: 60px 0 75px 80px;
}


.checkout-page__qpay .hidden-xs {

}

#checkoutSubmit:disabled {
    background-color: #ffa4a7;
}

@media (max-width: 1199px) {
    .customer-cart-customer-info .customer-cart-field {
        margin-bottom: 40px;
    }

    .customer-cart-customer-info .customer-cart-field-info {
        font-size: 10px;
        position: absolute;
        bottom: -10px;
    }
}

@media (max-width: 730px) {
    .cart-steps {
        flex-direction: column;
    }

    .cart-steps .step {
        margin-bottom: 10px;
    }

    .cart-steps .step .step-arrow {
        display: none;
    }

    .customer-cart-row .customer-cart-column .customer-cart-product-name{
        width: initial;
    }

    .delivery-customer-steps {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
    }

    .delivery-customer-steps img {
        display: none;
    }

    .delivery-customer-steps__step {
        margin-bottom: 10px;
    }
}

@media (max-width: 650px) {
    .customer-cart-row .customer-cart-column .customer-cart-product-name,
    .customer-cart-column .customer-cart-quantity .product-quantity, 
    .customer-cart-row .customer-cart-column .pricefield {
        font-size: 13px;
    }

    .customer-cart-product-name {
        margin-left: 5px;
    }
}


@media (max-width: 600px) {
    .customer-cart-customer-info .customer-cart-field-info {
        font-size: 10px;
        bottom: -30px;
    }
}