.tableFixHead {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 90%; /* gives an initial height of 200px to the table */
  }
  .tableFixHead thead th {
    position: sticky; /* make the table heads sticky */
    top: -2px; /* table head will be placed from the top of the table and sticks to it */
    background: linear-gradient(0deg, rgb(28, 6, 21), rgb(103, 53, 83), rgb(28, 6, 21) 98%);
    background: linear-gradient(0deg, rgb(28, 38, 45), rgb(80, 83, 83), rgb(28, 38, 45) 98%);
  }
  table {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%; height:30px;
  }
  th,
  td {
    padding: 4px 4px;
    border: 0px solid #ccc;
    text-align: left;
    font-family: Arial;
    font-weight: 200;
  }
  th {
    background-color: #3b0831;
    color: #cecece;
    font-size: 10pt;
    height: 32px;
    font-family: Arial;
    font-weight: 400;
  }
  tr {
    height: 40px;
  }
  tr:hover {
    background-color: #71086a75;
  }