h1 {
    border: 2px #eee solid;
    color: brown;
    text-align: center;
    padding: 10px;
}

.wrapper {
    padding: 2px 10px 10px 10px;
}

#trades {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#trades td, #trades th {
  border: 1px solid #ddd;
  padding: 8px;
}

#trades tr:nth-child(even){background-color: #f2f2f2;}

#trades tr:hover {background-color: #ddd;}

#trades th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

.True {
    color: #04AA6D;
}

.False {
    color: #f56279 !important;
}

td {
    text-align: left; /* Horizontally center */
    vertical-align: middle; /* Vertically center */
    border: 1px solid #ccc;
    padding: 5px;
}

.image-label-container {
    display: inline-flex; /* Make the image and text inline */
    align-items: center;
    /* flex-direction: column; Stack image and label vertically
    align-items: center; Center align items horizontally
    justify-content: center; Center align items vertically */
}

.image-label-container img {
    max-width: 25px; /* Limit image size */
    margin-right: 10px; /* Space between image and label */
}