html
{
    position:   absolute;
    top:        0;
    bottom:     0;
    right:      0;
    left:       0;
    width:      100%;
    height:     100%;
    background: 
        url(pattern.png),
        #3b76ba;
    background:
        url(pattern.png),
        -webkit-gradient(
            linear,
            left top,
            right top,
            from(#3b76ba),
            to(#7dd2d9)
        );
    background:
        url(pattern.png),
        -webkit-linear-gradient(
            left,
            #3b76ba 0,
            #7dd2d9 100%
        );
    background:
        url(pattern.png),
        linear-gradient(
            to right,
            #3b76ba 0,
            #7dd2d9 100%
        );
}

#root
{
    margin: 5%;
}

#bfalogo
{
    width:              140px;
    height:             100px;
    display:            block;
    margin-left:        auto;
    margin-right:       auto;
}

div.warning
{
        border:         1px solid yellow;
        background:     gray;
        padding:        10px;
        display:        inline-grid;
        position:       fixed;
        top:            30%;
        left:           30%;
}
div.status
{
        border:         1px dotted grey;
        position:       fixed;
        top:            8px;
        right:          8px;
        padding:        4px;
        text-align:     right;
}
.hidden
{
        display:        none;
        visibility:     hidden;
}