/*
Form labels

Labels use for form inputs.

.form__label--error - Error state
.form__label--disabled - Disabled state


Markup:
<label for="input1" class="form__label {{modifier_class}}">Label</label>
<input id="input1" type="text" class="form-element__input"></input>

Name: formLabel

Styleguide 3.1
*/
.form__label {
    display: block;

    margin-bottom: 5px;

    line-height: @font-size-label;
    font-size: @font-size-label;
    .text-semibold;
    text-transform: uppercase;

    color: @color-form-label;
}

.form__horizontal-label {
    .text-semibold;
    text-transform: uppercase;
    font-size: @font-size-label;
    color: @color-form-label;
}

.form__horizontal-label--line-height25 {
    line-height: 25px;
}

.form__label--left-padding {
    padding-left: 10px;
}

.form__label--font-size-base {
    font-size: @font-size-large-label;
    line-height: @font-size-large-label;
}

.form__label--error {
    color: @color-error;
    font-weight: @font-weight-bold;
}

.form__label--instruction {
    font-size: @font-size-large-label;
    line-height: @font-size-large-label;
    margin: 10px 0;
}

.form__label--disabled {
    color: @color-text-grey;
    text-decoration: line-through;
}

.form__label--no-wrap {
    white-space: nowrap;
}

.form__label--no-margin {
    margin: 0;
}

.form__label--inline {
    display: inline-block;
}

.form__label--field-title {
    font-size: @font-size-large-label;
    line-height: @font-size-large-label;
    .text-bold;
}

.form__label--field-instruction {
    width: 800px;
}

.form__label--italics {
    font-style: italic;
}

.form__label--checkbox-helper-text {
    margin-left: 27px;
    line-height: 18px;
}

.form__input-addon {
    line-height: 40px;
}