.fontsize {
  font-size: 1.0em;
}

.table-container {
    margin-top: -20px;
    width: 100%;
}
.images {
  display: flex;
  gap: 10px; /* Space between images */
  justify-content: center;
  max-width: 100%;
  flex-wrap: wrap;
}
.image-item img {
  max-width: 100%; /* Maximum width to keep images within bounds */
  height: auto; /* Maintains aspect ratio */
  border-radius: 10px; /* Rounded corners */
}
.image-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 48%;
}
.image-label {
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px; /* Space between label and image */
}
table {
  width: 100%; /* Make table span full width of container */
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  border: 2px solid grey;
}

th, td {
  padding: 2px; /* Add padding to cells */
  text-align: left;
  border: 1px solid white; /* Light border */
}

thead th {
  background-color: #4f81bd !important; /* Header background color */
  color: white !important; /* Header text color */
}

tbody tr:nth-child(even) {
  background-color: #dbe5f1; /* Light blue for even rows */
}

tbody tr:nth-child(odd) {
  background-color: #ffffff; /* White for odd rows */
}

tbody tr:last-child {
  background-color: #e4e4e4; /* Light gray background for last row */
}
h2 {
  font-weight: bold; /* Bold font for header */
}
td {
  color: #333333; /* Darker font color for cell content */
}