#progress-bar {
    width: 100% !important;
    height: 15px !important;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    margin-top:  0.5em;
    padding-top: 0;

    .ui-progressbar-value
    {
        height: 100%;
    }

    &.pw-red
    {
        .ui-progressbar-value
        {
            background: red;
        }
    }

    &.pw-orange
    {
        .ui-progressbar-value
        {
            background: orange;
        }
    }

    &.pw-orange-yellow
    {
        .ui-progressbar-value
        {
            background: yellow;
        }
    }

    &.pw-yellow-green
    {
        .ui-progressbar-value
        {
            background: yellowgreen;
        }
    }

    &.pw-light-green
    {
        .ui-progressbar-value
        {
            background: lightgreen;
        }
    }


    &.pw-green
    {
        .ui-progressbar-value
        {
            background: green;
        }
    }

}

#pw-progress-label {
    font-size: 12px;
    font-weight: 400;
}