fleet/frontend/components/queries/QueryProgressDetails/_styles.scss

.query-progress-details {
  margin-top: $pad-large;
  @at-root &.query-results-table__full-screen {
    float: left;
  }

  &__wrapper {
    display: inline-block;
    max-width: 420px;

    em {
      color: $core-fleet-blue;
      font-size: 0.8em;
    }
  }

  &__text-wrapper {
    display: flex;
    flex-direction: column;
    font-size: $x-small;
  }

  &__text-online {
    &:before {
      background-color: $ui-success;
      border-radius: 100%;
      content: " ";
      display: inline-block;
      height: 8px;
      margin-right: $pad-small;
      width: 8px;
    }
  }

  &__text-offline {
    &:before {
      background-color: $ui-fleet-black-25;
      border-radius: 100%;
      content: " ";
      display: inline-block;
      height: 8px;
      margin-right: $pad-small;
      width: 8px;
    }
  }

  &__text-error {
    &:before {
      background-color: $ui-error;
      border-radius: 100%;
      content: " ";
      display: inline-block;
      height: 8px;
      margin-right: $pad-small;
      width: 8px;
    }
  }

  &__text-results {
    color: $core-fleet-blue;
  }

  &__btn-wrapper {
    float: right;

    .button {
      width: 80px;
    }
  }
}