@include _formGroup(column);
@include _formLabel(dark);
@include _formInput;

.form-help-text{
  font-size: 0.89rem;
  line-height: 1.2rem;
  color: $help-text;
  margin-bottom: $gutter;
}

/* @mixins */
@mixin form-checkboxes{
  .iconToggleField {
    cursor: pointer;
    position: relative;
    border: 1px solid $color-blue;
    background: white;
    width: 24px;
    height: 24px;
    border-radius: 3px;

    span.itf-icon {
      color: $color-light-blue-gray !important;
      background: none !important;
      position: absolute;
      margin-left: 3px;
      margin-top: 5px;
      width: 17px;
      height: 9px;
      border-bottom: solid 3px currentColor;
      border-left: solid 3px currentColor;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      @include defaultTransition(150ms);
    }

    &:hover {
      span.itf-icon {
        color: $color-title-container-border !important;
        border-color: currentColor !important;
        @include defaultTransition(150ms);
      }
    }

    &.active {
      span.itf-icon {
        color: $color-blue !important;
        @include defaultTransition(150ms);
      }
    }

    input {
      display: none;
    }
  }
}