.single-color {
    width: 12%;
    border: 2px solid transparent;
    margin: 2px;
    padding: 2px;
    position: relative;

}
.single-color:focus,
.single-color:hover,
.single-color.active {
    /* width: 10%; */
    border: 2px solid rgb(118,176,10);
    cursor: pointer;
}

.single-color img.color-img {
    display: block;
    max-height: 75px;
}

.color-choose {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}


.single-colortable {
    display: none;
}
.single-colortable.active {
    display: block;
    padding-bottom: 30px;
}
.single-colortable p.table-color-title{
    margin-bottom: 10px;
    text-transform: uppercase;
}
.single-colortable tr th{
    font-weight: 700;
}
.single-colortable tr th,
.single-colortable tr td {
    text-align: center;
    text-transform: uppercase;
}

.single-color .big_hidden-color-img_wrapper {
    display: none;
}

.add-to-cart-multiple {
    text-align: right;
}

th.sku-item ,
td.sku-item {
    display: none;
}

/* only mob */
@media screen and (max-width: 991px) {
    .single-colortable {
        margin: 0 -30px;
        /* overflow-y: scroll; */
    }

    /* .single-colortable table th, 
    .single-colortable table td {
        padding: 3px;
        font-size: 14px;
    } */
}
@media screen and (min-width: 992px) {
    .single-color {
        width: 7%;
    }

    .single-color:hover .big_hidden-color-img_wrapper {
        display: block;
        /* width: 500px;*/
        max-width: 24%;
        max-height: 500px;
        /* object-fit: contain; */

        z-index: 999;

        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        left: 50px;
        /*left: 10%;*/

        box-shadow: 0 0 15px rgb(118,176,10);
        background-color: white;
    }
    .single-color:hover .big_hidden-color-img {
        display: block;
        /*width: 500px;*/
        /* max-width: 24%;
        max-height: 500px; */
        object-fit: contain;

        /* z-index: 999; */

        /* position: fixed;
        top: 50%;
        transform: translateY(-50%);
        left: 50px;
        left: 10%; */

        /* box-shadow: 0 0 15px rgb(118,176,10);
        background-color: white; */
    }

    th.sku-item ,
    td.sku-item {
        display: table-cell;
    }
}
@media screen and (min-width: 1900px) {
    .single-color:hover .big_hidden-color-img_wrapper {
        /*max-width: 24%;
        max-height: 500px;*/
        left: 10%;
    }

}

.add-to-cart-form .qty-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
}
.add-to-cart-form .qty-wrapper .quantity_pr_id {
    width: 3em;
    text-align: center;
    vertical-align: middle;
    max-width: 365px;
    height: 36px;
    padding: 0 8px;
}
.add-to-cart-form .qty-wrapper .product_view_qty_btn {
    margin: 0 5px;
    color: black;
    font-size: 24px;
}

.add-to-cart-form.product-quantity {
    width: 150px;
}

.mark-tablecount {
  position: absolute;
  top: -7px;
  right: -5px;
  font-size: 24px;
}
.mark-green {
  color: #28a745!important;
}
.mark-red {
  color: #dc3545!important;
}

td.add-to-cart-form.product-quantity .quantity {
    max-height: 25px;
}

.big_hidden-color-img_wrapper .color_img_title_wrapper {
    background-color: #f6f8fa;
    padding: 15px;
}
.big_hidden-color-img_wrapper .color_img_title_wrapper p {
    margin: 0;
}
.big_hidden-color-img_wrapper .color_img_title_wrapper .color_img_title {
    font-weight: bold;
}


.woocommerce li.product .ivariation-product-colors {
    display: none;
}
@media screen and (min-width: 992px) {
    li.product {
        position: relative;
    }
    li.product .ivariation-product-colors {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        left: -41px;
        left: -50px;
        top: 15px;
        width: 35px;
        width: 50px;
        height: calc(98% - 25px);
/*        height: 98%;*/
        display: none;
    }
    li.product:hover .ivariation-product-colors {
        position: absolute;
        display: flex;
        flex-wrap: nowrap;
    }
    li.product:hover .ivariation-product-colors .color-swatch {
        display: block;
        width: 100%;
        border: 1px solid transparent;
    }
    li.product .ivariation-product-colors .color-swatch:hover {
        border: 1px solid #76b00a;
    }
    li.product:hover .ivariation-product-colors .color-swatch img{
        max-width: 100%;
        height: auto;
        height: 40px;
    }

    li.product:hover .wrap-product-loop-content:after {
        content: "";
        position: absolute;
        left: -70px;
        bottom: 0;
        top: -1px;
        padding-top: 3px;
        padding-right: 70px;
        width: 100%;
        height: 100%;
        background: #fff;
        box-shadow: 0 0 4px rgba(0,0,0,.2);
        z-index: -1;
        box-sizing: content-box;
        border: 1px solid #cdd1d5;
    }

    .products-border li.product:hover .wrap-product-img {
        border: none;
    }
    .woocommerce li.product:hover .wrap-product-loop-content {
        box-shadow: none !important;
    }



    li.product:hover .ivariation-product-colors {
        padding-right: 5px;
        overflow-y: scroll;
    }
    li.product:hover .ivariation-product-colors::-webkit-scrollbar {
        overflow-y: scroll;
        width: 8px;
        height: 8px;
    }
    li.product:hover .ivariation-product-colors::-webkit-scrollbar-corner {
        background-color: transparent;
    }
    li.product:hover .ivariation-product-colors::-webkit-scrollbar-thumb {
        background-color: rgba(163, 172, 182, 0.5);
        border: 0px solid transparent;
        border-radius: 5px;
        min-width: 80px;
        min-height: 80px;
    }

}