.order-element{
    border:1px black solid;
    margin-top:10px;
}
.align-center{
    text-align:center;
}

.statebar{
    padding:10px;
    text-align:center;
    background-color: grey;
    color:black;
}
.state-4{
    background-color: yellow;
    color:black;
}
.state-6{
    background-color: green;
    color:white;
}
.order-element-open{
}
.show_only_on_open_element{
    display:none;
}
.order-element-open .show_only_on_open_element{
    display:block;
}
.show_only_on_closed_element{
    display:block;
}
.order-element-open .show_only_on_closed_element{
    display:none;
}

h2 {padding:10px;font-size:1.25rem;}
h1 {font-size:1.75rem;}
h3 {font-size:1.25rem;}

.navigation-on.loading{
    color:yellow;
}
.navigation-on{
    color:green;
}
.navigation-off{
    color:red;
}