body {
    background-color: #000000;
    overflow: hidden;
    font-family: Monospace;
    color: white;
}

#treemenu {
    background: rgb(38, 38, 38, 0.5);
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #ffffff;
}

.treejs-rootnode {
    padding-left: 0px;
}

.treejs-node {
    padding-right: 10px;
}

.treejs-node__selected {
    background: rgb(69, 100, 134);
    border-radius: 3px;
    vertical-align: middle;

}

#webcadcanvas {
    /* The CSS background works only if the renderer is set to 'alpha=true' */
    background: #535353;
    /* Standard syntax */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

#options {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 41px);

}

#wireframe_btn {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    background-color: #262626;
    border-color: #262626;
}

#solid_btn {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    background-color: #456486;
    border-color: #999999;
}

#infoBox {
    background: rgb(38, 38, 38, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px;
}