@font-face{font-display:auto;font-family:realist;font-style:normal;font-weight:400;src:url(../assets/workflow/fonts/realist400.ttf) format("opentype")}@font-face{font-family:material-icons;font-style:normal;font-weight:400;src:url(../assets/workflow/fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../assets/workflow/fonts/MaterialIcons-Regular.woff) format("woff")}.rappid-scope .joint-toolbar{background:none;border:none;display:flex;padding:0;position:absolute;right:368px;top:8px;z-index:2}.rappid-scope .joint-toolbar .joint-toolbar-group{display:flex}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border:1px solid #d4d4d4;border-radius:0;color:#191919;display:flex;font-family:material-icons;font-size:20px;font-style:normal;font-variant:normal;font-weight:700;font-weight:400;height:28px;justify-content:center;line-height:1;margin:2px;text-transform:none;width:28px}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget:enabled:hover{background:#f7f8f9}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget:disabled{color:#bebebe}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget[data-type=button]{font-family:realist,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;white-space:nowrap;width:102px}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget[data-type=undo]:after{content:""}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget[data-type=redo]:after{content:""}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget[data-type=zoomIn]:after{content:""}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget[data-type=zoomOut]:after{content:""}.rappid-scope .joint-toolbar .joint-toolbar-group .joint-widget[data-type=zoomToFit]:after{content:""}.rappid-scope .joint-paper [magnet=active]:hover{fill:#585858}.rappid-scope .joint-paper .joint-highlight-stroke{stroke:#f5b720}.rappid-scope .joint-paper .joint-element.joint-type-app.selected [joint-selector=body]{stroke-width:2;stroke:#212121}.rappid-scope .joint-stencil{background:#fcfcfc;border:none;border-right:1px solid #d4d4d4}.rappid-scope .joint-tooltip{background-color:#444;color:#fff;font-family:realist,sans-serif;font-size:13px;line-height:15px}.rappid-scope .joint-tooltip.top .tooltip-arrow,.rappid-scope .joint-tooltip.top .tooltip-arrow-mask{border-bottom-color:#444}.rappid-scope .joint-tooltip.bottom .tooltip-arrow,.rappid-scope .joint-tooltip.bottom .tooltip-arrow-mask{border-top-color:#444}.rappid-scope .joint-tooltip.left .tooltip-arrow,.rappid-scope .joint-tooltip.left .tooltip-arrow-mask{border-right-color:#444}.rappid-scope .joint-tooltip.right .tooltip-arrow,.rappid-scope .joint-tooltip.right .tooltip-arrow-mask{border-left-color:#444}.rappid-scope .joint-tooltip i{color:#bebebe}.workflow-page{height:calc(100vh - 100px);width:100%}.employees-markup{display:none}.json-editor-container[data-v-9036b131]{background:#f5f5f5;border-top:1px solid #d4d4d4;box-sizing:border-box;height:200px}.json-editor-container textarea[data-v-9036b131]{background:#f5f5f5;border:none;color:#212121;font-family:realist,sans-serif;font-size:13px;height:100%;line-height:15px;outline:none;padding:16px;resize:none;width:100%}@font-face{font-display:auto;font-family:realist;font-style:normal;font-weight:400;src:url(../assets/workflow/fonts/realist400.ttf) format("opentype")}@font-face{font-family:material-icons;font-style:normal;font-weight:400;src:url(../assets/workflow/fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../assets/workflow/fonts/MaterialIcons-Regular.woff) format("woff")}.workflow{box-sizing:border-box;font-family:realist,sans-serif;margin:0;min-width:900px;padding:0;width:100%}.workflow,.workflow .main-container{display:flex;height:100%;position:relative}.workflow .main-container{flex:1;flex-flow:column;overflow:hidden}.workflow .main-container .paper-container{background:#f8f9fa;box-sizing:border-box;flex:1;overflow:hidden;position:relative;z-index:1}.workflow .side-bar{background:none;height:100%;max-width:250px;z-index:2}.workflow .side-bar .toggle-bar{align-items:center;background:#0b4da3;display:flex;flex-flow:column;height:50px;padding:13px;width:100%;z-index:2}.workflow .side-bar .toggle-bar .icon{color:#fff;cursor:pointer;font-size:24px;margin-bottom:26px}.workflow .side-bar .toggle-bar .icon:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:material-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.workflow .side-bar .toggle-bar .toggle-stencil:before{content:""}.workflow .side-bar .toggle-bar .toggle-editor:before{content:""}.workflow .side-bar .toggle-bar .disabled-icon{opacity:.35}.workflow .side-bar .disabled-toggle-bar{height:50px;left:0;position:absolute;top:0;width:50px}.workflow .side-bar .stencil-container{height:100%;position:relative}.workflow .inspector-container{background:#fcfcfc;border-left:1px solid #d4d4d4;box-sizing:border-box;height:100%;overflow:auto;padding:16px;right:0;top:0;width:210px}.workflow h1{color:#191919;font-size:16px;line-height:19px;margin:0 0 16px;opacity:1}.workflow h1,.workflow label{font-family:realist,sans-serif;letter-spacing:0;text-align:left}.workflow label{color:#3a3a3a;font-size:13px;line-height:16px}.workflow input{background:#fff;border:1px solid #d4d4d4;box-sizing:border-box;color:#191919;font-family:realist,sans-serif;height:35px;letter-spacing:0;margin-bottom:16px;margin-top:3px;opacity:1;outline:none;padding:8px;text-align:left;text-overflow:ellipsis;width:100%}.workflow input::-moz-placeholder{color:#6c6c6c}.workflow input::placeholder{color:#6c6c6c}.workflow .icon-input-logo{display:block;margin-left:8px;margin-top:12px;position:absolute}.workflow .icon-input-logo:after{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#191919;content:"";font-family:material-icons;font-size:18px;font-style:normal;font-variant:normal;font-weight:400;font-weight:700;line-height:1;text-transform:none}.workflow .icon-input{padding-left:31px}.workflow .disabled-container h1,.workflow .disabled-container input,.workflow .disabled-container label{opacity:.6}.workflow .ports{margin-top:10px}.workflow .ports .out-ports-bar{align-items:center;background:#f5f5f5;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;box-sizing:content-box;display:flex;height:47px;justify-content:space-between;margin:0 -16px;padding:0 16px;width:100%}.workflow .ports .out-ports-bar span{color:#3a3a3a;font-family:realist,sans-serif;font-size:14px;letter-spacing:0;line-height:17px;text-align:left}.workflow .ports .add-port{align-items:center;background:#0057ff;border:none;border-radius:50%;cursor:pointer;display:flex;height:23px;justify-content:center;margin-right:8px;outline:none;width:23px}.workflow .ports .add-port:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;content:"";font-family:material-icons;font-size:18px;font-style:normal;font-variant:normal;font-weight:400;font-weight:700;line-height:1;text-transform:none}.workflow .ports .add-port:hover{background:#0057ffbf}.workflow .ports .add-port[disabled]{background:#bebebe;cursor:not-allowed}.workflow .ports .add-ports{display:flex;justify-content:space-between;margin-top:5px;width:100%}.workflow .ports .port{margin-bottom:16px;margin-top:8px;position:relative}.workflow .ports .port input{border-radius:30px;margin:auto}.workflow .ports .port .remove-port{align-items:center;background:#727272;border:none;border-radius:50%;bottom:0;cursor:pointer;display:flex;height:23px;justify-content:center;margin:auto;outline:none;position:absolute;right:8px;top:0;width:23px}.workflow .ports .port .remove-port:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;content:"";font-family:material-icons;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;font-weight:800;line-height:1;text-transform:none}.workflow .ports .port:last-of-type{margin-bottom:0}.workflow-creator[data-v-6d178e83]{margin-bottom:30px;max-width:calc(100vw - 350px);position:relative}
