div.sideconsole{
    position:fixed;
    top: 0;
    right:-540px;
    height: 400px;
    width: 600px;
    background-color: #000;
    color: #007800;
    opacity: 0.8;
    overflow-y: hidden;
    overflow-x: hidden;
    z-index: 9999;
}
div.sideconsole .toolbar{
    float:left;
    width:60px;
    height: 100%;
    background-color: #333;
    color: #fff;
    opacity: 0.8;
}
div.sideconsole .toolbar .toggle1{
    position: absolute;
    top: 45px;
    padding:10px;
}
div.sideconsole .toolbar .toggle2{
    position: absolute;
    top: 145px;
    padding:10px;
}
div.sideconsole .toolbar .toggle3{
    position: absolute;
    top: 245px;
    padding:10px;
}
.toggle3.active, .toggle2.active,.toggle1.active{
    color: #dd7700;
}
div.sideconsole .content{
    float:right;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px;
    width: 540px;
}
div.sideconsole .content span{
    display: block;
    color: #001200;
}
div.sideconsole .content span:nth-of-type(1){
    color: #006700;
    display: block;
}

div.sideconsole .content span:nth-of-type(2){
    color: #005600;
    display: block;
}

div.sideconsole .content span:nth-of-type(3){
    color: #004500;
    display: block;
}

div.sideconsole .content span:nth-of-type(4){
    color: #003400;
    display: block;
}

div.sideconsole .content span:nth-of-type(5){
    color: #002300;
    display: block;
}
.brancherror{
    margin-left: 20px; margin-right: 20px;
    color: mediumvioletred;
}