.yith-pos-scanner-tab, .yith-pos-product-list__list, .yith-pos-product-category-list__list {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

.yith-pos-product-list__list .product-heading .product-price {
    display: none !important;
}

.yith-pos-product-list__list .product-heading .product-title {
    width: 100% !important;
    text-align: center !important;
}

.cart-item__price .cc-orignal-price, .modal-show-only-close-button .cc-orignal-price {
    display: block;
    text-decoration: line-through;
}
.cart-item__price .cc-applied-price, .modal-show-only-close-button .cc-applied-price {
    display: block;
}

.shipping-method-amount-to-pay {
    display: flex;
}
.shipping-method-amount-to-pay .form-group-insurance, .shipping-method-amount-to-pay .form-group-amountToPay {
    flex: 50%;
}
.form-group-insurance label {
    display: inline-block;
}
.form-group-insurance input {
    display: inline;
    width: auto;
    height: auto;
}

.form-group-shippingMethod .dropdown-item span {
    display: block;
    margin-left: 3px;
}

.select-wrapper .dropdown-item {
    font-size: 11px;
}

.yith-pos-product-list__list .product-image, .yith-pos-product-category-list__list .product-cat-image {
    background-size: 100% 100%;
}
.yith-pos-product-list__list .product-heading, .yith-pos-product-category-list__list .product-cat-heading {
    padding: 10px 3px;
}

.yith-pos-product-list__list .product-heading .product-title {
    font-size: 14px;
}


/* hide suspend and save cart functionality*/
/* .yith-pos-cart__buttons > span.yith-pos-cart__buttons-saved-carts, .cart-action--suspend-and-save-cart {
    display:none;
}

.cart-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;
    grid-template-areas:
        ". . . . . empty-cart"
        "add-note add-fee-or-discount apply-coupon add-shipping pay pay ";
    grid-row-gap: 10px;
    grid-column-gap: 10px;
} */
/* hide suspend and save cart functionality ends*/


.cc-pos-add-to-cart {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 0px 0px;
}

.cc-pos-add-to-cart button{
    background: var(--primary);
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 30px;
    cursor: pointer;
    width: 100%;
}

.modal__variation-layout .quantity-container, .custom-sale-modal .quantity-container{
    display: flex;
    align-items: center;
    justify-content: end;
}
.modal__variation-layout .quantity-container .qty_minus, .modal__variation-layout .quantity-container .qty_plus, .custom-sale-modal .quantity-container .qty_minus, .custom-sale-modal .quantity-container .qty_plus{
    width: 35px;
    background: var(--primary);
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer;
    user-select: none;
    text-indent: unset;
    height: 35px;
    text-align: center;
    line-height: 1em;
    border: 1px solid var(--primary);
    box-sizing: border-box;
    display: block;

}
.modal__variation-layout .quantity-container .qty_variation, .custom-sale-modal .quantity-container .qty_variation{
    height: 35px;
    box-sizing: border-box;
    border: 1px solid var(--border-grey);
    padding: 5px 10px;
    color: #000;
    width: 50px;
    outline: none;
    box-shadow: none;
    font-size: 15px;
    font-family: inherit;
    display: inline-block;
    text-align: center;
    line-height: 1em;
    -moz-appearance: textfield;
}

.quantity-container .qty_variation::-webkit-outer-spin-button, .quantity-container .qty_variation::-webkit-inner-spin-button{
    -webkit-appearance: none;
     margin: 0;
}

.yith-pos-product-variation-selector__list .product {
    cursor: default;
}

.yith-pos-product-variation-selector__list .product-heading {
    align-items: center;
}

.var-in-stock {
    margin: 0px;
    color: red;
    font-weight: bold;
    font-size: 10px;
}

.ups-loading {
    color: red;
    font-size: 10px;
    font-weight: bold;
}

.shipping-modal .select-trigger-dropdown i, .shipping-modal .dropdown-item i, .payment-modal .select-trigger-dropdown i,  .payment-modal .dropdown-item i {
    display: none;
}

.shipping-modal .select-wrapper .dropdown-item, .shipping-modal .select-trigger-dropdown, .payment-modal .select-wrapper .dropdown-item, .payment-modal .select-trigger-dropdown {
    justify-content: space-between;
}
.shipping-modal .select-trigger-dropdown span, .payment-modal .select-trigger-dropdown span{
    margin-right:40px;
}


span.yith-pos-product__actions-add-product {
     background-color: var(--primary);
}

.custom-admin-page iframe{
    width: 100%;
    height: 900px;
}


.dropdown-menu i.yith-pos-icon-store {
    margin:0;
    margin-right: 14px;
}

.current-customer-wrapper {
    margin-bottom:15px;
}

.customer-search-input-wrapper input {
    width: 600px;
}

.cc-pos-red {
    color:red;
}

.cart-actions {
    display: grid;
    grid-template-columns: repeat(6, 1fr); 
    grid-template-areas:
        "pay pay pay pay pay pay"
        "more-options add-note add-shipping suspend-and-save-cart empty-cart apply-coupon"
        "kiosk-note kiosk-note kiosk-empty-cart kiosk-empty-cart kiosk-logout kiosk-logout";
    /* grid-row-gap: 10px;
    grid-column-gap: 10px; */
    grid-row-gap: 3px;
    grid-column-gap: 3px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
}

.cart-action--kiosk-empty-cart {
    grid-column: span 2; /* Set the kiosk-empty-cart element to span 3 columns */
}

.cart-action--kiosk-logout {
    grid-column: span 2; /* Set the kiosk-logout element to span 3 columns */
}

.cart-action--kiosk-note {
    grid-column: span 2; /* Set the kiosk-note element to span 3 columns */
}

.cart-action--empty-cart {
    grid-column-start: 5;
}

.cart-action {
    min-height: 45px;
    padding: 20px 6px;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
}

.yith-pos-product-list__list .product-add {
    display: none;
}

.cart-action--pay {
    padding: 10px 13px;
    /* font-size: 30px; */

    font-size: 35px;
    min-height: 55px;
}
.cart-action--pay .cart-action__label {
    text-align: left;
}
.cart-action--pay .cart-action-pay-total{
    text-align: right;
}

.yith-pos-cart__buttons > span {
    padding: 10px 30px 9px 40px;
    /*
    box-shadow: 3px 3px 3px grey;
    
    border: 1px solid grey;
    */
}

.yith-pos-product-list__search_section .yith-pos-product-list__logo, .yith-pos-product-list__search_section .yith-pos-product-list__search {
    display: none;
}

.yith-pos-product-list__search_section {
    justify-content: flex-end;
    margin-top: 2px;
  /*  margin-bottom: -35px; */
}

.product-search-field{
    background-color: var(--primary);
    color: #fff;
    padding: 5px 15px;
    cursor: pointer;
    height: 37px;
 }

 .yith-pos-product__actions > span i  {
    margin:0;
    padding: 0;
    font-size: 18px;
 }

 .yith-pos-tabs .yith-pos-product__actions-add-product{
    padding: 8.5px 15px;
 }

 .new-calculator-btn {
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
    transition: background .2s ease-in-out;
 }

 .new-calculator-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 25px;
 }

 .new-add-product-btn {
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
    transition: background .2s ease-in-out;
 }

 .new-add-product-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 25px;
 }

 a.yith-pos-calculator-button {
    display: none;
 }

 .yith-pos-calculator-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }

 .yith-pos-product-list__search input.product-search {
    min-width: 400px;
 }

 .yith-pos-product-list__search .search-product-results {
    max-width: 405px;
    max-height: 200px;
 }

 span.yith-pos-cart__buttons-cart {
    display:none;
 }
 .yith-pos-cart__buttons {
    width: 100%;
    padding: 12px;
 }

 .yith-pos-cart__buttons-customer, .yith-pos-cart__buttons-address {
    flex:45%;
    background-color: #fff !important;
 }
 /* .yith-pos-cart__buttons-customer {
    margin-right: 10px !important;
 } */
 .yith-pos-cart__buttons-address {
    margin-right: 0 !important;
 }
/*
 .yith-pos-cart__buttons-customer i {
    left: 15px !important;
    top: 15px !important;
}
*/
.yith-pos-cart__buttons-address i {
    top: 9px !important;
    left: 13px !important;
}

.yith-pos-cart__buttons > span i.yith-pos-icon-saved-cart {
    font-size: 20px !important;
    top: 8px !important;
    left: 20px !important;
}

.payment-modal .modal__title {
    max-width: 605px;
}


@media screen and (max-width: 1700px) {
    .cart-action {
        min-height: 30px;
        font-size: 12px;
        min-height: 45px !important;
        padding: 13px 12px;
    }
    .cart-action--pay {
      /*  padding: 10px 5px; */
        font-size: 30px ;
        line-height: 25px;
    }
    /* .cart-item .cart-item__price, .cart-item .cart-item__total {
        min-width: 50px;
        max-width: 70px;
    } */
  }

  @media screen and (max-width: 1450px) {
    .cart-action {
        min-height: 30px;
        font-size: 10px;
    }
    .cart-action--pay {
      /*  padding: 10px 5px; */
        font-size: 30px ;
        line-height: 28px;
    }
    /* .cart-item .cart-item__price, .cart-item .cart-item__total {
        min-width: 50px;
        max-width: 70px;
    } */
    .payment-modal .extra-add-card-form {
        margin-bottom: 8px;
        font-size: 0.8em;
    }
    
  }

  .return-to-cart {
    background: var(--primary);
    text-align: center;
    padding:15px;
    cursor: pointer;
    color:#fff;
    width: 86%;
    margin: 7px auto;
    font-weight: 700;
  }

  .cc-custom-user-icon {
    width: 16px;
    height: 20px;
    margin-right: 14px;
    margin-bottom: -3px;
  }

  .cc-custom-cash-icon {
    width: 14px;
    height: 20px;
    margin-right: 21px;
    margin-bottom: -3px;
    margin-left: 6px;
  }

  .cc-custom-products-icon {
    width: 20px;
    height: 16px;
    margin-right: 13px;
    margin-bottom: -3px;
  }

  .manage-cash .yith-pos-icon-coin{
    margin-right: 13px;
  }

  .cc-custom-user-icon-black {
    width: 14px;
    height: 17px;
    margin-left: -20px;
    margin-right: 10px;
    margin-bottom: -3px;
  }

  .yith-pos-cart__buttons-customer, .yith-pos-cart__buttons-address {
    color:#fff !important;
  }

  .yith-pos-black-color {
    color:#000 !important;
  }

  .cart-total--shipping .cart-total__remove{
    display: none;
  }

  .cart-totals .cart-total-shipping-in_store_pickup {
    cursor: pointer;
  }

  .cart-total-shipping-in_store_pickup .cart-total__label:after {
    content: '\e90f';
    font-family: 'yith-pos-icon' !important;
    position: absolute;
    font-size: 13px;
    right: 0;
    top: 50%;
    opacity: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.5);
}

.cart-total-shipping-in_store_pickup .cart-total__label:hover:after {
    opacity: 1;
}

.form-group-state select, .form-group-tax-status select, .form-group-general-select select, select#address_id{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    outline: none;
}

.shipping-modal select#address_id{
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

.yith-pos-new-customer .form-group.form-group-fullwidth {
    grid-column: span 2;
}

.cc-yith-pos-switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 24px;
}

.cc-yith-pos-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider:before {
    background-color: #b3c64c;
  }

input:checked + .slider {
   background-color: #fff; 
   border: 1px solid #b3c64c;
}

input:focus + .slider {
  box-shadow: 0 0 1px #fff;
  border: 1px solid #b3c64c;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}
 /* 
.customer-modal .modal__content{
  overflow-y: scroll; 
    max-height:700px; 
    padding-right: 10px;
}
 */
.customer-modal .modal__content .yith-pos-new-customer-fields {
    overflow-y: scroll; 
    max-height:500px; 
    padding-right: 10px;
}

.customer-modal-kiosk .modal__content .yith-pos-new-customer-fields {
    overflow-y: scroll; 
    max-height:500px; 
    padding-right: 10px;
}
.yith-pos-customer-shipping-fields, .yith-pos-customer-tax-fields, .switch-text-yes {
    display:none;
}

.switch-text-no {
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    position: absolute;
    top: 4px;
    right: 9px;
    text-transform: uppercase;
}

.switch-text-yes {
    right: auto;
    left: 9px;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    position: absolute;
    top: 4px;
    text-transform: uppercase;
    color: #b3c64c;
}

.payment-totals .form-group {
    padding: 15px;
}

.payment-modal .cards-on-file{
    width: 480px;
    background-color: var(--light-grey);
    margin-right: -20px;
    margin-top: -94px;
    margin-bottom: -20px;
    margin-left: 20px;
    padding: 20px;
}

.payment-modal .cof__close {
    display: block;
    font-size: 12px;
    margin-top: -20px;
    padding: 10px 0 10px 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.cc-pos-cof-heading{
    border-bottom: 3px solid #fff;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.cc-pos-cof-heading p {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
}

.cc-pos-cof-heading p span{
    font-size: 12px;
}



/* cof */

.extra-saved-cards-item span {
    line-height: 30px;
    margin-right: 15px;
}

.extra-add-card-form {
    display: flex !important;
    flex-flow: wrap;
    align-items: end;
    width: 100%;
    max-width: 40em;
}

.extra-add-card-form.hidden {
    display: none !important;
}

.extra-add-card-form,
.extra-add-card-form * {
    box-sizing: border-box;
}

.extra-add-card-form > div {
    display: block;
    padding-right: 10px;
}

.extra-add-card-form > div.extra_add_card_form_number input {
    background-image: url(../images/unknown.svg);
    background-repeat: no-repeat;
    background-position: right .6180469716em center;
    background-size: 31px 20px;
}

.extra-add-card-form > div.extra_add_card_form_number input.visa {
    background-image: url(../images/visa.svg)
}

.extra-add-card-form > div.extra_add_card_form_number input.mastercard {
    background-image: url(../images/mastercard.svg)
}

.extra-add-card-form > div.extra_add_card_form_number input.laser {
    background-image: url(../images/laser.svg)
}

.extra-add-card-form > div.extra_add_card_form_number input.dinersclub {
    background-image: url(../images/diners.svg)
}

.extra-add-card-form > div.extra_add_card_form_number input.maestro {
    background-image: url(../images/maestro.svg)
}

.extra-add-card-form > div.extra_add_card_form_number input.jcb {
    background-image: url(../images/jcb.svg)
}

.extra-add-card-form > div.extra_add_card_form_number input.amex {
    background-image: url(../images/amex.svg)
}

.extra-add-card-form > div.extra_add_card_form_number input.discover {
    background-image: url(../images/discover.svg)
}

.extra-add-card-form > div.extra_add_card_form_number {
    width: 52%;
}

.extra-add-card-form > div.extra_add_card_form_expiration {
    width: 23%;
}

.extra-add-card-form > div.extra_add_card_form_cvc {
    width: 15%;
}

.extra-add-card-form > div.extra_add_card_form_delete {
    width: 10%;
}
.extra-add-card-form > div.extra_add_card_form_delete button, .cof-add-new-card {
    color: #2271b1;
    border-color: #2271b1;
    background: #f6f7f7;
    vertical-align: top;
    font-weight: 600;
    border-radius: 4px;
    min-height: 30px;
    cursor: pointer;
 }

 .extra-add-card-form > div.extra_add_card_form_delete button:active, .cof-add-new-card:active {
    background: #f6f7f7;
    border-color: #8c8f94;
    box-shadow: none;
 }

 .extra-add-card-form > div.extra_add_card_form_delete button:focus, .cof-add-new-card:focus {
    background: #f6f7f7;
    border-color: #3582c4;
    color: #0a4b78;
    box-shadow: 0 0 0 1px #3582c4;
    outline: 2px solid transparent;
    outline-offset: 0;
 }
 .extra-add-card-form > div.extra_add_card_form_delete button:hover, .cof-add-new-card:hover {
    background: #f0f0f1;
    border-color: #0a4b78;
    color: #0a4b78;
 }

.extra-add-card-form input {
    width: 100%;
}

.extra-add-card-form label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
}

.cof-details input{
    padding: 0 8px;
    line-height: 2;
    min-height: 30px;
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
}

.cof-labels {
    margin-bottom: 10px;
    font-weight: 600;
}

.cards-on-file {
    display:none;
}

#cc-pos-cof-message {
    margin-bottom: 10px;
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: red;
}
.cof-save-cards {
    margin-top: 20px;
}

.pos-cc-cof-disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.payment-modal .extra-add-card-form {
    margin-bottom: 10px;
}
/*
.payment-modal .cards-on-file .extra-add-card-form:not(.add-new-card) input {
    pointer-events:none; 
}
*/

.cof-update-profile {
    margin-top: 15px;
    vertical-align: baseline;
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 2.15384615;
    min-height: 30px;
    padding: 0 13.5px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 4px;
    white-space: nowrap;
    box-sizing: border-box;
    font-weight: 600;
}

.cof-update-profile:active {
    background: #135e96;
    border-color: #135e96;
    box-shadow: none;
    color: #fff;
}

.cof-update-profile:hover {
    background: #135e96;
    border-color: #135e96;
    color: #fff;
}

.cof-update-profile:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
    background: #135e96;
    border-color: #135e96;
    color: #fff;
    outline: 2px solid transparent;
    outline-offset: 0;
}
/* cof ends */


/* Choose variation popup */
 .modal__variation-layout .yith-pos-product-info{
    width: 800px;
    background-color: var(--light-grey);
    margin-right: 20px;
    margin-top: -68px;
    margin-bottom: -20px;
    margin-left: -20px;
    padding: 20px;
    min-height: 90vh;
 }

 .modal__variation-layout .modal__title {
    max-width: 460px;
    margin-left: 800px;
}

.modal__variation-layout .modal__content {
    display: flex;
}

.yith-pos-product-img {
    width: 160px;
    height: auto;
    float: right;
}

.yith-pos-product-short-d ul li{
    margin-bottom: 5px;
}

.yith-pos-product-short-d ul{
    margin-bottom: 20px;
}


.woocommerce-product-details__short-description table {
    border-collapse: collapse !important;
    width: 100%;
    margin: 10px 0 10px 0;
   }
   
   .woocommerce-product-details__short-description thead {
       border-bottom: solid 1px #ccc;
   }
   
   .woocommerce-product-details__short-description th:not(:last-child),.woocommerce-product-details__short-description td:not(:last-child){
       border-right: solid 1px #ccc;
   }
   .woocommerce-product-details__short-description table  th,.woocommerce-product-details__short-description td{
       padding-top:2px !important;
       padding-bottom:1px !important;
       padding:1%;
   }
   .yith-pos-product-wc-tabs {
    min-height: 300px;
   }

   .yith-pos-product-wc-tabs ul.tabs{
    float: none;
    width: 100%;
    margin: 0;
    border-top: 1px solid #f8f8f8;
    text-align: center;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
   }

   .yith-pos-product-wc-tabs ul.tabs li{
    display: inline-block;
    margin: 0 12px;
    border: 0;
    position: relative;
    list-style: none;
    box-sizing: border-box;
   }
   .yith-pos-product-wc-tabs ul.tabs li a{
    font-weight: 600;
    padding: 2.2em 0 0.1em;
    font-size: 16px;
    display: block;
    color: #000 !important;
    touch-action: manipulation;
    background-color: transparent;
    text-decoration: none;
    transition: color .2s ease;
    box-sizing: border-box;
   }

   .yith-pos-product-wc-tabs ul.tabs li a::after {
    transform: scale(1);
    transform-origin: left center;
    border-bottom-color: #0f95fa;
    will-change: transform;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    content: "";
    transition: transform .3s cubic-bezier(.28,.75,.22,.95);
   }

   .yith-pos-product-wc-tabs ul.tabs li.active a::after {
    border-bottom: 1px solid #0f95fa;
   }
   .woocommerce-Tabs-panel#tab-frequently-asked-questions{
    white-space: pre-line;
   }

   .yith-pos-product-variation-selector__list .product > a {
    flex:none;
   }

   
   .yith-pos-product-wc-tabs .woocommerce-Tabs-panel ul li{
    margin-bottom: 5px ;
   } 

   .woocommerce-Tabs-panel p{
    line-height: 25px;
   }
/* Choose variation popup ends */


.yith-pos-product__actions .yith-pos-product__actions-add-product{
    display: none;
}
.yith-pos-header .logout {
    display: none;
}
.yith-pos-cart-menu {
    display: flex;
    justify-content: space-between;
    background-color: var(--light-grey);
    margin-left: -15px;
    margin-right: -15px;
}

.yith-pos-cart-menu .yith-pos-menu-item{
    cursor: pointer;
    color: #fff;
    background: var(--primary);
    width: calc(100% / 3 - 4px);
    
    text-align: center;
    padding: 5px 10px;
    font-weight: 600;
}

.cc-pos-no-items-found {
    text-align: center;
    margin: 50px;
    font-weight: 700;
}

.yith-pos-cart-menu .active {
    color: var(--primary);
    background: #fff;
}

.yith-pos-cart__buttons > span.yith-pos-cart__buttons-saved-carts {
    display:none;
}

.yith-pos-cart__buttons {
    padding: 2px 0 2px 0;
}

.yith-pos-cart .yith-pos-tabs {
    margin-left: -15px;
}
/*
.cart-action--empty-cart {
    grid-column-start: 5;
}
*/

.cart-actions .cart-action:not(.cart-action--pay) {
    background: var(--products_background);
    color: #000;
}


.cart-total--pm {
    padding: 7px 0;
    font-weight: 600;
    border-top: 2px solid var(--light-grey);
    color: var(--primary);
}
.cart-total--total {
    display:none;
}

.cart-total--pm .payment-method, .cart-total--pm .cart-totals-cashier-dropdown {
    width: 200px;
}
.cart-total-pm .cart-total__label{
    display: flex;
}
.cart-total-pm .pm-total-label {
    width:fit-content;
    display: flex;
    align-items: center;
    color:#000;
    margin-right: 20px;
}

.cart-total-pm .payment-method:hover, .cart-total-pm .payment-method.current {
    background-color: #fff;
}

.yith-pos-header #user-view #dropdown-user-view .yith-pos-icon-add {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 25px;
}

#user-view {
    width: 50px;
}

.cart-action--empty-cart::before {
    content: '';
}

.cart-action:not(.cart-action--pay):hover {
    filter: none;
    opacity: 1;
    background: #f4f4f4 !important;
}
 .cart-action.disabled:not(.cart-action--pay):hover {
    opacity: 0.3;
    background: var(--products_background) !important;
} 

/* .lb-close {
    display: none !important;
} */

.lightboxOverlay {
    z-index: 99999;
    background-color: #000;
    filter: alpha(Opacity=50);
    opacity: .9;
}

#lightbox {
    z-index: 999999;
}
.lightbox .lb-image {
    border:none;
}

.yith-pos-product-list, .yith-pos-cart__buttons {
    background: var(--products_background);
}
.full-screen {
    order:1;
}

.yith-pos-icon-create-product {
    width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 25px;
}


 .yith-pos-icon-reports{
    width: 22px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 25px;
 }

 .yith-pos-header .full-screen i {
    font-size: 20px;
}


.cart-item__row {
    /* adding this because the default css got affected after adding lightbox link to image */
    padding: 7.5px 0;
}

.lightbox {
    height: calc(100% - 50px);
    display: flex;
    align-items: center;
  justify-content: center;
  margin-right: 50px;
}

.lightbox .lb-image{
    width: 500px !important;
    height: 500px !important;
}

.lb-dataContainer{
    position: absolute;
  top: 0;
  right: 0;
  width: 50px !important;
  margin-right: 50px;
}
/*
.cc-pos-scroll-shadow {

    box-shadow: inset 0px -10px 10px -10px rgb(85 93 102 / 30%), inset 0px 10px 10px -10px rgb(85 93 102 / 30%);
    
}
*/
.cart-item__total {
    font-size: 16px;
    margin-right: 0px;
}

.cart-items .cart-item {
    padding-right: 0px;
}

.cart-total-pm .cart-total__price{
    color:#000;
}

.modal__variation-layout .modal {
    height: 90%;
    max-height: 90%;
}

.quantity__minus, .quantity__plus, .modal__variation-layout .quantity-container .qty_minus, .modal__variation-layout .quantity-container .qty_plus {
    width: 45px;
}


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('glyphicons-halflings-regular.ttf') format('truetype');
}

.modal__variation-layout .yith-pos-product-short-d .glyphicon{
    font-size: 14px;
    color: black;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.glyphicon-info-sign:before {
    content: "\e086";
    }



.cc-pos-tooltip {
        position: absolute;
        background-color: #333;
        color: #fff;
        padding: 5px;
        border-radius: 3px;
        font-size: 12px;
        z-index: 1;
}

.tool::after {
    background: #000;
    border-radius: 0.25em;
    bottom: 180%;
    color: #EDEFF0;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform: scale(.6) translateY(50%);
    width: 17.5em;
}
.tool::before, .tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: 9999999;
}

.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #000 transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform: scale(.6) translateY(-90%);
}

.tool {
    position: relative;
    font-size: 14px;
}

.tool:hover::after {
    opacity: 1;
}

.cart-total-pm .form-group {
    margin-bottom: 0px !important;
}


/* hide cart item note and move update button up */ 
.cart-item__edit-note .cart-item__edit-note__label, .cart-item__edit-note textarea{
    display: none !important;
}

.cart-items .cart-item .cart-item__edit {
    display: grid;
    align-items: flex-end;
    grid-template-columns: min-content min-content;
    justify-content: end;
    grid-gap: 10px;
}

.cart-items .cart-item .cart-item__edit .cart-item__edit-price{
    order: 2;
    display: grid;
}

.cart-items .cart-item .cart-item__edit .cart-item__edit-note{
    order: 1;
    display: grid;
}

/* hide cart item note and move update button up ends */ 

/* remove edit card item button */
.cart-item__name:after {
    content: '';
}
.cart-item__name {
    padding-right: 0px;
}

/* remove edit card item button ends */

/* new cart layout explained in jira comment on CT-42 19-jan-2023 */
.yith-pos-cart__buttons-address {
    display:none !important;
}

.yith-pos-cart .yith-pos-cart-menu {
    padding-top: 2px;
    background: var(--products_background);
}

.yith-pos-cart__buttons > .yith-pos-cart__buttons-customer {
    padding: 10px 30px 9px 50px;
    height: 62px;
    position: relative;
}

.yith-pos-cart__buttons-customer .cc-custom-user-icon-black {
    margin-right: 20px;
    width: 18px;
    height: 22px;
    margin-bottom: -5px;
}
.yith-pos-cart__buttons-customer .cc-customer-tab-name{
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}

.yith-pos-cart__buttons-customer .cc-customer-tab-phone{
    margin-left: 16px;
}
.yith-pos-cart__buttons-customer .cc-customer-tab-phone, .yith-pos-cart__buttons-customer .cc-customer-tab-email{
    margin-right: 25px;
}

.yith-pos-cart__buttons-customer i.yith-pos-icon-add{
    right: 12px;
    top: 20px;
    left: unset;
}

.yith-pos-cart__buttons-customer i.yith-pos-icon-clear{
    right: 12px;
    top: 20px;
    left: unset;
}

.product-search-field {
    background-color: #303a48;
    color: #fff;
    padding: 8px 14px;
    cursor: pointer;
    height: 60px;
    width: 60px;
    border-radius: 30px;
    position: absolute;
    right: 40px;
    z-index: 999;
    bottom: 20px;
    font-size: 35px;
}

.product-search-field:hover {
    filter: brightness(125%);
}
.yith-pos-product-list {
    position: relative;
    height: calc(100vh - 36px - var(--top-offset));
}
.totals-shipping-address {
    font-weight: 100;
    font-size: 11px;
}

.customer-add-new-form-title .back {
    display:none;
}
/* new cart layout explained in jira comment on CT-42 19-jan-2023 ends*/


.cart-total-pm .select-wrapper .dropdown-menu {
    top: unset;
    bottom: 45px;
}

.more-options-modal .tax-exempt {
    display:block;
    height: 70px;
}

.more-options-modal .tax-exempt .tax-exempt-msg {
    font-size: 12px;
    margin-top: 3px;
}

.more-options-modal .tax-exempt .switch-text-no, .more-options-modal .tax-exempt .switch-text-yes{
    top: -2px;
}


.calculator-bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000;
    opacity: .9;
  }
  
  .calculator-close {
    position: absolute;
    top: 10%;
    right: 7%;
    z-index: 1000;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    border: none;
    cursor: pointer;
  }

  
  .modal-wrap .modal-input-field{
    color: #000;
    padding: 7px;
    width: 100%;
    height: 40px;
    border: 1px solid #e5e5e5;
  }

  .modal-wrap .modal-input-label {
    margin-bottom: 10px;
    display: block;
  }

  .restocking-fee-modal .modal__content{
    min-width: 400px;
}

.cc-pos-input-container {
    position: relative;
}

.cc-pos-input-placeholder {
    position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	color: gray;
}

.cc-pos-input-container input {
    padding-left: 20px; /* adjust as necessary */
}

.coupon-modal .modal__title {
    padding-top: 25px;
}

.coupon-modal .modal__close{
    margin-top: -20px;
}



.cs-add-to-cart {
    display:flex;
    gap: 7px;
}

.custom-sale-modal .form-group-pqty, .custom-sale-modal .form-group-catc {
    display: flex;
    flex-direction: column;
}

.custom-sale-modal .quantity-container, .custom-sale-modal  .custom-sale-add-to-cart {
    margin-top: auto;
}
.custom-sale-modal  .custom-sale-add-to-cart {
    background: var(--primary);
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 15px;
    cursor: pointer;
    width: 100%;
}

.custom-sale-modal .quantity-container .qty_minus, .custom-sale-modal .quantity-container .qty_plus, .custom-sale-modal .quantity-container .qty_variation, .custom-sale-modal  .custom-sale-add-to-cart{
    height: 40px;
}

.form-group-cdfs {
    margin-top:42px;
    cursor: pointer;
}

.form-group-pname {
    width:300px;
}
.form-group-pprice {
    width:150px;
}
.custom-sale-saved-for-later {
    margin-top:30px;
}

.custom-sale-add-row {
    width:100%;
    text-align: center;
    border: none;
    padding: 8px 20px;
    cursor:pointer;
    height: 40px;
}
.custom-sale-save-changes {
    background: var(--primary);
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 15px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    height: 40px;
}

#sfl-message {
    color: red;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: bottom;
    margin-left: 10px;
}

/* css for order details modal */

.modal-show-only-close-button .modal__title{
    justify-content: center;
}
.modal-show-only-close-button .modal__content{
    display:flex;
}

.modal-show-only-close-button .sale-completed{
    width: 400px;
    background-color: var(--light-grey);
    margin-top: -52px;
    margin-left: -20px;
    margin-bottom: -20px;
    padding: 20px;
}
.modal-show-only-close-button .modal__title > span {
    justify-content: center;
    font-size: 23px;
}


.modal-show-only-close-button .order-details, .modal-show-only-close-button .action-btns {
    display: flex;
    flex-direction: column;
}
.modal-show-only-close-button .order-details-row {
    display: flex;
    flex-direction: row;
}
.modal-show-only-close-button .action-btns-row {
    display: flex;
    flex-direction: row;
    margin: 7px 0px;
}
.modal-show-only-close-button .order-details-label, .modal-show-only-close-button .order-details-value {
    flex: 1;
    padding: 5px;
    font-size: .8em;
} 
.modal-show-only-close-button .action-btns-row-cols {
    flex: 1;
    padding: 5px;
}

.modal-show-only-close-button .order-status-btn{
    background-color: #cad7e0;
    padding: 9px 12px;
    display: inline;
    border-radius: 4px;
}

.modal-show-only-close-button .order-status-btn.Processing{
    background-color: #cadfc7;
    color:#78964e;
}

.action-btns {
    margin-top:30px;
}
.modal-show-only-close-button .customer-details {
    display: flex;
    margin-top: 30px;
}

.modal-show-only-close-button .customer-billing-details,.modal-show-only-close-button .customer-shipping-details{
    flex: 1;
    width: 50%;
}
.modal-show-only-close-button .customer-billing-heading,.modal-show-only-close-button .customer-shipping-heading {
    font-weight: 600;
}

.modal-show-only-close-button .customer-billing,.modal-show-only-close-button .customer-shipping{
    margin: 5px 0;
    font-size: .8em;
}

.modal-show-only-close-button .action-btns-row-btn {
    padding: 10px 15px;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--header_bar_background);
    color: #fff;
    cursor: pointer;
    font-size: 0.8em;
    width: 150px;
    display: block;
    width: 150px;
    text-align: center;
}
 
.modal-show-only-close-button .action-btns-row-btn:hover{
    filter: brightness(125%);
}


.modal-show-only-close-button .quantity:after {
    display: none;
}

.modal-show-only-close-button .yith-pos-order-details__line-item-product .total, .modal-show-only-close-button .yith-pos-order-details__line-item-product .price, .modal-show-only-close-button .yith-pos-order-details__line-item-product .quantity {
    min-width: 80px;
}

.modal-show-only-close-button .yith-pos-order-details {
    margin-top: -30px;
}

.modal-show-only-close-button .new-order {
    background:#8fb5b5;
}

.modal-show-only-close-button .yith-pos-icon-clear {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.35);
    cursor: pointer;
    padding: 10px;
    margin-left: 0;
    transition: color linear .3s;
}

.modal-show-only-close-button .yith-pos-order-details .modal__title{
    border-bottom: 2px solid var(--light-grey);
}

/* .modal-show-only-close-button .yith-pos-order-details__total--total-tax{
    border-bottom: 2px solid var(--light-grey);
} */

/* .modal-show-only-close-button .yith-pos-order-details__line-item--fee{
    border-top: 2px solid var(--light-grey);
} */

.modal-show-only-close-button .yith-pos-order-details .yith-pos-order-details__line-item-products {
    max-height: 47vh;
}

.modal-show-only-close-button .yith-pos-order-details__total--subtotal {
    border-bottom: 2px solid var(--light-grey);
    border-top: 2px solid var(--light-grey);
}

.sale-completed .modal__title img {
    max-width: 30px;
    margin-right: 5px;
}

.sale-completed .modal__title span{
    color:#28ac12;
    
}
/* css for order details modal ends*/


/* css for customer search modal*/
.cc-pos-customer-search-fields{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
}
.cc-pos-customer-search-buttons {
    display: flex;
    column-gap: 10px;
    margin: 10px 0px;
}
.cc-pos-customer-search-fields .cc-pos-search-field input{
    width: 240px;
}

.cc-pos-customer-search-buttons .cc-pos-cs-btn{
    width: 200px;
}

.cc-pos-cs-table {
    width:100%;
    border-collapse: collapse;
}
.cc-pos-cs-table td, .cc-pos-cs-table th {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: left;
    font-size: 12px;
    max-width: 12%;
    width: 12%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .cc-pos-cs-table thead tr {
    background-color: #f8f9fa;
  }

  .cc-pos-customer-search-table {
    height: 450px;
    max-height: 450px;
    overflow-y: scroll;
    max-width: 1330px;
    position: relative; 
    border-bottom: 2px solid #d7d7d7;
  }
  .cc-pos-not-found {
    text-align: center;
  }

  .cc-pos-cs-table thead {
    position: sticky;
    top: 0;
  }

  .cc-pos-customer-search-table thead::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px; /* set height of shadow */
    bottom: -10px; /* position below table */
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* set gradient for shadow effect */
    z-index: 0; /* set a lower z-index to be behind the table */
  }
  
/* css for customer search modal ends*/

.select-customer-profile {
    margin-bottom: 10px;
}

.cart-action--more-options .cart-action__label img{
    max-width: 22px;
}


#pos-cart-cashier {
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    transition: 1.2s ease-in;
    cursor: pointer;
    font-weight: 700;
    align-items: center;
    position: relative;
}

.cs-saved-products > .cs-add-to-cart:not(:first-child) .quantity-container, .cs-saved-products > .cs-add-to-cart:not(:first-child) .custom-sale-add-to-cart {
    margin-top: 0;
  }

  .cs-saved-products > .cs-add-to-cart:not(:first-child) .form-group-cdfs {
    margin-top: 12px;
  }


  /* .customer-modal .modal{
    max-width: 93%;
    max-height: 90%;
  } */


  /* Show the scrollbar on the element and its children */
  .cc-pos-customer-search-table::-webkit-scrollbar {
    visibility: visible;
  }
  
  /* Show the thumb of the scrollbar */
  .cc-pos-customer-search-table::-webkit-scrollbar-thumb {
    visibility: visible;
  }
  
  /* Show the track of the scrollbar */
  .cc-pos-customer-search-table::-webkit-scrollbar-track {
    visibility: visible;
  }

  .cc-pos-customer-search-table::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 8px;
  }
  
  /* Show the thumb of the scrollbar even when not in focus */
  .cc-pos-customer-search-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0,0,0,0.5);
  }
  
  /* Show the track of the scrollbar even when not in focus */
  .cc-pos-customer-search-table::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.1);
  }

  /* .modal-show-only-close-button .yith-pos-order-details__line-item-product .image {
    margin-left: 50px;
  } */

  .yith-pos-order-details__line-item--fee .total {
    color: var(--primary) !important;
  }

  .pay-modal-cashier-dropdown .select-wrapper .dropdown-menu {
    top: 40px;
    height: 37px;
  }

  .pay-modal-cashier-dropdown {
    margin-bottom:10px;
  }

  .more-options-modal .customer-search-wrapper .current-customer-wrapper:hover{
    border: 1px solid #000;
  }

  .customer-modal .customer-search-wrapper .guest-checkout:hover, .customer-modal .customer-search-wrapper .add-new-customer:hover, .customer-modal .customer-search-wrapper .select-customer:hover {
    border: 1px solid #000;
  }

.modal__variation-layout .yith-pos-product-variation-selector__list {
    overflow-x: hidden;
}


.modal-show-only-close-button .yith-pos-order-details__line-item-product:last-child {
    border-bottom: none;
}


.modal-show-only-close-button .yith-pos-order-details__total--total {
    margin-top: 0px;
}

.cart-totals .cart-total .cart-total__price{
    color: black;
}
.cart-totals .cart-total--discount .cart-total__price, .cart-totals .cart-total--rf-fee .cart-total__price, .cart-totals .cart-total--coupon  .cart-total__price{
    color: var(--red-mark);
}

.yith-pos-cart .cart-totals{
    display: flex;
  flex-direction: column;
}




.cart-totals .cart-total--subtotal {
    order: 1;
}
.cart-totals .cart-total--rf-fee {
    order: 2;
}
.cart-totals .cart-total--coupon {
    order: 3;
}
.cart-totals .cart-total--discount {
    order: 4;
}
.cart-totals .cart-total--fee {
    order: 5;
}
.cart-totals .cart-total--shipping {
    order: 6;
}
.cart-totals .cart-total--tax {
    order: 7;
}
.cart-totals .cart-total--pm {
    order: 8
}



.modal-show-only-close-button .yith-pos-order-details .yith-pos-order-details__line-items {
    max-height: 33vh !important;
    display: flex;
    flex-direction: column;
}

.modal-show-only-close-button .yith-pos-order-details__line-item--discount .total, .modal-show-only-close-button .order-coupon .total{
    color: var(--red-mark);
}

.modal-show-only-close-button .yith-pos-order-details__total--subtotal {
    order:1;
}
.modal-show-only-close-button .order-rf-fee {
    order:2;
}
.modal-show-only-close-button .order-coupon {
    order:3;
    text-transform: none !important; 
}
.modal-show-only-close-button .order-discount {
    order:4;
}
.modal-show-only-close-button .order-fee {
    order:5;
}
.modal-show-only-close-button .yith-pos-order-details__line-item--shipping {
    order:6;
}
.modal-show-only-close-button .order-pm-fee {
    order:7;
}
.modal-show-only-close-button .yith-pos-order-details__total--total-tax {
    order:8;
    padding-top: 0px;
}

.yith-pos-order-details__line-item {
    margin-bottom:5px;
}

/* loader css */
/*
@keyframes ldio-6jmmh1xrous {
    0% { opacity: 1 }
    100% { opacity: 0 }
  }
  .ldio-6jmmh1xrous div {
    left: 94px;
    top: 48px;
    position: absolute;
    animation: ldio-6jmmh1xrous linear 1s infinite;
    background: #202c39;
    width: 12px;
    height: 24px;
    border-radius: 6px / 12px;
    transform-origin: 6px 52px;
  }.ldio-6jmmh1xrous div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -0.9166666666666666s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -0.8333333333333334s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.75s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.6666666666666666s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.5833333333333334s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.5s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.4166666666666667s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.3333333333333333s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.25s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.16666666666666666s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.08333333333333333s;
    background: #202c39;
  }.ldio-6jmmh1xrous div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
    background: #202c39;
  }
  .pos-css-pay-order-loader {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
  }
  .ldio-6jmmh1xrous {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; 
  }
  .ldio-6jmmh1xrous div { box-sizing: content-box; }
*/
  /* generated by https://loading.io/ */


    .payment-modal .is-loading:after  {
        width: 100px;
        height: 100px;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
    }
    .modal-show-only-close-button .is-loading:after  {
        width: 50px;
        height: 50px;
    } 

/* loader css ends */

.dropdown-item.cc-pos-wc-manage-store a {
    padding:0px 0px !important;
}

.yith-pos-header .register-info .yith-pos-icon-store{
    display: none;
}



/* kiosk css */


.yith-pos-header .dropdown-menu .dropdown-item.cc-pos-disable-kiosk{
    background-color: var(--secondary);
    filter: brightness(100%);
}

.modal-kiosk-welcome .modal, .modal-kiosk-welcome .kiosk-wc-accounts{
    width: 100%;
    height: 100%;
    display: flex;
}

.modal-kiosk-welcome .modal{
    max-height: 100%;
    max-width: 100%;
}

.modal-kiosk-welcome .modal .kiosk-wc-column, .modal-kiosk-welcome .modal .kiosk-wc-accnt-column {
    flex: 1;
}

.kiosk-wc-accnt-column {
    padding: 70px 30px;
}

.kiosk-wc-accnt-column .kiosk-accnt {
    text-align: center;
    font-size: 50px;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 50px;
}

.customer-modal-kiosk .cc-pos-customer-search-fields{
    justify-content: left;
}

.customer-modal-kiosk  .cc-pos-customer-kiosk-fields {
    display: flex;
    flex-wrap: wrap;
}

.customer-modal-kiosk .cc-pos-customer-kiosk-fields .cc-pos-customer-search-buttons{
    margin: 32px 10px;
}

.customer-modal-kiosk .yith-pos-icon-clear{
    display: none;
}

.customer-modal-kiosk .cc-pos-cs-table th, .customer-modal-kiosk .cc-pos-cs-table td {
    text-align: center;
}


.modal-kiosk-popup-after-pay .modal, .modal-kiosk-inactivity-time .modal{
    width:100%;
    height:100%;
}
.modal-kiosk-popup-after-pay .modal-kiosk-pap, .modal-kiosk-inactivity-time .modal-kiosk-iat{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 200px auto;
 }

 .modal-kiosk-welcome .column-left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 200px auto;
 }

 .modal-kiosk-pap img, .modal-kiosk-iat img {
    max-width: 50px;
 }
 .modal-kiosk-pap h1 {
    color:#23ac15;
    border-bottom: 2px solid #ccc;
    padding: 0px 50px 20px 50px;
 }
 .modal-kiosk-iat h1 {
    border-bottom: 0.2px solid #ccc;
    padding: 0px 50px 20px 50px;
 }

 .modal-kiosk-pap button, .modal-kiosk-iat button {
    text-transform: uppercase;
    padding: 10px 70px;
    border: none;
    font-weight: 700;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: 10px;
  }


  .yith-pos-cart__savedcarts.is-loading {
    width:100%;
    height:100%;
  }

 .yith-pos-cart__kioskcart .cart-saved__name:after {
    display: none;
  }

 .yith-pos-cart__kioskcart .cart-saved__row .cart-saved__remove {
    padding: 7px 10px;
  }

  .yith-pos-cart__kioskcart .cart-saved__name__id {
    font-size: 14px;
    font-weight: 700;
  }

  .yith-pos-cart__kioskcart .cart-saved__name__customer {
    font-size: 12px;
    font-weight: 600;
    }

 .yith-pos-cart__kioskcart  .cart-saved__row button.btn {
    padding: 6px 25px;
 }
 .yith-pos-cart__kioskcart {
    border-bottom: 2px solid var(--light-grey);
    transition: all 0.4s linear;
    padding: 0 10px;
 }
 
 .modal-kiosk-inactivity-time .session-expire-message {
    margin-bottom: 0px;
    font-size: 18px;
 }

 .modal-kiosk-inactivity-time button.kiosk-inactivity-close{
    background: var(--primary);
    border: none;
    color: #fff;
 }

 .cc-kiosk-mode-icon{
    width: 20px;
    height: 18px;
    margin-right: 14px;
    margin-bottom: -3px;
 }

 .modal-kiosk-welcome .kiosk-wc-logo img {
    max-width: 300px;
    height: auto;
 }
 .modal-kiosk-welcome .kiosk-wc-arrow img {
    max-width: 300px;
    height: auto;
 }

 .modal-kiosk-welcome .kiosk-wc-msg h1{
    margin-top: 30px;
    font-size: 120px;
    text-align: center;
    margin-bottom: 0px;
 }
 .modal-kiosk-welcome .kiosk-wc-msg p{
    font-size: 25px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 50px;
 }

 .modal-kiosk-welcome .kiosk-wc-find-accnt-img img {
    max-width: 160px;
 }

 .modal-kiosk-welcome .kiosk-wc-create-accnt-img img {
    max-width: 160px;
 }

 .modal-kiosk-welcome .kiosk-wc-accnt-column-content {
    background-color: rgb(235 235 235);
    border-radius: 20px;
    border: 3px solid #000;
    padding: 100px 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out; 
 }

 .modal-kiosk-welcome .kiosk-wc-accnt-column-content:hover {
    background-color: rgb(200, 200, 200);
 }

 .create-account-modal-kiosk .yith-pos-new-customer-fields {
    overflow-y: scroll; 
    max-height:550px; 
    padding-right: 10px;
}

.cc-pos-error {
    color: red;
    margin-left: 5px;
}

.kiosk-mode-main #dropdown-main-view {
    background-color: transparent;
}
.kiosk-mode-main #dropdown-main-view span{
    /* background: var(--primary); */
    background: #f7f7f7;
}
/* kiosk css ends*/

.yith-pos {
    grid-template-areas:
        "header cart"
        "list cart";
    grid-template-rows: 36px 1fr;
}
.yith-pos-cart {
    height: 100vh;
}

.new-refresh-btn {
    width: 50px;
    position: relative;
    cursor: pointer;
    transition: background .2s ease-in-out;
    text-align: center;
}
.yith-pos-header .full-screen {
    height: auto;
}

.new-refresh-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
}

.yith-pos-header #user-view {
    display: none;
}


.create-account-modal-kiosk .yith-pos-new-customer-fields {
    overflow-y: scroll;
     max-height: 80vh;
    padding-right: 10px;
    max-width: 750px;
    margin: 0 auto;
    height: 80vh;
}

.create-account-modal-kiosk .modal {
    width:100%;
    height:100%;
}

.create-account-modal-kiosk .modal__title{
    margin: 0 auto;
}

.kiosk-mode-main .register-info, .kiosk-mode-main .new-refresh-btn, .kiosk-mode-main .full-screen{
    display: none;
}

.kiosk-mode-main .yith-pos-header{
    z-index: 99999;
    opacity: 0.8;
    background: transparent;
}

.kiosk-mode-main .register-info, .kiosk-mode-main .new-refresh-btn, .kiosk-mode-main .yith-pos-icon-refresh{
    display: none;
}

.yith-pos-page .kiosk-mode-main:not(.kiosk-welcome-screen) #main-view {
    display: none;
}

.yith-pos-page .kiosk-mode-main:not(.kiosk-welcome-screen) {
    grid-template-areas:
        "list cart"
        "list cart";
}

.yith-pos-page .kiosk-mode-main:not(.kiosk-welcome-screen) .yith-pos-product-list{
    height: 100%;
}

.create-account-modal-kiosk .modal__title{
    max-width: 750px;
    margin: 0 auto;
}

.modal-kiosk-welcome {
    background: #fff;
    opacity: 0.94 !important;
}

.yith-pos-header {
    max-height: 36px;
}

.yith-pos-header .register-info {
    margin-left: 20px;
}

.dropdown .dropdown-menu {
    top: 36px;
}

.cart-empty-text {
    font-size: 25px;
    font-weight: 700;
    margin-top: 10px;
    color: #e5e5e5;
}

.empty-cart .cart-empty-box .cart-empty-svg {
    background-position: 46% center;
    background: url(../images/cart-empty-icon.png) no-repeat center center;
    background-size: contain;
    opacity: 0.5;
    max-height: 140px;
    width: 30%;
    margin: 2% auto;
}

.cart-saved__row .cart-saved__remove {
    padding: 10px 10px;
}

.cart-saved__row button.btn {
    padding: 6px 13px;
}

.cc-pos-backend-pages {
    grid-template-areas: 
    "header header"
    "list cart";
}
/* 
.cart-saved__cashier {
    font-size: 12px;
} */

.ups-tmp .is-loading {
    width: 40px;
    height: 40px;
}

.ups-tmp .is-loading {
    width: 40px;
    height: 40px;
}

.ups-tmp .is-loading:before {
    background: transparent;
}

.cc-pos-backend-pages .is-loading:after {
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
}

.payment-modal .payment-totals{
    position: relative;
}

.payment-modal .payment-totals .cards-on-file-btn {
    position: absolute;
    bottom: 16px;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


button.btn.btn-primary {
    transition: background-color 0.3s ease-in-out;
}

button.btn.btn-primary:hover {
    background-color: rgb(60, 78, 99);
}

#variation-search {
    height: 45px;
    padding: 8px 10px;
    font-size: 16px;
    background-color: rgb(245 245 245);
    width: 400px;
}

#variation-search:hover, #variation-search:focus {
    border-color: var(--primary);
}

/* 2 kiosk and saved-cart css starts */
.yith-pos-cart__kioskcart .cart-saved__actions, .yith-pos-cart__savedcart .cart-saved__actions{
    padding: 0px 22px 0px 0px;
}

.yith-pos-cart__kioskcart .cart-saved__num_of_items, .yith-pos-cart__savedcart .cart-saved__num_of_items {
    font-weight: 600;
    width: 70px;
    text-align: left;
}

.yith-pos-cart__kioskcart .kiosk-invoice, .yith-pos-cart__savedcart .saved-cart-invoice {
    margin-right: 15px;
}

.yith-pos-cart__kioskcart .cart-saved__name__customer p, .yith-pos-cart__savedcart .cart-saved__name__customer p{
    margin-bottom: 4px;
    margin-top: 4px;
    font-weight: 600;
}

.yith-pos-cart__kioskcart .cart-saved__row, .yith-pos-cart__savedcart .cart-saved__row {
    align-items: flex-start;
}

.yith-pos-cart__savedcarts {
    padding-top: 15px;
}

.yith-pos-cart__savedcarts .cart-saved__name:after {
    top:10%;
}

.yith-pos-cart__savedcart .cart-saved__name__id {
    font-size: 14px;
    font-weight: 700;
}

.yith-pos-cart__savedcart .cart-saved__row button.btn {
    padding: 6px 25px;
}

.yith-pos-cart__kioskcart .cart-saved__total, .yith-pos-cart__savedcart .cart-saved__total {
    text-align: left;
}

.yith-pos-cart__savedcart .cart-saved__row .cart-saved__remove {
    padding: 7px 10px;
}

/* 2 kiosk and saved-cart css ends */

.modal-wrap.customer-modal, .modal-wrap.create-account-modal-kiosk {
    z-index: 999;
}


.new-full-screen-btn {
    width: 50px;
    position: relative;
    cursor: pointer;
    transition: background .2s ease-in-out;
    text-align: center;
}


.new-full-screen-btn:hover {
    background: rgba(255, 255, 255, .1);
}

.new-full-screen-btn i {
    font-size: 20px;
}

.new-full-screen-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.yith-pos-header .full-screen {
    display: none;
}

.yith-pos-cart__savedcart .cart-saved__edit-note {
    display: flex;
    padding-left: 40px;
    padding-top: 0px;
    justify-content: space-between;
    padding-right: 25px;
}

.yith-pos-cart__savedcart .cart-saved__edit-note__label{
    font-size: 1.1em;
}
.yith-pos-cart__savedcart .cart-saved__edit-note i{
    vertical-align: middle;
}

.yith-pos-cart__savedcart .cart-saved__edit-note input {
    max-width: 80%;
    border: none;
    font-weight: 600;
    background-color: transparent;
    padding: 0px 0px;
    height: 23px;
    font-size: 12px;
    margin-right: auto;
    margin-left: 5px;
}

.yith-pos-cart__savedcart .cc-cashier-note {
    font-size: 12px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 0px;
}

.yith-pos-cart__savedcart .cart-saved__row:after {
    content: '\e90f';
    font-family: 'yith-pos-icon' !important;
    position: absolute;
    font-size: 13px;
    right: 25px;
    bottom: -11px;
    opacity: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.5);
}

.yith-pos-cart__savedcart .cart-saved__row {
    position: relative;
    padding-bottom: 0px;
}

/* .yith-pos-cart__savedcart .cart-saved__row:hover::after {
    opacity: 1;
} */

.yith-pos-cart__savedcart .cart-note-being-edited::after {
    opacity: 1;
}

.yith-pos-cart__savedcart .cart-saved__name:after {
    display: none;
}

.modal__variation-layout .yith-pos-product-variation-atc {
    margin-top: -15px;
}

.yith-pos-cart__savedcarts .cart-saved__name {
    padding-right: 0px;
}

.customer-modal-kiosk .cc-pos-customer-search-fields .cc-pos-search-field input {
    font-size: 18px;
}

/* .yith-pos-cart__savedcart .save-reason-input {
    display:none;
} */

/* .yith-pos-cart__savedcart .save-reason-display {
    margin: 0px 0px 0px 7px;
    font-weight: 600;
} */

.yith-pos-cart__savedcart .save-reason-display {
    display:none;
}

.yith-pos-cart__savedcart .cart-saved__edit-note__label {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    padding-top: 5px;
    cursor: pointer;
}

/* .yith-pos-cart__savedcart .save-reason-input.save-reason-edit {
    border: 1px solid #ccc;
} */

.yith-pos-cart__savedcart .save-reason-input:not([disabled]) {
    border: 1px solid #ccc;
} 

.yith-pos-cart__savedcarts {
    overflow-y: auto;
}

.yith-pos-cart__savedcart .cart-saved__edit {
    padding-bottom:0px;
}

.create-account-modal-kiosk .form-group input {
    font-size: 18px;
}

.form-group-shipping-addresses {
    grid-column: span 2;
}

.shipping-modal #saved_addresses {
    border-top:none;
}

.ups-and-addr a.addr{
    display: block;
}
.ups-and-addr a.ups{
    display: block;
    font-size: 9px;
    line-height: 8px;
}

.select-trigger-dropdown .ups-and-addr a.ups{
    display: none;
}