.jtk-demo-main {display: flex;height: 100vh;}.jtk-demo-inner {display: flex;}.jtk-demo-main .description {font-size: 13px;padding: 13px;}.jtk-demo-main .description ul {margin: 0;padding: 0 0 0 20px;}.jtk-demo-main .description li {list-style-type: disc !important;margin: 3px 0;}.jtk-demo-canvas {display: flex;flex-grow: 1;position: relative;overflow: hidden !important;font-family: WorkSans;}.canvas-wide {margin-left: 0;}.miniview {position: absolute;right: 30px;z-index: 100;}.miniviewLeft {left: 0px;bottom: 0px;}.jtk-search-panel {position: absolute;top: 5px;right: 220px;z-index: 100;cursor: pointer;border-radius: 10px;height: 20px;border: 1px solid var(--company-text-color);background-color: var(--company-text-color);color: transparent;font-size: 12px;padding: 1px;padding-right: 5px;line-height: 14px;}.jtk-search-panel input {font-size: 12px;border: 1px solid var(--company-text-color);border-radius: 3px;padding: 0px;height: 18px;background-color: var(--control-background-color);color: var(--basic-text-color);display: inline-block;position: relative;top: -2px;}.jtk-search-panel i.mdi {font-size: 18px;font-weight: bold;line-height: 14px;padding-top:3px;color: white;display: inline-block;}i.jtk-exit {position: absolute;top: 5px;right: 5px;z-index: 100;color: #f44336;font-size: 20px;cursor: pointer;}i.jtk-exit:hover {color: #9d0900;}.jtk-demo-dataset {overflow: auto;font-size: 12px;font-family: Courier, monospace;}.jtk-demo-dataset pre {white-space: pre-wrap;}.demo-title {float: left;font-size: 18px;}.jtk-diagram-title {padding-bottom: 2px;color: var(--company-text-color);font-size: 20px;font-weight: 500;}.controls {top: 0px;color: #FFF;margin-right: 5px;position: absolute;left: 0px;font-size: 14px;}.controls i {color: var(--company-text-color);border-radius: 4px;border: 1px solid transparent;font-size: 18px;font-style: normal;padding: 1px;transition-delay: 0.1s;display: inline-block;}.controls i:hover {border: 1px solid var(--company-text-color);cursor: pointer;}.controls i[undo], .controls i[redo], .controls i[save] {color: darkgray !important;border: 1px solid transparent;transition-delay: 0.1s;cursor: auto;}.controls [undo]:hover, .controls [redo]:hover, .controls [save]:hover {color: darkgray !important;border: 1px solid transparent !important;cursor: auto;}.controls[can-undo='true'] i[undo], .controls[can-redo='true'] i[redo], .controls[can-save='true'] i[save] {color: var(--company-text-color) !important;cursor: pointer;}.controls[can-undo='true'] i[undo]:hover,.controls[can-redo='true'] i[redo]:hover,.controls[can-save='true'] i[save]:hover {border: 1px solid var(--company-text-color) !important;cursor: pointer;}.node-palette {display: flex;flex-direction: column;align-items: center;}.jtk-demo-sidebar {margin: 0;padding: 10px 0;display: flex;flex-direction: column;align-items: center;}.sidebar-item {background-color: #CCC;border-radius: 11px;color: #585858;cursor: move;padding: 8px;width: 128px;text-align: center;margin: 10px;outline: none;}.sidebar-item.katavorio-clone-drag {margin: 0;border: 1px solid white;}.sidebar-item:hover, .sidebar-item.katavorio-clone-drag {background-color: var(--company-text-color);color: white;}.jtk-connector {z-index: 9;}.jtk-connector:hover, .jtk-connector.jtk-hover {z-index: 10;color: #434343;}.jtk-connector:hover, .jtk-connector.jtk-hover {z-index: 10;color: #434343;stroke: red;}.jtk-endpoint {z-index: 12;opacity: 0.8;cursor: pointer;}.jtk-overlay {background-color: var(--light-background-color);color: #434343;font-weight: 400;padding: 4px;z-index: 100;}.jtk-overlay.jtk-hover {color: #434343;}path {cursor: pointer;}.edit:hover {color: #ff8000;}.selected-mode {color: #E4F013;}.connect {width: 10px;height: 10px;background-color: #f76258;position: absolute;bottom: 13px;right: 5px;}.demo-links {position: fixed;right: 0;top: 57px;font-size: 11px;background-color: white;opacity: 0.8;padding-right: 10px;padding-left: 5px;text-transform: uppercase;z-index: 100001;}.demo-links div {display: inline;margin-right: 7px;margin-left: 7px;}.demo-links i {padding: 4px;}.jtk-node .add, .jtk-node .delete, .jtk-node .node-edit {width: 10px;height: 10px;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;font-size: 10px;padding-bottom: 2px;}.jtk-node .add:hover, .jtk-node .node-edit, .jtk-node .add.constant {color: white;}.jtk-node .add {right: 3px;}.jtk-node .add:after {content: "+";}.jtk-node .add:hover, .jtk-node .add.constant {background-color: #4ea758;}.jtk-node .delete {left: 3px;}.jtk-node .node-edit:after {content: "✎";}.jtk-surface-selected-element {outline: rgba(255, 135, 0, 1) dashed 2px;outline-offset: 2px;}.jtk-lasso {border: rgba(255, 135, 0, 1) dashed 1px;outline-offset: 2px;background-color: rgba(255, 135, 0, 0.2);opacity: 0.5;display: none;z-index: 20000000;position: absolute;}.w {min-width: 220px;max-width: 220px;width: 220px;font-size: var(--basic-font-size);white-space: nowrap;text-overflow: ellipsis;height: 78px;}.jtk-node.crossDependencyNode {min-width: 120px;max-width: 120px;width: 120px;min-height: 78px;max-height: 78px;height: 78px;font-size: var(--decreased-font-size);white-space: nowrap;text-overflow: ellipsis;padding:2px 2px 2px 2px;margin-left:auto;margin-right:auto;border:1px solid var(--company-text-color);-moz-border-radius:0.5em;cursor:move;-webkit-transition:background-color 0.05s ease-in;-moz-transition:background-color 0.05s ease-in;transition:background-color 0.05s ease-in;border-radius: 3px;}.crossDependencyNode .jtk-node-body div, .crossDependencyNode .jtk-node-body .crossDependencyNode i {display: flex;justify-content: center;align-items: center;}.crossDependencyNode img {width:12px;height:12px;}.crossDependencyNode div.jtk-node-body {display: block;margin: 0;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}.jtk-node-body {white-space: nowrap;text-overflow: ellipsis;overflow: clip;}.jtk-group-body {white-space: nowrap;text-overflow: ellipsis;overflow: clip;}