@import url('../../variables.less');


/**********************************************************************************
To style the outermost wrapper element of label widget.
***********************************************************************************/
.app-label {
    color: @labelDefaultColor;
}


/**********************************************************************************
To style the caption text of label widget.
***********************************************************************************/
.app-label-text {
}


/**********************************************************************************
To style the asterisk symbol of label widget.
***********************************************************************************/
.app-label-asterisk {
    color: @labelAsteriskColor;
}


/**********************************************************************************
To style the skeleton of label widget.
***********************************************************************************/
.app-label-skeleton {
}


/**********************************************************************************
To style links with in the label widget.
***********************************************************************************/
.app-label-link {
}


.text-center.app-label-text {
}


.text-left.app-label-text {
}


.text-right.app-label-text {
}


.media-heading.app-label-text {
}


.p.app-label-text {
}


.label-danger.app-label {
}


.label-danger.app-label-text {
}


.label-primary.app-label {
}


.label-primary.app-label-text {
}


.label-secondary.app-label {
}


.label-secondary.app-label-text {
}


.label-default.app-label {
}


.label-default.app-label-text {
}


.label-success.app-label {
}


.label-success.app-label-text {
}


.label-warning.app-label {
}


.label-warning.app-label-text {
}


.label-info.app-label {
}


.label-info.app-label-text {
}


.label-danger.app-label {
    background-color: @labelDangerColor;
}


.label-danger.app-label-text {
    color: @labelDangerContrastColor;
}


.label-primary.app-label {
    background-color: @labelPrimaryColor;
}


.label-primary.app-label-text {
    color: @labelPrimaryContrastColor;
}


.label-default.app-label {
    background-color: @labelDefaultColor;
}


.label-default.app-label-text {
    color: @labelDefaultContrastColor;
}


.label-success.app-label {
    background-color: @labelSuccessColor;
}


.label-success.app-label-text {
    color: @labelSuccessContrastColor;
}


.label-warning.app-label {
    background-color: @labelWarningColor;
}


.label-warning.app-label-text {
    color: @labelWarningContrastColor;
}


.label-info.app-label {
    background-color: @labelInfoColor;
}


.label-info.app-label-text {
    color: @labelInfoContrastColor;
}


.text-danger.app-label-text {
}


.text-primary.app-label-text {
}


.text-secondary.app-label-text {
}


.text-default.app-label-text {
}


.text-success.app-label-text {
}


.text-warning.app-label-text {
}


.text-info.app-label-text {
}


.text-muted.app-label-text {
}


.text-danger.app-label-text {
    color: @labelTextDangerColor;
}


.text-primary.app-label-text {
    color: @labelTextPrimaryColor;
}


.text-success.app-label-text {
    color: @labelTextSuccessColor;
}


.text-warning.app-label-text {
    color: @labelTextWarningColor;
}


.text-info.app-label-text {
    color: @labelTextInfoColor;
}


.h1.app-label-text {
}


.h2.app-label-text {
}


.h3.app-label-text {
}


.h4.app-label-text {
}


.h5.app-label-text {
}


.h6.app-label-text {
}


.h1.app-label-text {
    font-size: @heading1FontSize;
    color: @labelHeaderColor;
}


.h2.app-label-text {
    font-size: @heading2FontSize;
    color: @labelHeaderColor;
}


.h3.app-label-text {
    font-size: @heading3FontSize;
    color: @labelHeaderColor;
}


.h4.app-label-text {
    font-size: @heading4FontSize;
    color: @labelHeaderColor;
}


.h5.app-label-text {
    font-size: @heading5FontSize;
    color: @labelHeaderColor;
}


.h6.app-label-text {
    font-size: @heading6FontSize;
    color: @labelHeaderColor;
}


.text-muted.app-label-text {
    color: @labelTextMutedColor;
}

@import (optional) url('../../../wavemaker/design-tokens/basic/label.less');
@import (optional) url('../../../custom/components/basic/label.less');
@import (optional) url('../../../custom/os/components/basic/label.less');