#resp_tck {
	background-color: red;
	overflow: auto;
	height: 1600px;
}

@media screen and (min-width: 48em){
.wrap {
    max-width: 1280px;
}
}

#special-table-editing-trk {
	margin-top: 50px;
}

#special-table-editing-trk .data_list {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#special-table-editing-trk thead {
	background-color: #fecf2b;
}

#special-table-editing-trk .data_list td, .data_list th {
  border: 1px solid #ddd;
  padding: 8px;
}

#special-table-editing-trk .data_list tr:nth-child(even){background-color: #f2f2f2;}

#special-table-editing-trk .data_list tbody tr:hover {background-color: #ddd;}

#special-table-editing-trk .data_list th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

/* Responsive table styling */
@media screen and (max-width: 768px) {
  #special-table-editing-trk {
    margin-top: 20px;
    overflow-x: auto; /* Ensure scrolling for the container on smaller screens */
  }

  #special-table-editing-trk .data_list {
    display: block; /* Allow block-level behavior for scrolling */
    white-space: nowrap; /* Prevent the table from wrapping text */
  }

  #special-table-editing-trk .data_list td, .data_list th {
    padding: 8px; /* Adjust padding for better readability on mobile */
    font-size: 14px; /* Adjust font size for smaller screens */
  }

  #special-table-editing-trk .data_list tr {
    display: table-row; /* Keep table rows visible */
  }

  #special-table-editing-trk .data_list td::before {
    content: none; /* Remove pseudo-element handling for this fix */
  }
}

#tkr-nbr-form input[type=text] {
  float: left;
  width: 80%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid white;
  font: white;
}

#tkr-nbr-form input[type=button], input[type=submit], input[type=reset] {
  float: left;
  background-color: #fecf2b;
  border: none;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 6px 0px;
  cursor: pointer;
  font-weight: bold;
}