table, .table{
   width: 100%;
   border-spacing: 0;
   text-align: left;
   margin: 10px 0;
   color: var(--tisc-text-primary);
}

tr, .table__row{
  background: var(--tisc-table-primary);

  &:nth-of-type(even){
     background: var(--tisc-table-secondary);
  }

  &--heading{
     background: var(--tisc-table-header);
  }
}

th, .table__heading, td, .tabel__cell{
   padding: 10px 5px;
   text-align: left;
}

.table__sortable{
   cursor: pointer;

   &:before{
       content: '\f0dc';
       font-family: 'Font Awesome 5 Free';
       margin-right: 5px;
   }

   &.asc:before{
       content: '\f0dd'; 
   }

   &.desc:before{
       content: '\f0de'; 
   }
}