.table .header {
  padding-right: 20px;
  font-weight: 300;

  &:hover {
    cursor: pointer;
  }
}

.headerSortUp,
.headerSortDown {
  white-space: nowrap;
  cursor: pointer;
  font-weight: 700 !important;
  color: @brand-primary !important;
  border-bottom-color: @brand-primary !important;

  &:after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    margin-right: -10px;
    margin-bottom: 2px;
    margin-left: 5px;
    border-right: @caret-width-base solid transparent;
    border-left:  @caret-width-base solid transparent;
  }
}

.headerSortUp:after {
  border-top: @caret-width-base solid;
}

.headerSortDown:after {
  border-bottom: @caret-width-base solid;
}