@import 'admin-booking/main_dependencies';

#bb bb-client-search-results {
  display: block;

  margin: 25px 0 50px 0;

  .search-results {

    &__no-found-message {
      text-align: center;
      font-weight: bold;
      font-size: 16px;
    }

    &__control {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    &__information-box {
      display: flex;
      align-items: center;
    }

    &__information {

    }

    &__button {
      margin-left: 10px;
    }

    &__order-by-group {
      display: flex;
      align-items: center;
      margin: 0;
    }

    &__order-by-list {
      min-width: 150px;
      padding-top: 0;
      padding-bottom: 0;
      height: 36px;
    }

    &__order {
      margin-right: 10px;
      margin-bottom: 0;
      white-space: nowrap;
    }

    &__list {
      margin-top: 10px;
      border-top: 1px solid #e1e1e1;
    }

    &__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 0 15px 0;
      border-bottom: 1px solid #e1e1e1;

      &--blank {
        @extend .search-results__item;
        border-bottom: 0;
        padding:0;

        // Double padding + border + height.
        height: 56px;
      }
    }

    &__details-box {
      * + * {
        padding-left: 10px;
      }
    }

    &__name {
      font-size: 16px;
      font-weight: bold;
    }

    &__button {
      justify-self: flex-end;
    }
  }

  bb-pagination {
    margin-top: 10px;
  }

}