body.index {
  .table_tools {
    margin-bottom: 20px;
    font-size: 14px;

    &:after {
      content: '';
      display: block;
      clear: both;
    }

    input[type='checkbox'] {
      display: flex;
    }

    .collection_selection_toggle_all {
      display: flex !important;
    }

    .batch_actions_selector {
      display: inline-block;
    }

    .dropdown_menu_button{
      @include secondary-dropdown($primary-color);
    }

    .dropdown_menu_list {
      background-color: #fff;
      padding: 10px 15px;
      border-radius: 3px;
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
      display: inline-block;
      position: absolute;
      z-index: 1;
    }
  }

  .paginated_collection_contents {
    margin-bottom: 20px;
  }

  #index_footer {
    font-size: 14px;
  }

  .sortable {
    position: relative;

    &:after {
      @include icon("\f0dc");
      font-size: 12px;
      position: absolute;
      top: 50%;
      right: 5px;
      @include transform(translateY(-50%));

      @media screen and (min-width: $md-width) {
        font-size: 14px/1;
      }
    }

    &.sorted-desc:after {
      content: "\f0dd";
    }

    &.sorted-asc:after {
      content: "\f0de";
    }
  }

  .table_actions {
    .member_link {
      @include primary-button($primary-color, white);
      padding: 2px 9px;
      margin-right: 4px;
    }
  }
  
  .scopes {
    .scope {
      @include group-button($primary-color);
    }
  }

  #sidebar {
    position: fixed;
    right: - $filter-width;

    @media screen and (min-width: $x-lg-width) {
      right: - $lg-filter-width;
    }

    &:before {
      cursor: pointer;
      position: absolute;
      top: 30px;
      left: -40px;
      width: 40px;
      height: 50px;
      background-color: #fff;
      box-shadow: -1px 0 4px 0 rgba(0,0,0,.04);
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      @include icon("\f0b0");
      font-size: 20px;
      padding: 15px 10px;
    }
  }
}