@charset "utf-8";
/* CSS Document */
#block_area { width: 100%; height: 100%; display: flex; -ms-display: flexbox; padding-top: 76px; }
#tree {  flex: 0 0 500px; display: flex; -ms-display: flexbox; padding-left: 10px; overflow: hidden; min-width: 450px; }
#grid { flex: 1; display: flex; -ms-display: flexbox; }
#hs_tree { height: 100%; width: 100%; display: flex; -ms-display: flexbox; flex-direction: column; vertical-align: top; }
.resizable { position: relative; }
.resizable.no-transition { transition: none !important; }

.rg-left { display: block; width: 10px; line-height: 8px; position: absolute; z-index: 2; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; background: #494F5B; border-right: 1px solid #242933; transition: background .25s ease; cursor: col-resize; height: 100%; left: 0; top: 0; }
.rg-left:hover { background: #5F6572; }
.rg-left span { position: absolute; box-sizing: border-box; display: block; border: 1px solid #747A87; }
.rg-left span { border-width: 0 1px; top: 50%; margin-top: -6px; height: 20px; width: 3px; left: 3px; }