/* Style for the overall container */
.table-container {
    max-height: 350px;
    /* Set the maximum height for the scrollable container */
    overflow-y: auto;
    /* Enable vertical scrolling */
    margin-top: 30px;
    border: 1px solid #ccc;
    /* Add a border for visual clarity */
}

/* Style for the table */
.fixed-header-table table {
    width: 100%;
    border-collapse: collapse;
}

/* Style for the table header */
.fixed-header-table thead {
    background-color: #f2f2f2;
    /* Add a background color to distinguish the header */
    display: table;
    width: 100%;
}

/* Style for the table header cells */
.fixed-header-table th {
    padding: 8px;
    text-align: left;
    width: 105px;
}

/* Style for the table body cells */
.fixed-header-table td {
    border-top: 1px solid #ddd;
    /* Add a border to separate rows */
    padding: 1px;
    text-align: left;
    width: 110px;
}

 /* Style for the table body cells */
 .fixed-header-table tbody {
    display: block;
    max-height: 240px; /* Set the maximum height for the scrollable tbody */
    overflow-y: auto; /* Enable vertical scrolling for tbody */
  }

  .fixed-header-table th.config_byte_column {
    /* Set a wider width for the specific column */
    width: 450px; 
  }

  .fixed-header-table td.config_byte_column {
    /* Set a wider width for the specific column */
    width: 300px; 
  }

  .fixed-header-table th.product_name_column {
    /* Set a wider width for the specific column */
    width: 450px; 
  }

  .fixed-header-table td.product_name_column {
    /* Set a wider width for the specific column */
    width: 30%; 
  }

  #product_config_table {
    max-height: 800px;
  }

  #product_config_table tbody{
    max-height: 700px;
  }

  .space_div {
    margin-top: 30px;
    margin-bottom: 10px;
  }

  #load_configuration_table {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  /* Display the third input as a block element to move it to the next line */
  #mpn_label {
    margin-left: 2px;
    display: block;
  }

  #file-div {
    width: 800px;
    height: 50px;
    /* border: 1px solid #c3c3c3; */
    display: flex;
    justify-content: space-between;
  }
  
  #file-div  div {
    width: 200px;
    height: 70px;
  }

  button {
    margin-top: 5px;
    margin-bottom: 5px;
  }


  #product_config_table_header {
    width: 1300px;
  }

  #product_config_table_header thead {
    background-color: #f2f2f2;
  }
  
  
  #product_config_table_header th {
    padding: 8px;
    text-align: center;
    width: 8%;
  }

  #product_config_table_header th.gtin_column {
    padding: 8px;
    text-align: center;
    width: 14%;
  }

  #product_config_table_header th.product_name_column {
    padding: 8px;
    text-align: center;
    width: 480px;
  }

   #product_config_table {
    width: 1320px;
  }


  #product_config_table td {
    text-align: center;
    width: 8%;
  }

  
  #product_config_table tbody {
    display: block;
    max-height: 800px; /* Set the maximum height for the scrollable tbody */
    overflow-y: auto; /* Enable vertical scrolling for tbody */
  }

  #product_config_table td.product_name_column{
    padding: 8px;
    text-align: left;
    width: 500px;
  }

  
  #product_config_table td.gtin_column{
    padding: 8px;
    text-align: left;
    width: 11%;
  }