table thead tr th {
    text-align: center;
    }    
    table tbody tr td input {
    text-align: center;
    }  
        /* Style the table headers */
    .table-striped>thead>tr>th {
        background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: #fff;
        font-size: 105%;
        text-align: center;
    }
    .table-striped>tfoot>tr>th {
        
        text-align: center;
    }
    /* Style the table body */
    .table-striped>tbody>tr>td {
        text-align: center;
    }
  
  /* Style the inputs inside the table 
  .table-striped input[type="text"] {
    text-align: center;
    width: 100%;
    max-width: 120px; 
  } */
  
  /* Ensure the table wrapper has horizontal scroll */
  .table-wrapper {
    overflow-x: auto !important;
    width: 100%;
    max-width: 100%; /* Ensure the table doesn't overflow its container */
  }
  /* Force horizontal scrollbar in mobile view */
  @media (max-width: 767px) {
        .table-wrapper {
            overflow-x: scroll;
        }
    }