// out: false, sourceMap: false, main: ../style.less
@import "colors.less";

.maintenance-progress{
    width: 297px;
    height: 36px;
    display: flex;
    flex-flow: row;
    .progress, .yellow, .red{
        width: 16px;
        height: 32px;
        border-radius: 2px;
        margin: 0 2px 0 2px;
    }
    .progress{
        border: solid 2px #8eb5e2;
    }
    .yellow{
        border: solid 2px @color-squash;
    }
    .red{
        border: solid 2px @color-scarlet;
    }

    .progress.fill{
        background-color: #8eb5e2;
    }
    .yellow.fill{
        background-color: @color-squash;
    }
    .red.fill{
        background-color: @color-scarlet;
    }
    label{
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 1.29;
        margin-left: 16px;
        color: @color-greyish-brown;
    }
}