#sidebar {
  width: $filter-width;
  background-color: #fff;
  border-radius: $border-radius;
  @include box-shadow(0 0 4px 0 rgba(0,0,0,.04));
  margin-bottom: 30px;

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

  .sidebar_section {
    padding: 15px 20px;
    overflow-y: scroll;
    max-height: 80vh;

    h3 {
      margin: 0 0 10px 0;
    }

    .label {
      display: block;
      text-align: left;
    }

    .input {
      margin-bottom: 10px;

      input, select {
        height: 36px;
        padding: 3px 5px;
        font-size: 14px;
      }
    }

    .select_and_search {
      input, select {
        width: 50%;
        display: inline-block;  
      }

      input {
        float: right;
      }
    }

    .filter_select select {
      width: 100%;
    }

    .filter_date_range input {
      width: 50%;
      display: inline-block;

      // consistent look of all filters
      &:nth-child(2) {
        float: left;
      }
    }

    input[type="submit"] {
      width: auto;
      line-height: 31px;
      margin-right: 10px;
    }

    &.panel {
      position: relative;
    }
  }

  #search-status-_sidebar_section {
    font-size: 14px;
  }

  // 'Filter' and 'Clear Filters' buttons
  .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
  }
}

// fix pour search select filter de ActiveAdmin_Addons
.search_select_filter, .filter_boolean {
  .select2.select2-container {
    width: 100% !important;
  }
}
