/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 04 2024 | 19:38:39 */
.tabla-de-productos .wpdt-c.wdt-skin-light{
    display:flex;
    gap:20px
}

.tabla-de-productos .wpDataTablesFilter.wpDataTablesWrapper{
    width:20%;
    margin-top:120px
}

.tabla-de-productos .wpDataTablesWrapper.datatables_wrapper.wpDataTableID-3{
    width:80%
}

.tabla-de-productos th.wdtheader {
    background:#29332D !important;
    color:#fff !important;
    padding:10px 10px 20px 10px !important
}

.tabla-de-productos td{
    padding:5px 10px 20px 10px !important;
    color:#29332d8a;
    font-size:16px
}

.tabla-de-productos table, .tabla-de-productos th, .tabla-de-productos td{
    border:none !important
}

.tabla-de-productos .wpDataTablesWrapper div.wdtscroll{
    border-radius:20px 20px 0px 0px;
}

/* width */
.tabla-de-productos .wpDataTableFilterBox .column-product_meta_physical_adress::-webkit-scrollbar,
.tabla-de-productos .wpDataTablesWrapper div.wdtscroll::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.tabla-de-productos .wpDataTableFilterBox .column-product_meta_physical_adress::-webkit-scrollbar-track,
.tabla-de-productos .wpDataTablesWrapper div.wdtscroll::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
.tabla-de-productos .wpDataTableFilterBox .column-product_meta_physical_adress::-webkit-scrollbar-thumb,
.tabla-de-productos .wpDataTablesWrapper div.wdtscroll::-webkit-scrollbar-thumb {
  background: #29332D; 
  border-radius: 10px;
}

/* Handle on hover */
.tabla-de-productos .wpDataTableFilterBox .column-product_meta_physical_adress::-webkit-scrollbar-thumb:hover,
.tabla-de-productos .wpDataTablesWrapper div.wdtscroll::-webkit-scrollbar-thumb:hover {
  background: #29332de3; 
}

.tabla-de-productos .wpDataTableFilterSection{
    margin:0;
    padding:0;
}

#filterBox_table_1{ 
    background:#29332d0a !important;
    height:1200px !important;
    border-radius:20px;
    padding:30px 5px
}

.tabla-de-productos .wpDataTableFilterBox .column-product_meta_physical_adress{
    overflow-x:hidden; 
     height:300px !important;
}

.tabla-de-productos .wpDataTableFilterSection #table_1-checkbox-3{
    columns:2;
    padding:0px 10px
}

.tabla-de-productos input[type=checkbox] {
    position: relative;
    cursor: pointer;
    display:none;
}

.tabla-de-productos .wdt-checkbox-label,
.tabla-de-productos label{
    display:flex;
    gap:10px;
    white-space: normal;
    margin:0px !important;
}

.wpdt-c .checkbox label{
    padding-left: 10px !important;
    font-size:16px;
    color:#29332D
}

.wpDataTableFilterSection > label{
    margin-bottom:25px !important
}

.tabla-de-productos .wdt-checkbox-label::before{
    content:"......";
    color:transparent;
    display:block;
    width:20px;
    height:20px;
    background-color:#9ae2bc;
    border-radius:3px;
}

.tabla-de-productos input[type="checkbox"]:checked + .wdt-checkbox-label:before {
    background-color:#36a76c;
}

.tabla-de-productos input[type="checkbox"]:checked + .wdt-checkbox-label::after{
    content: "\f00c";
    position:absolute;
    margin:auto;
    width:20px;
    height:20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:#fff;
    font-size:12px;
    line-height:1.8;
    text-align:center
}

.tabla-de-productos #wdt-clear-filters-button-block{
    margin:0px !important;
    padding:0px 25px !important;
}

.tabla-de-productos .wdt-clear-filters-button{
    background:#29332d !important;
    color:#fff !important;
    border-radius:3em !important;
    padding:8px 40px !important
}

.wpdt-c.wdt-skin-light .noUi-handle.noUi-handle-upper,
.wpdt-c .noUi-handle.noUi-handle-lower, .noUi-connect.noUi-draggable{
    background-color:#3CAF73 !important
}

div#table_1_filter {
    width:100% !important;
    display:flex;
    justify-content:center;
}

div#table_1_filter label{
    font-size:0;
    max-width:100%;
    width:400px;
}

div#table_1_filter h3{
    text-align:center;
    margin:0px 0px 15px 0px;
    color:#29332D;
    font-size:29px
}

div#table_1_filter input.form-control{
    width:100%;
    border:2px solid #29332D;
    padding:18px 10px 18px 42px !important;
    border-radius:3em;
    background:url("/wp-content/uploads/2024/10/search.svg") 10px 50%/22px no-repeat;
    font-size:20px;
    font-weight:300
}

div#table_1_filter input.form-control:focus,
div#table_1_filter input.form-control:active{
    background:url("/wp-content/uploads/2024/10/search.svg") 10px 50%/22px no-repeat !important
}

.wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable thead th.sorting:after,
.wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:after {
    border-bottom-color: #ffffff !important
}

.wpdt-c .noUi-tooltip, .noUi-tooltip{
	background:#fff !important
}

@media (max-width:1100px){
  .tabla-de-productos .wpdt-c.wdt-skin-light {
    display: flex;
    gap: 0px;
    flex-direction: column
  }
  
  .tabla-de-productos .wpDataTablesFilter.wpDataTablesWrapper {
    width: 100%;
    margin-top: 0px;
  }
  
  .tabla-de-productos .wpDataTablesWrapper.datatables_wrapper.wpDataTableID-3 {
    width: 100%;
    padding: 0px 10px
  }
    
    #filterBox_table_1 {
        background: transparent !important;
        height: 100% !important;
        border-radius: 20px;
        padding: 30px 5px;
    }
    
}

@media (max-width:768px){
    #filterBox_table_1{
        display: flex;
        flex-direction: column
    }
}