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


/**********************************************************************************
To style the outermost wrapper element of progress-bar widget.
***********************************************************************************/
.app-progress-bar {
}


/**********************************************************************************
To style the text of progress-bar widget.
***********************************************************************************/
.app-progress-bar-text {
}


/**********************************************************************************
To style the progress bar of progress-bar widget.
***********************************************************************************/
.app-progress-bar-bg {
}


/**********************************************************************************
To style the value of progress-bar widget.
***********************************************************************************/
.app-progress-bar-value {
}


/**********************************************************************************
To style the tooltip container of the progress bar widget.
***********************************************************************************/
.app-progress-bar-tooltip {
}


/**********************************************************************************
To style the text within the tooltip of the progress bar widget.
***********************************************************************************/
.app-progress-bar-tooltip-label {
}


/**********************************************************************************
To style the directional triangle indicator of the tooltip.
***********************************************************************************/
.app-progress-bar-tooltip-triangle {
}


.app-default-progress-bar.app-progress-bar-bg {
    background-color: fade(@progressBarDefaultColor, 20%);
}


.app-default-progress-bar.app-progress-bar-value {
    color: @progressBarDefaultColor;
}


.app-success-progress-bar.app-progress-bar-bg {
    background-color: fade(@progressBarSuccessColor, 20%);
}


.app-success-progress-bar.app-progress-bar-value {
    color: @progressBarSuccessColor;
}


.app-info-progress-bar.app-progress-bar-bg {
    background-color: fade(@progressBarInfoColor, 20%);
}


.app-info-progress-bar.app-progress-bar-value {
    color: @progressBarInfoColor;
}


.app-danger-progress-bar.app-progress-bar-bg {
    background-color: fade(@progressBarDangerColor, 20%);
}


.app-danger-progress-bar.app-progress-bar-value {
    color: @progressBarDangerColor;
}


.app-warning-progress-bar.app-progress-bar-bg {
    background-color: fade(@progressBarWarningColor, 20%);
}


.app-warning-progress-bar.app-progress-bar-value {
    color: @progressBarWarningColor;
}


.app-default-progress-bar.app-progress-bar-text {
}


.app-default-progress-bar.app-progress-bar-bg {
}


.app-default-progress-bar.app-progress-bar-value {
}


.app-success-progress-bar.app-progress-bar-text {
}


.app-success-progress-bar.app-progress-bar-bg {
}


.app-success-progress-bar.app-progress-bar-value {
}


.app-info-progress-bar.app-progress-bar-text {
}


.app-info-progress-bar.app-progress-bar-bg {
}


.app-info-progress-bar.app-progress-bar-value {
}


.app-danger-progress-bar.app-progress-bar-text {
}


.app-danger-progress-bar.app-progress-bar-bg {
}


.app-danger-progress-bar.app-progress-bar-value {
}


.app-warning-progress-bar.app-progress-bar-text {
}


.app-warning-progress-bar.app-progress-bar-bg {
}


.app-warning-progress-bar.app-progress-bar-value {
}

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