table {
    text-align: left;
    position: relative;
    border-collapse: collapse; 
    background-color: #f6f6f6;
    width: 99%;
    margin-top: 20px;
  }/* Spacing */
  td, th {
    border: 1px solid #999;
    padding: 5px;
    color: black;
  }
  th {
    background: black;
    color: white;
    border-radius: 0;
    position: sticky;
    top: 0;
    padding: 5px;
    text-align: left;
  }

  /* th{
    writing-mode: vertical-rl;
    text-orientation:sideways;
    text-orientation:sideways-right;
    text-orientation:upright;
} */

  .primary{
    background-color: #000000
  }
  
  tfoot > tr  {
    background: black;
    color: white;
  }
  tbody > tr:hover {
    background-color: #FFCC2A;
  }

 tr  {
    /* background: black; */
    /* border: 1px solid #999; */
    color: black;
  }