.workflowEditorCanvas[data-v-10e13c69]{background-color:#fff;max-width:100%;max-height:100%;width:100%;height:78vh;padding:50px 20px;overflow:scroll;border:1px solid #d3d3d3;border-style:dashed;position:relative;display:block;text-align:center}.componentParameterValueTextBox .dx-texteditor-label .dx-label{max-width:260px!important}.dx-overlay-wrapper .dx-overlay-content .dx-item .dx-item-content{padding:10px 20px}.dx-overlay-wrapper .dx-overlay-content .dx-item.dx-state-hover{background-color:inherit}.componentWrapper{display:inline-block;overflow:hidden;text-align:center;min-width:350px}.componentWrapper .componentTitleBar{width:100%;font-weight:700;position:relative;border-radius:5px;cursor:pointer;transition:all 1s;background:linear-gradient(45deg,hsla(0,0%,100%,.4),transparent)}.componentWrapper .componentTitleBar .componentToolbar{background-color:transparent}.componentWrapper .componentTitleBar .componentToolbar .componentTextWrapper,.componentWrapper .componentTitleBar .componentToolbar .componentTitleWrapper{max-width:180px;margin:0 auto;word-wrap:break-word}.componentWrapper .componentTitleBar .componentToolbar em.chevron{padding:0 15px;transition:transform .5s}.componentWrapper .componentTitleBar .componentToolbar em.chevron.notSelected{transform:rotate(0deg)}.componentWrapper .componentTitleBar .componentToolbar .dx-toolbar-items-container{height:auto;min-height:35px}.componentWrapper .componentTitleBar .componentToolbar p.dx-item-content{margin:auto}.componentWrapper .componentTitleBar .componentToolbar .dx-dropdownmenu-button{background-color:transparent;border:none}.componentWrapper .componentContent{background-color:#fff;border:1pt solid #aaa;border-top:0;padding:0;overflow:visible;transition:all .5s}.componentWrapper.selected .componentTitleBar{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:all 1s}.componentWrapper.selected .componentTitleBar .componentToolbar{min-height:35px}.componentWrapper.selected .componentTitleBar .componentToolbar em.chevron{transform:rotate(90deg);transition:transform .5s}.componentWrapper.selected .componentTitleBar .componentToolbar em.chevron.notSelected{transform:rotate(0deg)}.componentWrapper.selected .componentContent{padding:20px 20px 0 20px;transition:all .5s}.existingVariableTreeList .dx-toolbar-after{width:100%;padding:0}.existingVariableTreeList .dx-toolbar-after .dx-treelist-search-panel{width:100%;margin:0}.addComponentWrapper{margin-top:3px;margin-bottom:3px}.addComponentWrapper .arrowSpacer .arrowIcon{font-size:25px;margin:5px;line-height:26px}.addComponentWrapper .addComponentButton{line-height:36px}.addComponentWrapper .addComponentButton .addIcon{font-size:26px;color:#6ec071}.workflowComponentContainer{min-width:350px;display:inline-block}.workflowComponentContainer .containerRow{display:inline-flex}.workflowComponentContainer .containerRow .containerColumn{display:inline-table;margin:0 2px}.workflowComponentContainer:last-of-type:after{content:"";background-color:#000;width:40px;height:40px;border-radius:50%}.optionBarWrapper[data-v-3ab48666]{margin-bottom:20px;padding:0 13px}.optionBarWrapper .optionBarGroup[data-v-3ab48666]{background-color:transparent;padding:0 10px;border-right:2px solid #aaa}.optionBarWrapper .optionBarGroup[data-v-3ab48666] .dx-button{min-width:40px}.optionBarWrapper .optionBarGroup[data-v-3ab48666] .dx-button .dx-button-content{overflow:visible;padding:10px}.optionBarWrapper .optionBarGroup[data-v-3ab48666] .dx-button .dx-button-content .dx-icon{font-size:20px;width:auto;height:auto}.optionBarWrapper .optionBarGroup[data-v-3ab48666]:first-of-type{padding-left:0}.optionBarWrapper .optionBarGroup[data-v-3ab48666]:last-of-type{border-right:0}.workflowEditorEndCircle[data-v-3ab48666]{width:100%;text-align:center;position:relative}.workflowEditorEndCircle[data-v-3ab48666]:first-of-type{margin-top:50px}.workflowEditorEndCircle .endCircle[data-v-3ab48666]{font-size:50px}.loadingScreen[data-v-3ab48666]{padding-top:50px}.loadingScreen .centerText[data-v-3ab48666]{text-align:center}