.table_sorter {
  margin: 0 auto;
}
.table_sorter thead {
  cursor: pointer;
  background: rgba(0, 0, 0, .2);
}
.table_sorter thead tr th { 
  font-weight: bold;
  padding: 10px 20px;
  color: black;
}
.table_sorter thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 55%;
}
.table_sorter thead tr th.headerSortUp,
.table_sorter thead tr th.headerSortDown {
  background: rgba(0, 0, 0, .2);
}
.table_sorter thead tr th.headerSortUp span {
  background-image: url('./img/sort_asc.png');
}
.table_sorter thead tr th.headerSortDown span {
  background-image: url('./img/sort_desc.png');
}
.table_sorter tbody tr td {
  text-align: center;
  padding: 10px 20px;
}
.table_sorter tbody tr td.align-left {
  text-align: left;
}