/***
*** Cart
***/

.checkout-cart-index .message {
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: center;
}

.cart-summary .field:not(.choice) > label {
    margin-top: 5px !important;
    padding: 0 15px;
    font-size: 12px;
}

.cart-summary .input-text, select:not([multiple]) {
    padding: 15px 15px 0px 15px !important;
}

.cart-summary .field:not(.choice) > label{
    font-size: 12px;
}

.cart .table .towishlist::before{
    display: none !important;
}
/*Media query*/

@media only screen and (max-width: 768px) {
    .cart.table .field.qty input.qty {
        max-width: 2.6rem;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 640px) {
    .cart .table  .action-delete{
        margin-top:-10px ;
        padding-bottom:10px !important;
        margin-right: 40px;
    }
}

/***
*** Fix cart remove pop up
***/
.modal-inner-wrap{
    z-index: 99999999999 !important;
}
.page-wrapper {
    position: relative !important;
    z-index: 0 !important;
}
.modal-inner-wrap .action-accept{
    background: #21A89F;
}

.modal-inner-wrap .action-accept:hover{
    background: #000;
}


/***
***Add pop up for login in cart page
***/
.popup-authentication .modal-inner-wrap .actions-toolbar {
    margin-top: 0px;
}

.popup-authentication .modal-inner-wrap .block-content {
    line-height: 22px;
}

.popup-authentication .modal-inner-wrap .block-content ul {
    margin-bottom: 60px;
    margin-top: -8px;
}

.popup-authentication .modal-inner-wrap .block-title {
    font-size: 22px;
    margin-bottom: 12px
}

.popup-authentication .modal-inner-wrap .block-new-customer {
    border-right: 1px solid #ebebeb;
}

.popup-authentication .modal-inner-wrap .primary .action-login {
    background: #21A89F;
    padding: 10px 40px;
    width: 50%;
    float: right;
}

.popup-authentication .modal-inner-wrap .primary .action-login:hover {
    background: #000;
}

.popup-authentication .modal-inner-wrap .secondary .action {
    color: #21A89F;
    margin-top: 0px;
}

.popup-authentication .modal-inner-wrap .secondary .action:hover {
    color: black;
    text-decoration: none;
}

.popup-authentication .form-login .field.required > .label, .field._required > .label {
    padding-top: 3px;
    /* margin-top: 15px !important;
    font-size: 12px !important; */
}

.popup-authentication .form-login .input-text, select:not([multiple]) {
    /* padding: 20px 15px 0px 15px !important; */
}

/* Add pop up for login in cart page  - Mobile*/
@media only screen and (max-width: 768px) {
    .popup-authentication .modal-inner-wrap .block-new-customer {
        border-right: 0px solid;
    }

    .popup-authentication .modal-inner-wrap .block-content ul {
        margin-bottom: 10px;
        margin-top: -8px;
    }

    .popup-authentication .modal-inner-wrap .primary .action-login {
        width: 100%;
    }

    .popup-authentication .modal-inner-wrap .action-register {
        width: 100%;
        margin-bottom: 30px;
    }

    .popup-authentication .modal-inner-wrap .block-title {
        font-size: 20px;
        margin-bottom: 6px;
    }
}

/***
*** Cart Style
***/
.cart-delivery h4, .cart-delivery p {
    text-align: center;
}

.cart-delivery {
    text-align: center;
    box-shadow: 1px 1px 1px 1px grey;
    padding: 80px 40px;
    margin-top: 20px;
    box-shadow: 0px 0px 1px 1px #e1e1e1;
}

.cart-delivery img {
    padding: 0px 30px 50px 30px;
}

.checkout-methods-items .primary {
    background: #21A89F !important;
}

.cart .table .product-item-photo {
    max-width: 14% !important;
}

.top-table {
    color: grey;
    padding-bottom: 16px;
    font-size: 10px;
    letter-spacing: 0.2em;
}

.cart .cart-price {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    width: 120px;
    height: 40px;
}

.cart.table .item-info td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.cart.table .product-item-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
}

.cart.table .product-item-photo .stickers-holder .sticker {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    min-width: 28px;
    font-size: 10px;
}

.cart.table .product-item-photo .stickers-holder .sticker.discount {
    background: #D84B4B;
    color: #fff;
}

.cart.table .product-item-details {
    margin-left: 20px;
}

.cart.table .product-item-details .brand,
.cart.table .product-item-details .sku,
.cart.table .product-item-details .stock {
    display: block;
    line-height: 14px;
    font-size: 13px;
    color: #000;
}

.cart.table .product-item-details .brand,
.cart.table .product-item-details .sku {
    margin: 0 0 6px 0;  
}

.cart.table .product-item-details .sku {
    font-weight: 700;
}

.cart.table .product-item-details .stock.available {
    color: #21A89F;
}

.cart.table .product-item-details .product-item-name {
    margin: 0 0 6px 0;
    line-height: normal;
    font-size: 15px;
}

.cart.table .field.qty .qty-holder {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 13px 0 34px;
    background: rgba(117, 117, 117, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

.cart.table .field.qty input.qty {
    height: auto;
    width: auto !important;
    max-width: 25px;
    padding: 0 !important;
    margin: 0;
    border: 0;
    background: none !important; 
    font-weight: 700;
    font-size: 14.1972px;
    color: #000;
    letter-spacing: 0.2em;
    box-shadow: none;
    outline: none;
}

.cart.table .field.qty input.qty::-webkit-outer-spin-button,
.cart.table .field.qty input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart.table .field.qty input.qty {
    -moz-appearance: textfield;
}

.cart.table .field.qty .qty-holder button {
    position: absolute;
    left: 12.5px;
    height: 7.1px;
    width: 14.2px;
    padding: 0;
}

.cart.table .field.qty .qty-holder button.minus {
    bottom: 11px;
    background: url('../images/quantity-arrow-bottom.svg') center bottom no-repeat;
}

.cart.table .field.qty .qty-holder button.plus {
    top: 11px;
    background: url('../images/quantity-arrow-top.svg') center top no-repeat;
}

.cart.table td.col.price,
.cart.table td.col.subtotal {
    padding-top: 30px;
}

.cart.table .col.price .price {
    padding-top: 0;
}

.cart.table .col.price .cart-original-price {
    display: block;
    margin: 11px 0 0 0;
    line-height: 16px;
    font-size: 15px;
    color: #757575;
    text-decoration: line-through;
}

.cart.table .col.price .cart-original-price .price {
    padding: 0;
}


.field.qty > .control, .input-text.qty {
    max-width: 4rem;
    height: 36px;
}

.item-info .qty {
    margin-top: 0px;
}

.item-info .price {
    padding-top: 20px;
}

.item-info .subtotal {
    padding-top: 20px;
}

.cart.table .product-item-name {
    font-size: 14px;
    line-height: 1.75rem;
    display: inline-block;
    margin-bottom: 0.2rem;
}

.cart.table .product-item-name a {
    font-size: 14px;
    font-weight: bold;
}

.item-options {
    font-size: 12px;
    argin-top: -8px;
}

.cart-actions a {
    margin-top: -44px;
}

.cart-container .cart.actions {
    margin-top: -14px !important;
}

.cart-container .form-cart .update {
    background: black;
}

.cart-container .checkout-methods-items .primary {
    border: 0px green !important;
    font-size: 1.1rem !important;
}

.checkout-cart-index .column.main .block .title {
    font-size: 0.9rem;
}

.cart-container .checkout-methods-items .primary:hover {
    color: #fff !important;
    background: #000 !important;
}

.cart-container .form-cart .update:hover {
    background: #ffffff;
    color: black;
    border: 1px solid;
}

.checkout-cart-index .page-title::after {
    display: none;
}

.checkout-cart-index .page-title {
    margin: 0 0 0 0;
    line-height: 28px;
    font-size: 25px;
}

.checkout-cart-index .action-edit {
    display: none;
}

.cart.table a.action {
    color: black !important;
}


.checkout-cart-index .page-main {
    padding: 20px !important;
}

.checkout-cart-index .crosssell {
    display: none;
}

@media only screen and (min-width: 640px) {
    .mobile-subtotal-cart {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    .cart-hide-mobile {
        display: none;
    }

    .cart-actions a {
        margin-top: -36px;
    }
}


/*!* Checkout *!*/

/* Tabs */
.firecheckout.fc-form-compact .form-shipping-address.fc-size-l .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field {
    width: 48%;
}

.firecheckout.fc-form-compact .form-shipping-address.fc-size-l .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field {
    width: 48%;
}

.firecheckout.fc-form-compact .form-shipping-address .fieldset .street div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset .street div.field {
    width: 100% !important;
}

.firecheckout.fc-form-compact .form-shipping-address.fc-size-l .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field {
    width: 48%;
}

.firecheckout.fc-form-compact .form-shipping-address.fc-size-l .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field {
    width: 48%;
}

.firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.country_id"] {
    margin-right: 2% !important;
}

.firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.region_id"] {
    margin-left: 0px !important;
    margin-right: 3% !important;
}

.firecheckout.fc-form-compact .form-shipping-address .fieldset > *, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset > *, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset > *, .firecheckout.fc-form-compact .form-shipping-address fieldset .control > *, .firecheckout.fc-form-compact #checkout .checkout-shipping-address fieldset .control > *, .firecheckout.fc-form-compact #checkout .checkout-billing-address fieldset .control > * {
    width: 66%;
}

.firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.postcode"] {
    margin-left: 2% !important;
    width: 32%;
}

.firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.postcode"] .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.postcode"] {
    display: none;
}

.firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.postcode"] > .label {
    margin-top: -16px !important;
}

/* Remove biling address */
.checkout-billing-address {
    display: none;
}

/* Payment, Shipping fields and discount */
.firecheckout .checkout-payment-method .payment-methods {
    margin-top: 20px !important;
}

.firecheckout #checkout [data-collapsible="true"] > [role="tab"] {
    color: #000 !important;
    padding: 10px 30px !important;
    background: #F5F5F5;
    width: 100%;
    text-align: center;
    box-shadow: 1px 1px 5px 1px #e7e7e7;
    transition: 0.5s !important
}

#block-discount-heading span {
    color: black;
}

.firecheckout #checkout [data-collapsible="true"] > [role="tab"]:hover {
    background: #21A89F;
    color: #fff;
    transition: 0.5s !important;
}

.payment-method {
    margin-bottom: -40px;
}

.firecheckout #checkout .opc-sidebar.opc-summary-wrapper {
    background: #F2F2F2 !important;
}

.firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span:after {
    border-color: #000000 !important;
}


/* Designation field worng way for max width quick fix - percents notw workin */
@media screen and (min-width: 1290px) {
    input[name='custom_attributes[designation]'] {
        width: 310px !important;
        margin-left: 1%
    }
}

@media screen and (max-width: 1290px) {
    input[name='custom_attributes[designation]'] {
        width: 330px !important;
        margin-left: 1%
    }
}


@media screen and (max-width: 1200px) {
    input[name='custom_attributes[designation]'] {
        width: 310px !important;
        margin-left: 1%
    }
}

@media screen and (max-width: 1170px) {
    input[name='custom_attributes[designation]'] {
        width: 300px !important;
        margin-left: 1%
    }
}

@media screen and (max-width: 1150px) {
    input[name='custom_attributes[designation]'] {
        width: 290px !important;
        margin-left: 1%
    }
}

@media screen and (max-width: 1120px) {
    input[name='custom_attributes[designation]'] {
        width: 280px !important;
        margin-left: 1%
    }
}


/*
Checkout fixes responsive
*/
@media only screen and (max-width: 1110px) {
    .checkout-index-index .opc-wrapper {
        padding: 10px !important;
    }
}

@media only screen and (max-width: 990px) {
    .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice) {
        width: 100%;
    }
}


@media only screen and (max-width: 1091px) {
    .checkout-index-index .field {
        width: 100% !important;
    }

    .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice) input {
        width: 100% !important;
    }
}


/* Responsive fields for tablets and mobiles - like brake downs and price block goes down*/
@media only screen and (max-width: 840px) {
    .firecheckout.firecheckout-col1-set #checkout .opc-sidebar {
        min-width: 100%;
    }

    .firecheckout.firecheckout-col1-set #checkout .opc-wrapper {
        min-width: 100%;
    }


    .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.postcode"] {
        margin-left: 0% !important;
        margin-top: -20px !important;
    }
}

@media only screen and (max-width: 840px) {
    .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field[name="shippingAddress.lastname"] {
        margin-left: 0px !important;
    }
}

/***
***Checkout when logged in
***/
.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item {
    border-color: #21A89F !important;
    background: #F2FCFC !important;
    width: 100% !important;
}