html, body {
    margin:0;
    padding: 0;
    height:100%;
    background-color: cornflowerblue
}

.container {
    display: flex;
    flex-direction: row;
    /* Misc */
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: teal;
    overflow: hidden;
}

.toggle-button {
    float:right;
    cursor: pointer;
}

#resizer {
    background-color: darkgray;
    cursor: ew-resize;
    height: 100%;
    width: 5px;
}

#viewerPane {
    /* Initial height */
    height: 100%;
    width: 75%;
}

#controlPane {
    overflow:auto;
    height: 100%;
    flex: 1 1 0%;
    color: white;
    background-color: black;
    margin: 0;
    padding:0;
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#controlPane .title{
    height:28px;
    font-size: 24px;
    padding: 6px;
    background-color: #1b6d85;
}

#controlPane .category{
    color: black;
    font-size: 12px;
    background-color: lightgrey;
}

#controlPane .category_title{
    background-color: #2aa3c5;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    border-top: 2px solid lightgray;
}

#controlPane .category_content{
    color: black;
    font-size: 14px;
    padding: 5px;
    margin-left: 10px;
}

#menu_button{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3000;
    padding: 3px;
    color: white;
}

label {
    min-width:80px;
    display: inline-block
}

.error{ color: red}
.warn{ color: yellow}
.info{ color: dodgerblue}
.log{ color: white}


.logs {
    background-color: black;
    color:lightgrey;
}

.floatingOptions {
    display: block;
    float:right;
    background-color: #eeeeee;
    border-radius:10px;
    padding:10px;
    margin:10px;
}