/* Default styles */

body {
	background-color: #e5e4e2;
}

#imageTable {
  width: 90%;
  margin: auto;
  border-collapse:collapse;
  padding: 10px;
  text-align: center; /* Center the content horizontally in each table cell */
  vertical-align: middle; /* Center the content vertically in each table cell */
  background-color: #dadbdd;
}

th {
	font: 12px Arial, sans-serif,bold;
	text-wrap: balance;
}

td
{
    border: 20px solid #e5e4e2;
}

 #imageTable img {
  display: block; /* Make the image a block-level element */
  margin: 0 auto; /* Center the image horizontally within its parent element */
  max-width:100%;
  height:auto;
}

 p {
  text-align: center; /* Center the text horizontally */
}

.thumbnail {
  width: 100%;
  height: 100%;
  cursor: pointer;
  aspect-ratio:auto;
}

#enlargedView {
  display: none;
  position: fixed;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  z-index: 999;
  background-color: #FFFFFF;
}

#altBox {
  display: none;
   /*position:absolute ;
  bottom: 0;
  right: 0; */
  position: fixed;
  top: 80%;
  left: 50%; 
  background-color: white;
  padding: 10px;
  border: 1px solid #73AD21;
  border-radius: 6px;
  /* box-shadow: 0 2px 6px rgba(0,0,0,.3); */
   z-index: 1000;
}

#enlargedView img {
  max-width: 100%;
  max-height: 100%;
  aspect-ratio:auto;
  border:1px solid black;
}

}
#wrap {
	white-space:normal;
}