.label-lg {
  font-size: $h4-font-size;
}

.label-xl {
  font-size: $font-size-stats-value;
  margin-bottom: 0;
}

.headline-with-label + label {
  display: block;
  margin-top: $spacing-sm * -1;
  margin-bottom: $spacing-sm;
}

.text-new {
  &:after {
    padding-left: $spacing-xs;
    content: 'NEW';
    color: $blue;
  }
}


.line-behind {
  position: relative;
  z-index: 1;
  span {
    background: inherit;
    padding: 0 15px;
  }
  &:before {
      border-top-width: 1px;
      border-top-style: solid;
      content:"";
      margin: 0 auto; /* this centers the line to the full width specified */
      position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
      top: 50%; left: 0; right: 0; bottom: 0;
      width: 95%;
      z-index: -1;
  }
}

.label.count {
  margin-left: $icon-spacing;
  padding: 0;
  vertical-align: top;
  font-size: $font-size-base;
  color: $info;
}

.label.execution-count {
  position: relative;
  padding: 0 $spacing-sm 5px 0;
  font-size: $display4-size;
  font-weight: $display4-weight;
  color: $label-default-color;

  @include io-icomoon("cross");

  &:before {
    position: absolute;
    top: $spacing-sm;
    right: 0;
    font-size: $font-size-icon-sm;
    color: $label-default-color;
  }
}


.label-gray {
  border: 1px solid $gray;
  color: $gray;
}

.with-small-text {
  display: flex;
  .small-text {
    font-size: 60%;
    margin-left: 2px;
  }
}


.stats-value {
  height: $font-size-stats-value-lg;
  font-size: $font-size-stats-value-lg;
  font-weight: $headings-font-weight;
  line-height: 0.7;
}