body {

        }

           #product-table a, 
#product-table p, 
#product-table b, 
#product-table h1, 
#product-table h2, 
#product-table h3, 
#product-table h4, 
#product-table h5, 
#product-table bdi, 
#product-table td, 
#product-table th, 
#product-table tr {
    font-size: 15px;
	
}

     #product-table a {
        color: black;
      }

        #filters {
            margin-bottom: 20px;
        }

        #filters input {
            margin-right: 10px;
            padding: 8px;
            font-size: 15px;
            color: grey;
        }

#product-table-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    position: relative;
}

#product-table-wrapper td:not(.fixed-column) a
{
color:var(--ast-global-color-0);
}
#product-table-wrapper:active {
    cursor: grabbing;
}


#product-table-wrapper.active {
    user-select: none;
    cursor: grabbing;
}


        #product-table-wrapper {
            overflow-x: auto;
            overflow-y: auto;
            white-space: nowrap;
            /*border: 1px solid #ddd;*/
            position: relative;
            max-height: 800px;
        }


         #product-table-wrapper::-webkit-scrollbar {
            height: 8px;
        }

        #product-table-wrapper::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 10px;
            transition: background-color 0.3s ease;
        }

        #product-table-wrapper::-webkit-scrollbar-thumb:hover {
            background-color: #555;
        }

        #product-table-wrapper::-webkit-scrollbar-track {
            background-color: #f1f1f1;
            border-radius: 10px;
            margin-top: 40px;
        }

        #product-table {
            border-collapse: collapse;
            table-layout: auto;
            width: 100%;
            min-width: 800px;
            border-spacing: 0;
        }

        #product-table th {
            min-width: 200px;
            text-align: center;
            border: 1px solid #ddd;
            white-space: nowrap;
            transition: background-color 0.2s ease, transform 0.2s ease;
            text-align: center;
        }

        #product-table td {
            padding: 8px;
            padding-inline: 7px;
            min-width: 200px;
            text-align: center;
            border: 1px solid #ddd;
            white-space: nowrap;
            transition: background-color 0.2s ease, transform 0.2s ease;
            text-align: center;
			font-weight: 400;
        }

        td {
            line-height: 1.2;
        }



        #product-table th {
            background-color: #ffffff;
            position: sticky;
            top: -1px; 
            z-index: 2;
            border: 1px solid #ddd;
        }


#product-table td
{
    white-space: normal;
    word-wrap: break-word;
    vertical-align: middle;

}

#product-table img
{
    max-width: 50px;
}


.wrapcell
{
    display:flex;
    align-items:center;
}

.wrapcell img {
  max-width: 50px;
}

#product-table {
    background-color: #ffffff;
}

#product-table td p
{
margin-bottom: 0;
    max-width: 250px;
}


        #product-table th:hover {
            background-color: #e0e0e0;
        }

   
     .fixed-column th {
            position: sticky;
            top: -1px;
            z-index: 100;
            background-color: #ffffff;
        }

     #product-table .fixed-column {
        position: sticky;
        left: -1px;
        background-color: #f7f7f7;
        z-index: 98;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        padding-right: 10px;
        min-width: 300px;

        border-right: 1px solid #ddd;
    }

    #product-table .fixed-column a {
        text-align: left;
    }

    #product-table .fixed-column th {
        position: sticky;
        top: -1px;
        z-index: 99;
        
        text-align: center;
    }
#search-bar{
width: 300px;
	font-weight: 400;
}

.wrapper_button.has-filters #search-bar {
    margin-left: 10px;
}

.wrapper_button.no-filters #search-bar {
    margin-left: 0;
}
        @media (max-width: 768px) {
            #search-bar{
width: auto;
}
            .fixed-column {
                position: relative !important;
                z-index: 0;
                box-shadow: none;
                padding-right: 0;
            }
            #product-table th {
                position: relative !important;
                z-index: 0;
                background-color: #ffffff;
            }
        }

                   #product-table th,
                        #product-table td,
                        #fixed-column th,
                        #fixed-column td {
                            max-width: 200px;
                            overflow-wrap: break-word;
                            white-space: pre-wrap;
                            word-wrap: break-word;
                            top:-1px;
							
							line-height: normal;
                        }



#product-table th
{
	vertical-align: middle;
	padding-right: 45px;
	
}


        .draggable {
            cursor: grab;
        }

        .dragging {
            opacity: 0.5;
        }

        .dragged-column {
            background-color: #e0e0e0;
        }

        .filter-button {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            cursor: pointer;
            background-color: #e7ebef;
            color: black;
            border: none;
            padding: 5px;
            font-size: 12px;
            border-radius: 3px;
        }

        .filter-button:hover {
            background: #24a456;
        }

        .column-product { width: 250px; }
        .column-price { width: 100px; }
        .column-category { width: 150px; }
        .column-stock { width: 120px; }

        .product-info img {
            max-width: 50px;
            vertical-align: middle;
        }
.filters.active
{
    display: flex;
    flex-wrap: wrap;
}
.filter-group
{
    margin-top: 15px;
    margin-right: 40px;
}

.filter-group p
{
    margin-bottom: 5px;
    font-size: 21px;
    border-bottom: 1px solid gray;
}

.filter-group filter-group 
{
    margin-right:5px;
}

#clear-filters.active
{
    margin-top: 5px;
    background-color: #6ec1e4;
    color: white;
    border: none;
    border-radius: 4px;
    display:block;
    margin-top: 10px;
    height: 50px;
    align-self: flex-end;
}
.notify
{
    margin-bottom: 0 !important;
    margin-top: 15px;
    font-size: 12px;
	font-weight: 400;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: var(--ast-border-color);
    outline: 0;
}

.select2-container--default .select2-selection--multiple
{    
    border-color: var(--ast-border-color);
    font-size: 14px;
    background-color: var(--ast-comment-inputs-background);
    padding-top: 5px;
}

.filter-group
{
    min-width: 250px;
}

.filter-group input[type="number"] {
    margin: 5px 0px;
    display:block;
}
.inputs-wrapper
{
    margin-top:10px;
}
.open_filters
{
    width: 120px;
    background: rgb(105, 114, 125);
   cursor:pointer;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
    border-radius: 4px;
}

.open_filters.active:after {
    content: '';
    position: absolute;
    bottom: -10px; /* NOTE: comment translated to English */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent; /* NOTE: comment translated to English */
    border-right: 10px solid transparent; /* NOTE: comment translated to English */
    border-top: 10px solid rgb(105, 114, 125);
}

.wrapper_button
{
    display:flex;
}

.filter-group.text-type label
{
   
    display:block;
}

.filter-group.text-type input
{
     margin-right: 5px;
}

#product-table [data-column="Price"]
{
	 color: rgb(35, 164, 85) !important;
    font-weight: bold !important;
}

#product-table .woocommerce-Price-amount
{
    color: rgb(35, 164, 85) !important;
    font-weight: bold !important;
}


#draggable th {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.search-wrapper .fa-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
    pointer-events: none;
}

.filters, #clear-filters
{
    display:none;
}

.filter-button.highlighted-desc .arr_asc {
    display: none;
}

.filter-button.highlighted-asc .arr_desc {
    display: none;
}

.filter-button.highlighted-asc, .filter-button.highlighted-desc {
color: white;
    background: #6ec1e4;
    font-weight: bold;
}


.filter-button.highlighted-desc:hover,
.filter-button.highlighted-desc:active,
.filter-button.highlighted-desc:focus {
    color: #6ec1e4;
    background-color: transparent;
    outline: none;
}

.filter-button.highlighted-asc:hover,
.filter-button.highlighted-asc:active,
.filter-button.highlighted-asc:focus {
color: white;
    background: #6ec1e4;

}

.filter-button:hover {
    color: white;
    background: #6ec1e4;
}

.filter-button {
    color: black;
}