.single-validation-holder {
  .section-title {
    color: $gray-500;
    font-size: $font-size-base * 1;
    display: inline;
    .section-count {
      @extend .mr-1;
      border-radius: 1.8em;
      color: $primary;
      display: inline-block;
      line-height: 1.9em;
      text-align: center;
      border-color: $light;
      border-style: solid;
      border-width: 1px;
      width: 2em;
      font-size: $font-size-base * .7;
    }
  }
  &.pass {
    .section-title {
      color: $green !important;
    }
    .section-count {
      color: $green;
      border-color: $green;
    }
  }
  &.fail {
    .section-title {
      color: $danger !important;
    }
    .section-count {
      color: $danger;
      border-color: $danger;
    }
  }
  &.warning {
    .section-title {
      color: $warning !important;
    }
    .section-count {
      color: $warning;
      border-color: $warning;
    }
  }
}
