html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #444444;
    font-family: 'helvetica';
    overflow: hidden;
}

.container{
    width: 100%;
    height: 100%;
    display: inline-flex;
}

.filelist{
    width: 25%;
    height: 100%;
    box-shadow: black 3px 0px 3px;
    z-index: 10;
}

.listelement{
    padding: 15px;
    padding-left: 25px;
    color: blanchedalmond;
}

.listelement.head{
    border-bottom: blanchedalmond 1px solid;
    font-size: 1.4em;
}

.listelement.file{
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.listelement.file.active{
    background-color: orangered;
}

.listelement.file:hover{
    background-color: darkorange;
}

.content{
    width: 75%;
    height: 100%;
    padding-top: 15px;
    background-color: blanchedalmond;
    display: inline-block;
    overflow-x: scroll;
}

.log{
    padding: 5px;
    padding-left: 15px;
    width: 100%;
    display: inline-flex;
}
/*.log.error{
    color: red;
}
.log.info{
    color: dimgray;
}
.log.warn{
    color: red;
}
.log.debug{
    color: green;
}*/

.time{
}

.instance{
    /*min-width: 200px;*/
}