div#notifications{
    position: fixed;
    top: 1em;
    right: 1em;
    width: 15em;
}

.state0{
    background-color: rgb(255, 104, 104);
}
.state1{
    background-color: rgb(255, 245, 104);
}
.state2{
    background-color: rgb(104, 255, 112);
}
.state3{
    background-color: rgb(175, 175, 175);
}

section#list table{
    height: 1px; /* hack to get height working, at least in some browsers... */
}

section#list select{
    height:100%;
}

button#backToList{
    float: right;
}
div#subject, div#state{
    display: inline-block;
}
div#state{
    float: right;
}

textarea#reply{
    width: 100%;
    min-height: 10em;
}
section#show hr{
    margin: 2em 0.5em 1em 0.5em;
}
section#show h2{
    font-size: 1em;
}

@media screen and (max-width: 600px){
    section#list td:nth-child(2), section#list th:nth-child(2){
        display:none;
    }
}

@media screen and (max-width: 400px){
    section#list td:nth-child(1), section#list th:nth-child(1){
        display:none;
    }
}