html,body
{
    margin:0;
}
#app
{
    width:100vw;
    height:100vh;
    background-color:#21252b;
}
#left-container
{
    width:250px;
    height:100%;
    float:left;
}
#right-container
{
    float:right;
    width:calc(100% - 250px);
    height:100%;
}
#toolbar
{
    height:35px;
}
#editor
{
    width:100%;
    height:calc(100% - 35px);
}
#upper-part
{
    height:calc(100% - 25px);
}
#infobar
{
    height:25px;
}
#projectbar
{
    height:35px;
    width:100%;
    background-color: #badc58;
}
.center
{
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.text-center
{
    text-align: center !important;
}
.valign
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}