*{
    font-family: sans-serif;
}

a{
    text-decoration: none;
}

.main-flex{
    display: flex;
    flex-direction: row;
}

.navbar{
    flex: 1 10vw;
    white-space: nowrap;
}

.topbranding, .navbar-inner, .topline{
    font-weight: bold;
    border: solid 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.navbar-inner{
    font-weight: normal;
}

.right-flex{
    flex: 1 60vw;
}

.topline{
    display: flex;
}
.section{
    flex: 1;
}
.logout{
    text-align: right;
}

.content{
    padding-left: 1em;
}

.rooms-table{
    background-color: lightgray;
    padding: 0.5em 1.5em;
    width: min-content;
}

.rooms-table table{
    width: 50vw;
    background-color: inherit;
    text-align: center;
    border-color: darkgray;
    border-collapse: collapse;
    border-left: 10px;
}
.rooms-table tr{
    padding-left: 1em;
}
.rooms-table td{
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}
thead{
    border-bottom: 0.25em darkgray solid;
    
}
tbody tr{
    border-bottom: 0.1em darkgray solid;
}
.data-missing{
    background-color: gray;
    color: transparent
}
.data-late{
    background-color: orange;
}
.room-table-elem, .searchbar{
    font-weight: bold;
    text-align: left;
}

.rooms-table input{
    width: 90%;
}