/* Sticky column headers */
th.sticky {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
}

/* Sticky row headers */
th.row-sticky {
    position: sticky;
    left: 0;
    background-color: white;
    z-index: 2; /* Ensure row headers are above other content, including sticky column headers */
    box-shadow: 2px 0 2px -2px rgba(0, 0, 0, 0.2); /* Optional shadow for better visibility */
}

/* Set a fixed height for the matrix container */
#matrixContainer {
    max-height: 300px; /* Adjust height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: auto; /* Enable horizontal scrolling */
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    //min-width: 16px;
    //max-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
  }
  
 .dropdown:hover .dropdown-content {
    display: block;
  }