.table-header {
  background-color: $color-catskill-white;
  .filter-box {
    padding: rem-calc(20) rem-calc(20) rem-calc(10);
    display: flex;
    @extend .align-center;
    @extend .align-justify;
    &.full-search {
      .search {
        padding-right: 0;
      }
    }
    .search {
      width: 100%;
      margin: 0;
      padding-right: rem-calc(10);
    }

    .filter-group {
      padding-left: rem-calc(10);
      position: relative;

      &:before {
        content: '';
        position: absolute;
        left: 0;
        height: rem-calc(30);
        width: rem-calc(1);
        background-color: $color-mystic;
      }
    }

    i {
      color: $color-pale-sky;
    }
  }

  .filters-bar {
    padding: 0 rem-calc(20) rem-calc(0);
    display: flex;

    .hide-select {
      display: flex !important;
      flex-direction: row-reverse;
      justify-content: flex-end;
      align-items: center;
      color: $color-lochmara !important;

      .text {
        margin-left: rem-calc(8);
      }

      .glyphicon {
        @extend .icon;
        @extend .icon-close-small;
        display: inline-block !important;
        font-size: rem-calc(8);
      }
    }

    .arrow-right {
      display: inline-block;
      font-size: rem-calc(8);
      line-height: rem-calc(30);
      margin-right: rem-calc(10);
      margin-bottom: rem-calc(10);
      color: $color-gray-chateau;
      transform: rotate(180deg);
    }
  }
}