.simple-table {
  margin: 1em 0;
  width: 100%;
}

.simple-table th, .simple-table td {
  padding: 0.25em 0.5em 0.25em 1em;
  border: 1px solid #eee;
}

.simple-table th {
  vertical-align: bottom;
  background-color: #999;
  color: #fff;
  font-weight: 500;
}

.simple-table tr:nth-child(even) th[scope=row] {
  background-color: #f2f2f2;
}

.simple-table tr:nth-child(odd) th[scope=row] {
  background-color: #fff;
}

.simple-table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

.simple-table tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.simple-table tr:hover {
  background: #ddd;
}

.sticky th {
  position: -webkit-sticky;
  position: sticky!important;
  top: 0!important;
  z-index: 2!important;
}

.down-arrow {
  content: '';
  display: inline-block;
  vertical-align: center;
  margin: 0 1.5em;
  width: 0.5em;
  height: 0.5em;
  border-top: 0.1em solid #fff;
  border-right: 0.1em solid #fff;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg) translate(-0.25em, 0);
  transition-property: all;
  transition-duration: 0.25s;
}

.up-arrow {
  content: '';
  display: inline-block;
  vertical-align: center;
  margin: 0 1.5em;
  width: 0.5em;
  height: 0.5em;
  border-top: 0.1em solid #fff;
  border-right: 0.1em solid #fff;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition-property: all;
  transition-duration: 0.25s;
}