#body1{height:100%;padding:0}.hb .wrap{width:100%;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.hb .left,.hb .wrap{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.hb .left{width:200px;min-height:600px;border:1px solid #b1b1b1}.hb .right{margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;max-height:100%}.hb .right,.hb .right .boxOut{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.hb .right .boxOut{width:100%;padding-top:56.25%;height:0;border:1px solid #b1b1b1}.hb .boxOut>div{zoom:1;overflow:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.hb .oblong{width:150px;height:70px;margin:20px auto 0}.hb .oblong_color{background:#b1b1b1}.hb .oblong_line{width:146px;height:66px;margin:20px auto 0}.hb .oblong_line_color{border:1px solid #b1b1b1}.hb .line{width:150px;height:3px;margin:20px auto 0}.hb .line_vertical{width:3px;height:150px;margin:20px auto 0}.hb .line_color,.hb .line_vertical_color{background:#b1b1b1}.hb .circle{width:75px;height:75px}.hb .circle,.hb .circle_line{border-radius:50%;margin:20px auto 0}.hb .circle_line{width:73px;height:73px}.hb .text{width:150px;height:70px;min-width:20px;min-height:20px;font-size:24px;color:#b1b1b1;margin:20px auto 0}.hb .addNode{position:absolute;z-index:10;margin:0}.hb .select{-webkit-box-shadow:0 0 5px #06c;box-shadow:0 0 5px #06c}.hb .circle_color{background:#b1b1b1;border-radius:50%}.hb .circle_line_color{border:2px solid #b1b1b1;border-radius:50%}.hb .view{width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hb .boxOut .details{position:absolute;top:0;right:0;left:auto;width:auto;z-index:1000;height:auto}.hb .boxOut .detailsMask{position:absolute;top:0;left:0;width:100%;height:100%}