.manage-queries-page {
  &__header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  &__ctas {
    display: flex;
    align-items: center;
    font-size: $x-small;
  }

  &__selected-count {
    padding: 0 $pad-medium;
  }

  &__query-count {
    color: $core-fleet-black;
    font-size: $x-small;
    font-weight: $bold;
    margin: 0 12px 0 0;
    display: inline-block;
  }

  &__filter-and-cta {
    display: flex;

    input {
      &[name="query-filter"] {
        width: 100%;
      }
    }
  }

  &__filter-queries {
    flex-grow: 1;
    position: relative;
    margin-top: $pad-xlarge;
    margin-bottom: $pad-large;

    &::before {
      display: inline-block;
      position: absolute;
      padding: 5px 0 0 0; // centers spin
      content: url(../assets/images/icon-search-fleet-black-16x16@2x.png);
      transform: scale(0.5);
      height: 20px;
      top: 3px;
      left: 8px;
    }

    .input-field {
      padding-left: 44px;
    }
  }

  &__title {
    margin: 0 0 $pad-medium;
  }

  &__wrapper {
    padding: $pad-xxlarge 30px;
  }

  &__modal-btn-wrap {
    display: flex;
    flex-direction: row-reverse;

    .button {
      margin-left: 15px;
      width: 120px;
    }
  }

  &__empty-label {
    font-size: $x-small;
    font-weight: $bold;
    padding: $pad-xlarge $pad-large 0;
    margin: $pad-small 0;
  }

  &__empty-description {
    font-size: $x-small;
    padding: 0 $pad-large;
    margin: 0;
  }
}
