.sortable {
  cursor: pointer;
}
.sort-0 .header-cell::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0de";
  margin-left: 3px;
}
.sort-1 .header-cell::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
  margin-left: 3px;
}
th.sortable .header-cell {
  display: grid;
  grid-template-columns: auto 15px;
  grid-column-gap: 0px;
  width: 100%;
}
.table-scroll.grid {
  border: 1px solid;
  border-bottom: none;
  border-right: none;
}
.table-scroll.grid th {
  border: 1px solid;
  border-top: none;
  border-left: none;
  padding-left: 5px;
  padding-right: 5px;
}
.table-scroll.grid td {
  border: 1px solid;
  border-top: none;
  border-left: none;
  padding: 5px;
}
@media screen and (max-width: 1024px) {
  th.sortable .header-cell {
    grid-template-columns: auto 25px;
  }
}