.host-side-panel {
  color: $core-fleet-black;

  .loading-spinner {
    margin-top: 155px; // line up with host table loading spinner
  }

  .input-icon-field {
    margin-top: 0;

    &__label {
      display: none;
    }

    &__icon {
      top: 6px;
    }
  }

  h3 {
    font-size: $x-small;
    font-weight: $bold;
    color: $core-fleet-black;
    margin: $pad-large 0 10px $pad-medium;
  }

  &__add-label-btn {
    color: $core-vibrant-blue !important;
    align-self: right;

    span {
      display: flex;
      align-items: center;
    }

    img {
      margin-left: $pad-xsmall;
    }
  }

  &__panel-group-item {
    color: $core-fleet-black;
    width: 100%;

    &--filter {
      position: relative;

      &::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;
      }
    }
  }

  .title {
    font-size: $small;
    display: flex;
    justify-content: space-between;

    button {
      position: relative;
      top: 12px;
      padding: 0 $pad-xsmall;
    }
  }

  &__filter-labels {
    margin-bottom: $pad-medium;

    .input-field {
      padding-left: 42px;
      width: 100%;
    }
  }
}
