@mixin text-elipsis($width : auto) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: $width;
}

th.grid-header {
  text-align: left;
  background-color: #e8e8e8;
  border-bottom: 2px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px 4px 4px 8px;
  color: #535353;
  cursor: default;
  resize: horizontal;
  overflow: auto;

  @include text-elipsis();

  &.selected {
    background: linear-gradient(#e8e8e8, #d0cfcf);
  }

  span, div {
    @include text-elipsis(100%);
  }
}