#graph-explorer #toolbar { display: flex; flex-direction: column; } #graph-explorer #toolbar ul { display: flex; flex-direction: row; margin: 0; } #graph-explorer #toolbar ul li { display: flex; max-width: 200px; } #graph-explorer #toggle-container { position: fixed; z-index: 999; right: 25%; top: 10px; width: 50%; } #graph-explorer #toggle-container .container-fluid { padding-top: 90px; } #graph-explorer #controls-container { position: fixed; z-index: 999; backdrop-filter: blur(4px); background: rgba(255, 255, 255, 0.75); overflow: auto; left: 0; right: 0; top: 60px; } #graph-explorer .graph-tree { position: absolute; max-height: 600px; top: 170px; background-color: #fff; z-index: 1; } #graph-explorer .lefthanded .graph-tree { left: 80%; } #graph-explorer .righthanded .graph-tree { left: 0%; } #graph-explorer #graph-view { height: 95%; } #graph-explorer #sp-container { position: absolute; max-height: 600px; top: 170px; border: 1px white solid; background-color: white; width: 28%; z-index: 15; } #graph-explorer #sp-container #myTab { marginBottom: 18px; marginTop: 18px; } #graph-explorer #sp-container #myTabContent { borderBottom: 1px solid black; paddingBottom: 19px; } #graph-explorer #sp-container #horizontal-checkbox ul { display: inline; float: left; } #graph-explorer .lefthanded #sp-container { left: 0%; } #graph-explorer .righthanded #sp-container { left: 70%; } #graph-explorer #tree { position: absolute; z-index: 1; } .input-with-autocomplete .completions { position: fixed; max-height: 300px; overflow-y: scroll; width: 300px; top: 100px; } /*# sourceMappingURL=Graph.css.map */