/* div.ui-table table:first-child > thead > tr.ui-table-row > th.header-class {
    background-color: #f1f1f1 !important;
    padding: 20px;
    text-align: center;
    font-size: 35px;
    color: #333 !important;
} */

.left-container {
    transform: translateX(0); /* Initially hidden */
    transition: transform 0.3s ease-in-out, flex-basis 0.3s ease-in-out;
    /* flex-grow: unset; */
}
  
.left-container.hidden {
    transform: translateX(-100%); /* Slide into view */
    flex-basis: 0;
}