/* =================== flexx.ui.widgets._progressbar ====================*/

/* Autogenerated code from Flexx. Code Subject to the BSD-2-clause license. */





    .flx-ProgressBar {
        border: 1px solid #ddd;
        border-radius: 6px;
        background: #eee;
    }

    .flx-ProgressBar > .progress-bar {
        /* Use flexbox to vertically align label text */
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        -moz-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        white-space: nowrap;
        align-self: stretch;

        position: absolute; /* need this on Chrome when in a VBox */
        background: #8be;
        text-align: center;
        /*transition: width 0.2s ease; behaves silly on Chrome */
        }