.jref-table-wrap th.jref-sortable {
  position: relative;
  padding-right: 29px;
  cursor: pointer;
  user-select: none;
  transition: background-color .16s, color .16s;
}
.jref-table-wrap th.jref-sortable::after {
  content: "↕";
  position: absolute;
  right: 11px;
  color: #91a4b8;
  font-size: 12px;
  letter-spacing: 0;
}
.jref-table-wrap th.jref-sortable:hover,
.jref-table-wrap th.jref-sortable:focus-visible {
  background: #e1ecf5;
  color: #174f7c;
  outline: 0;
}
.jref-table-wrap th.jref-sortable[data-direction="asc"]::after {
  content: "↑";
  color: #246f9f;
}
.jref-table-wrap th.jref-sortable[data-direction="desc"]::after {
  content: "↓";
  color: #246f9f;
}