.focus {
  background-color: #ff00ff;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}

.selected {
  background-color: #ff00ff;
  color: #fff;
  font-weight: bold;
}

.asc:after {
  content: "\25B2";
}

.desc:after {
  content: "\25BC";
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}