#gf_drag_search{
     display: flex;
 }
 #gf_drag_search th{
     text-transform: none;
     font-weight:bold;
     text-align:center;
 } 
  #gf_drag_search input{
     padding: 10px 15px;
     border:1px #999 solid;
     border-radius:5px;
 }
 #gf_drag_search h3 {
    text-align:center;
    padding:20px;
}
#gf_drag_search .revert {
    display:inline!important;
    background:none;
    border:0px!important;
    color:red;
}
.ui-sortable-handle{
    background:#fff;
}

.group_container{ 
    width:100%;
    background-color: #ffffff;
    padding: 20px;
 
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px; /* Adjust for spacing between tables */
}

#gf_drag_search .table_container {
    flex: 0 0 calc(25% - 20px); /* Four tables in a row with 20px spacing between */
    margin: 10px; /* Adjust for spacing between tables */
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius:5px
}

#drag_search_container{
    flex: 0 0 auto;
    width: 20%;
    min-width:350px; /* Adjust as needed */
    background-color: #f0f0f0;
    padding: 20px;
    max-width:400px;
    -webkit-box-shadow: 2px -1px 8px -1px rgba(0,0,0,0.49);
    -moz-box-shadow: 2px -1px 8px -1px rgba(0,0,0,0.49);
    box-shadow: 2px -1px 8px -1px rgba(0,0,0,0.49);
}
#gf_drag_search #drag_search{
    margin-bottom:20px;
}
#gf_drag_search #t_sortable_fixed_head .header{
    display: table!important;
    width: 100%!important;
    border-bottom:1px solid #999;
}

#gf_drag_search #t_draggable{
    border:1px solid #999;
    border-collapse:unset!important;
    border-radius:5px;
}

#gf_drag_search .t_sortable tr:nth-child(even){
    background:#eee;
}

#gf_drag_search .middle{
   display:inline-block; 
} 
#gf_drag_search .middle form{
    display:inline-block; 
} 
 
#gf_drag_search .searchy{
    margin-bottom:20px;
    width:33%;
} 

.pagination-links span{
  padding:10px!important;
  text-decoration:underline;
  display:inline-block;
}

.overflow-entry {
    opacity: 0.5;
    background-color: #f0f0f0;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .container {
        flex-direction: column;
    }
    #drag_search_container {
        width: 100%;
        min-width: auto;
    }
    #gf_drag_search .table_container {
        flex: 0 0 calc(50% - 20px); /* Two tables in a row with spacing */
    }
}