/* The Close Button */
.close-btn {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Scrollable table wrapper */
.scrollable-table {
  max-height: 700px; /* Set the desired height */
  overflow-y: auto; /* Enable vertical scrolling */
  overflow-x: auto; /* Enable horizontal scrolling */
}

.scrollable-table thead th {
  position: -webkit-sticky; /* For Safari browser compatibility */
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #ffffff; /* Match existing header background */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); /* Optional shadow for visual separation */
  }