.tree-panel {
    overflow: auto;
    max-height: 40vh;
    border-right: 1px solid #ddd;
}

.canvas-wrapper {
    position: relative;
    height: 60vh;
}

#org-canvas {
    position: relative;
    width: 100%;
    height: 100%;
}

.org-node {
    border-color: deepskyblue;
    background: #fff;
    /*border: 1px solid #ccc;*/
    border-style: solid;
    border-radius: 10px;
    padding: 8px 12px;
    width: fit-content;
    height: fit-content;
    white-space:nowrap;
    font-size:8pt;
    /*height: -moz-max-content;*/
    /*cursor: move;*/
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.window {
    z-index: 30;
}

.jtk-connector {
    z-index: 4;
}

.jtk-endpoint {
    z-index: 5;
}

.jtk-overlay {
    z-index: 6;
}

.control {
    border-color: green;
    border-radius: 10px;
    border-style: solid;
    width: 120px;
    text-align: center;
    cursor: move;
    height: fit-content;
    height: -moz-max-content;
    background-color: white;
}



.org-node .title {
    /*cursor: move;*/
    font-weight: 600;
}

.org-layout {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.org-tree {
    flex: 1;
    overflow-y: auto;
    border-right: 1px solid #ddd;
    padding: 10px;
}

.org-canvas {
    flex: 2;
    position: relative;
    padding: 10px;
}

#org-canvas {
    position: relative;
    width: 100%;
    height: 70vh;
    border: 1px solid #ccc;
    background: #fafafa;
}

.toolbar {
    margin-top: 10px;
}