/* Tabbed css to control DHIS2 tables to be sticky in dataentry screen */
.table-container {
    overflow-x: auto;
    width: 100vw;
  }

  .sectionTable {
    width: auto; /* Change this to width: 100%; if you want the table to fill its container */
    table-layout: fixed;
    border-collapse: collapse;
  }

  .fixedColumn,
  .table-container .sectionTable thead tr th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: white; /* Adjust as needed */
  }

  .sectionTable th,
  .sectionTable td {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    white-space: nowrap;
  }

  .sectionTable thead th {
    position: sticky;
    top: 0;
    background-color: white; /* Adjust as needed */
  }