.TNC {
    display: flex;
    align-items: center;
}
.TN {
	width: 20%; /* Adjust size as needed */
	height: auto; /* Adjust size as needed */
	margin-right: 20px; /* Adjust spacing between thumbnail and text */
}

#image-container {
  overflow-x: scroll;
  white-space: nowrap;
  margin: 0 auto;
  width: 100%; /* Ensure full-width scrolling container */
}

#image-container img {
  display: inline-block;
  margin: 5px; /* Adjust spacing as needed */
  max-width: 150px; /* Set a maximum width for smaller images */
  height: auto; /* Maintain aspect ratio */
}

.small-image { /* Optionally apply style based on a class */
  max-width: 100px; /* Or adjust according to your desired size */
}

.hidden {
  display: none;
}

div.scrollmenu {
  background-color: blue;
  overflow: auto;
  white-space: nowrap;
  }
  
  div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}

div.Day {
  display:none;
}

.maxwidth {
  width:100%;
  }

.rm-txt-rb {color: red; font-weight: bold;}

/* Style for the even rows */
table.mytable tr:nth-child(even) {
color: blue;
}

/* Style for the odd rows */
table.mytable tr:nth-child(odd) {
color: maroon;
}

.even-color, .my-div:nth-child(even){
  background-color: #F5FFFA;
  color: blue;
}

.odd-color, .my-div:nth-child(odd){
  background-color: ivory;
  color: maroon;
}

button { margin-bottom: 5px; }

.no-select {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

pre {white-space: pre-wrap;}

#spanTab03 {
  white-space: nowrap;
}

.small-font {
  font-size: 13px;
  text-align: center;
  color: green;
}

.title {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  color: blue;
}

.hdr1 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: green;
}

.cell1 td {
  font-size: 16px;
  vertical-align: top;
}