/**
 * BUIC: Progress.
 */
.buic-progress {
    $padding-left: 6px;
    $vdiv: 6px;
    $size: 20px;
    $indent: $size + $vdiv;

    @include clearfix;

    position: relative;
    display: none;
    margin-top: 12px;

    .progress {
        display: none;
        margin: $vdiv 0 0 $indent;

        &:first-child {
            margin-top: 0;
        }

        // Icon.
        &:before {
            position: absolute;
            left: 0;
            width: $size;
            height: $size;
            background: #f5f5f5;
            border-radius: 4px;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
            line-height: $size;
            text-align: center;
            font-family: fontawesome;
            content: "\f093";
        }

        // Background label.
        &:after {
            position: absolute;
            z-index: 1;
            left: $indent;
            right: 0;
            overflow: hidden;
            padding-left: $padding-left;
            height: $size;
            line-height: $size;
            white-space: nowrap;
            font-size: 12px;
            color: #333;
            content: attr(data-label);
        }
    }

    .progress-bar {
        position: relative;
        z-index: 2;
        left: -$indent;
        overflow: hidden;
        margin-left: $indent;
        padding-left: $padding-left;
        white-space: nowrap;
        text-align: left;
    }
}

