.process-elements[data-v-608e189c]{margin:0;padding:10px 0 0 0;font-size:16px;overflow:auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.process-elements li[data-v-608e189c]{display:block;width:100%;margin-bottom:20px;text-align:center}.process-elements li a[data-v-608e189c]{cursor:move;color:#78797e;display:inline-block;text-decoration:none}.process-elements li a img[data-v-608e189c]{height:30px;width:30px}.process-elements li a span[data-v-608e189c]{display:inline-block;line-height:30px}#api-define-detail{height:550px;overflow:auto;border-bottom:1px solid #eaeaea;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.ele-panel{overflow:hidden}.ele-panel .cmpt-container{height:100%;width:100%;overflow:auto;padding:5px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.ele-panel .cmpt-container .cmpt-category,.ele-panel .cmpt-container .cmpts-list{float:left;position:relative}.ele-panel .cmpt-container .service-search-box{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px}.ele-panel .cmpt-container .service-search-box .search-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ele-panel .cmpt-container .service-search-box .search-item label{width:80px;height:30px;line-height:30px}.ele-panel .cmpt-container .cmpt-category{padding:0;margin:0;list-style:none;width:24px;z-index:2}.ele-panel .cmpt-container .cmpt-category li{float:left}.ele-panel .cmpt-container .cmpt-category li.active a{border-color:#1fa681;background-color:#1fa681;color:#fff}.ele-panel .cmpt-container .cmpt-category li:last-child a{border-bottom:1px solid #dedede}.ele-panel .cmpt-container .cmpt-category li a{font-size:12px;display:block;width:100%;color:#78797e;text-align:center;text-decoration:none;padding:10px 6px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dedede;border-right:1px solid #dedede}.ele-panel .cmpt-container .cmpts-list.cmpt-service{margin:0;padding:0 10px}.ele-panel .cmpt-container .cmpts-list{z-index:1;width:100%;margin-left:-24px;padding-left:34px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.ele-panel .cmpt-container .cmpts-list .cmpt-item{margin-bottom:6px}.ele-panel .cmpt-container .cmpts-list .cmpt-item .not-exist-tips{text-align:center;color:#78797e;background-color:#dedede;border-radius:3px;margin:0;padding:6px 0}.ele-panel .cmpt-container .cmpts-list .cmpt-item:nth-child(2n) a{background-color:#dedede}.ele-panel .cmpt-container .cmpts-list .cmpt-item a{cursor:move;display:block;line-height:30px;height:30px;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ele-panel .cmpt-container .cmpts-list .cmpt-item a .cmpt-title{float:left;width:100%;text-decoration:none;color:#78797e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:-40px;padding-right:42px}.ele-panel .cmpt-container .cmpts-list .cmpt-item a .cmpt-version{float:left;background-color:#1fa681;color:#fff;width:40px;text-align:center;border-radius:3px;font-size:12px;height:18px;margin-top:6px;line-height:18px;cursor:pointer}#input-parameter[data-v-b7620ac4]{display:none;border-bottom:1px solid #eaeaea;padding:15px;height:100%;overflow:auto}.parameter-item[data-v-b7620ac4]{margin-top:10px}.del-btn-box[data-v-b7620ac4]{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.del-btn-box a[data-v-b7620ac4],.del-btn-box a[data-v-b7620ac4]:hover{color:#ff4647}.candidate-panel[data-v-b7620ac4]{max-height:280px;overflow-x:auto;background-color:#fff;position:absolute;width:230px;border:medium none;font-size:12px;z-index:1000;-webkit-box-shadow:0 0 3px rgba(86,96,117,.3);box-shadow:0 0 3px rgba(86,96,117,.3)}.candidate-panel li[data-v-b7620ac4]{margin:0;border-bottom:1px solid #f5f5f5}.candidate-panel li[data-v-b7620ac4]:last-child{border-bottom:none}.candidate-panel li a[data-v-b7620ac4]{display:block;padding:3px 20px;clear:both;white-space:nowrap;border-radius:3px;color:inherit;line-height:25px;margin:4px;text-align:left;font-weight:400}.candidate-panel li a[data-v-b7620ac4]:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.restful-tpl[data-v-2fa0bb1a]{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.sw-disabled[data-v-2fa0bb1a]{float:right;margin-top:10px;text-indent:1px}.db-route-tpl{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.sw-disabled{float:right;margin-top:10px;text-indent:1px}.dubbo-tpl[data-v-5daf1cb1]{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.sw-disabled[data-v-5daf1cb1]{float:right;margin-top:10px;text-indent:1px}.message-queue-route-tpl[data-v-27110418]{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.sw-disabled[data-v-27110418]{float:right;margin-top:10px;text-indent:1px}#cmpt-config-tpl{height:100%;overflow:auto;border-bottom:1px solid #eaeaea}.code-area{background-color:#f5f5f5;padding:10px;border:1px solid #eaeaea}.i-1{text-indent:1em}.i-2{text-indent:2em}.i-3{text-indent:3em}ul.attribute-fields{font-size:14px;color:#666;margin:0;padding:0;list-style:none;height:100%;overflow:auto}ul.attribute-fields .field-not-tips{text-align:center;color:#78797e;padding:6px 0;margin:10px}ul.attribute-fields li.cp,ul.attribute-fields li.sp{padding:5px 0}ul.attribute-fields li.cp .field,ul.attribute-fields li.sp .field{padding:0 10px;overflow:hidden;position:relative}ul.attribute-fields li.cp .field .text-desc,ul.attribute-fields li.sp .field .text-desc{color:#9f9f9f}ul.attribute-fields li.cp .field .key,ul.attribute-fields li.cp .field .value,ul.attribute-fields li.sp .field .key,ul.attribute-fields li.sp .field .value{position:relative;height:30px;line-height:30px;float:left}ul.attribute-fields li.cp .field .key,ul.attribute-fields li.sp .field .key{z-index:2;height:24px;line-height:24px;width:65px;margin-top:3px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}ul.attribute-fields li.cp .field.lg-text .key,ul.attribute-fields li.sp .field.lg-text .key{margin-top:0}ul.attribute-fields li.cp .field .value,ul.attribute-fields li.sp .field .value{z-index:1;color:#9f9f9f;width:100%;padding-left:65px;margin-left:-65px;-webkit-box-sizing:border-box;box-sizing:border-box}ul.attribute-fields li.cp .field .value input,ul.attribute-fields li.cp .field .value select,ul.attribute-fields li.cp .field .value textarea,ul.attribute-fields li.sp .field .value input,ul.attribute-fields li.sp .field .value select,ul.attribute-fields li.sp .field .value textarea{width:100%;vertical-align:middle;display:inline-block;line-height:24px;height:24px;padding:0 6px;background:#fff;color:#666;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transition-property:color,background-color,border;transition-property:color,background-color,border}ul.attribute-fields li.cp .field .value input:focus,ul.attribute-fields li.cp .field .value select:focus,ul.attribute-fields li.cp .field .value textarea:focus,ul.attribute-fields li.sp .field .value input:focus,ul.attribute-fields li.sp .field .value select:focus,ul.attribute-fields li.sp .field .value textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1fa681}ul.attribute-fields li.cp .field.lg-text .value,ul.attribute-fields li.sp .field.lg-text .value{height:unset;line-height:unset;padding-left:0;margin-left:0}ul.attribute-fields li.cp .field.lg-text .value textarea,ul.attribute-fields li.sp .field.lg-text .value textarea{line-height:unset;height:260px;overflow:auto;resize:none;margin-top:5px}ul.attribute-fields li.cp .field-title{position:relative;text-indent:1.5em;font-weight:700;height:35px;line-height:35px;margin-bottom:5px}ul.attribute-fields li.cp .field-title:before{content:"";display:block;position:absolute;left:10px;top:7px;height:21px;width:3px;background-color:#1fa681}ul.attribute-fields li.cp .field{margin-top:8px}ul.attribute-fields li.cp .field .tips-text{width:100%;float:left;color:#9f9f9f;font-size:12px;margin-top:5px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}ul.attribute-fields li.cp .field-extra{margin-top:10px;padding:0 10px;text-align:right}ul.attribute-fields li.cp .field-extra button{font-size:12px;border:none;color:#666;background-color:#e0e0e0;padding:5px 10px;border-radius:3px;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}ul.attribute-fields li.cp .field-extra button:hover{background-color:#1fa681;color:#fff}.pd-scroll{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.pd-scroll::-webkit-scrollbar{width:6px;height:9px}.pd-scroll::-webkit-scrollbar-button:end:increment,.pd-scroll::-webkit-scrollbar-button:start:decrement{background:0 0;display:none}.pd-scroll::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.04)}.pd-scroll::-webkit-scrollbar-track-piece:vertical:start{border-radius:3px 3px 0 0}.pd-scroll::-webkit-scrollbar-track-piece:vertical:end{border-radius:0 0 3px 3px}.pd-scroll::-webkit-scrollbar-track-piece:horizontal:start{border-radius:5px 0 0 5px}.pd-scroll::-webkit-scrollbar-track-piece:horizontal:end{border-radius:0 5px 5px 0}.pd-scroll::-webkit-scrollbar-thumb,.pd-scroll::-webkit-scrollbar-thumb:horizontal,.pd-scroll::-webkit-scrollbar-thumb:vertical{background-color:#dbd6cd}.pd-scroll::-webkit-scrollbar-thumb:vertical{border-radius:3px;height:50px}.pd-scroll::-webkit-scrollbar-thumb:horizontal{border-radius:5px;width:50px}.pd-scroll::-webkit-scrollbar-thumb:hover{background-color:#ccc7bf}.global-box-shadow{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.1)}.border-radius{border-radius:5px}.box-sizing-border{-webkit-box-sizing:border-box;box-sizing:border-box}.width-height-100p{width:100%;height:100%}.process-design-container{background-color:#e0e0e0;position:relative;width:100%;height:100%;overflow:hidden}.process-design-container .ele-box{width:100%;height:100%;border-radius:5px;overflow:hidden;background-color:#fafafa;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.1)}.process-design-container .ele-box .ele-header{height:35px;background:#1fa681;color:#fff;line-height:35px;text-indent:1em}.process-design-container .ele-box .ele-header ul.ele-tab li{text-indent:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:35px}.process-design-container .ele-box .ele-header ul.ele-tab li.active a{color:#333;background-color:#fafafa;border-top-left-radius:3px;border-top-right-radius:3px}.process-design-container .ele-box .ele-header ul.ele-tab li a{color:#fff;margin-top:5px;padding:0 10px;line-height:30px;display:inline-block;height:30px}.process-design-container .ele-box .ele-panel{height:100%;margin-top:-35px;padding-top:35px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.process-design-container .left-column{position:absolute;width:280px;left:0;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.process-design-container .left-column .canvas-element,.process-design-container .left-column .cmpt-items{padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.process-design-container .left-column .canvas-element{height:38%;padding-bottom:0}.process-design-container .left-column .cmpt-items{height:62%}.process-design-container .attribute-panel{width:280px;right:0;padding:10px;background-color:#e0e0e0}.process-design-container .attribute-panel,.process-design-container .design-console{position:absolute;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.process-design-container .design-console{left:280px;right:280px}.process-design-container .design-console .separate-columns{position:relative;width:100%;height:100%}.process-design-container .design-console .separate-columns .process-operation{position:absolute;width:100%;top:0;z-index:1;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0}.process-design-container .design-console .separate-columns .process-operation>ul{list-style:none;margin:0;padding:0}.process-design-container .design-console .separate-columns .process-operation>ul>li{display:block;float:left;padding:0 10px 0 30px;background-size:16px 16px;background-repeat:no-repeat;background-position:10px 6px;cursor:pointer;border-radius:5px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.process-design-container .design-console .separate-columns .process-operation>ul>li.disabled{opacity:.4;cursor:default}.process-design-container .design-console .separate-columns .process-operation>ul>li.disabled:hover{background-color:unset}.process-design-container .design-console .separate-columns .process-operation>ul>li.disabled:hover>a{cursor:default}.process-design-container .design-console .separate-columns .process-operation>ul>li:hover{background-color:silver}.process-design-container .design-console .separate-columns .process-operation>ul>li.save{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABTElEQVRIie3WvUoDQRSG4UdJp6CFNmLhTyFICgtREFIICiKWgnfgDaQ1acTL8AoEC8UgeAtaiBYKIhaibUBsEwsnMIaYjatZQfPBsN+cPXvendmZ3e0rFot13dcGTuJAfwZQKDUHcpGv4jzqz2M4oeAjboIfwVzwd3jALMawiDWcNi6MR3yN1ahdJ0DhOMrfieL7IbYdxT6MuttTXcFF8EtYyQpcx27UL2cFhiNcBl/Aclbg5lGXsgLDIa6CX0YhK3Ade1G/nPsss0NtYiH4oYTcgwCfxsp3waOhdaIangNYO/AT7lPeUDUpoR14KyW0I2W1uHrgT59xBTM/xLjFeqfgcUz9EPi1VTBpH9e8f9DTaEKbR5kEfhE2fApVtXmb/b9V3QP/fXC8nfI4C34yHAei2Fc1ENVq1Mi3Ag+L/nuj882xr2qwVY1fm+o3NTMv2HWwj+0AAAAASUVORK5CYII=)}.process-design-container .design-console .separate-columns .process-operation>ul>li.refresh{background-image:url(../../assets/img/canvas-refresh.f5cc5d64.png)}.process-design-container .design-console .separate-columns .process-operation>ul>li.zoomin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADm0lEQVRYhcXXW4hXVRTH8c+Mw2QXyDFlus04RJfRyoIuRkyXKXvooTAwuocE9tIFcop6yJcIsZeKiqBSIkgLi8iMIEaU6KGysCSIjB6mSLpooWIjTk7Twz5n3P89Z5//TA32gz+ctfbe6/89+7L2Oi0DAwMmoV7chD7Mx1wch734CduxGRtxYDIBU7U1aV+Mx3FVpn128VuIZfgTa7EaP08FpDXjPwkbMFgDUaXj8SC+wfKpgFTNyAJ8gHkVbcP4FEMYQyfOKMbEmoWXcTnuxV9TBTkfWzAn8W/GC8IMDVfE6cGtGEjGLiuglmK0DiRemtl4Pwm0GzfiOmEjVkEQZmg1zsIrSdsSPFUHkYK8hO7I/h6XYFOzIJH2Cktxn7B0pVYIL9MU5Fph+krtw/X4ITNuER7AiZn2F7EysluEpc2e0hJkZeK/W5iRKnXhIzyHNbnAWIUPI/tsYR9lQXo1HtFBvFfzB/NwTPF8Tk2/MTyCvyNf9ki3Cpsp1jM1waeqrzXusT4TT+Q4yBWRvV84qtOpt5P/66vq1IZzI/sLE5NPJ06P7Hg5jsVFkT0qZNWRyPdJEm8+3q0CmRvZQ0n7ZdiKmenAQmcK8LE+K8blYnZWBWoV3qrUoaR9UQ1ETpcKN3OpNKO2Vw1qE3LGrMLuSNrXCTdwfJfMxKnF84hQBojstRoz8AlJzMrs3IYfI5D0OO7BDYmvDx8XzzuFEqBOvYk9VNWpFTsie6HM8foPWpzYX+VABiN7Bm6fRohW3BXZ+/B5ruNGHIx8D2vcbKniTHm4CcidGvfXOyYeiHGQ/Xg18nXhiZrgXwrTO4bXa/p14MnIHsPzuc7lpbdKY9G7AndkxhzExUL+eTrTp13IqF2Rb4PwErUgu/BY5G/Ba0JtUaVR/J5pmyPsu2si3x48lIOIQQg1xLrIniEUS2+prl9TteA24dPiyqRt2JEbuynIGO4RysVYS/Ed3sTNGqe7AxcKteoOrE/aS3ULV0VPDiStmEaED6lnhXKvVDtuKX4l9CH16f834YSdXNg9BUy/iqRW9V1zGPcLRXOuVGypgRjDGzgPV2v80CpheiYDUmqTUN4tx7aafqUOCGngAiEp7haugP7JwDT75BwR6tI1OE0oohY4cpX/gV8L0G2qE1wJsxWnJDDjy9QMJNYuYcP+G+0UjvOWHEzd0ky3vi1gKpfpaILEML8kMOuPNkgJ05/AdP8fIDHMdmHDP/oPfhu7t6zrhV4AAAAASUVORK5CYII=)}.process-design-container .design-console .separate-columns .process-operation>ul>li.zoomout{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADT0lEQVRYhcXXS6jVVRTH8c89nkKa2AtMbxA9HJWF1uBET4mITGvgvdYRnCROo7iDHgOhoIdQEJEURWIk1KDCkizoCUVqUtGoTCGsyOjSUzLN22Ow9r+zz/H8//9zH9x+cLl7rf/e+3z3a+21h8bGxtSogWVYjhbOxan4Gz9iL97Hq/i4rrMyNWu+rcOdOLukzsL0twwbsAt3473JgjRK/BeK0T1ZAdFPLbyL17BgMiD9ZmQEz2Fu5juC7diBfTiIfzAfl+BGXKMzsOX4FCuxZyog7QQxJ9kT2IQH8EOf9l+J5Xgci1K9kfRtPt7EddhdB5IvzUXYnEF8jytxewlEr/ZhNA3mj+Sbhxdx+qAgQwmiWI5xXIGdAwD06gWxJMeSfSYeHhSkjaWpPIGbsX8KEIXexh2ZvRaL60AauC/zPSZ2/nS1Keun9zf6glwtghSxthtnAKLQhqy8AmdUgazI7O0G25iD6gN8kcpNcYJKQVqZvWMGIQq9kZVbZZWaOC+zP+tTZy2uV30dwGFsxVs9/rzPRVUgJ2f2Tz3fF+NZcbwH0QhOw9HMN56V55U1bOCvio5/04kHg+hQn/7yQRxVoqa4yoeTPYyvs+8HcDmu0om4ZfoT20QcyjWclUsPQhNfZpWXOD6a7jHgxVWipVn5m7JKDXHECq2cxg+W9Z+Hh11VFbdl9rUqdvYUdJNInIhgWRoeGvgEHyV7Du6fIYgTdIf1rfi1CoRI7wqNiktvuroXF6TyBB6pqlyAvKN72jaLkzJVrcNdmf2gSLJrQWC9zvE6SYTmWycJ0BRL+7RO/PgZD9U1zEG+E7nnoWTPxTPiONfNTgOr8Tnu0R3ETsEWNVdE78fd4mnwik5saYnnwYHk34tvxbtmIS7GDboDF7Exi5A+muDajg94fUGIZ8QSkSDdkvnPwm1Vo0qaEHtio5iJIpku/veFKXvXjKcGl4kcpeo+KnQET+F8kRD9jjUieS40gufF0e5S3dX+odg3C0RScynOEetO58m5E6/jl572xxLMEFZlMJL/vwu1DqTQQTHNWwas3wvTFjNRClO2NDOtAualzNe1TLMFUsCs6YFZlWBOnE0QImfpB/PEbIPkMC9nvtX/B0gB0xb58GE8+i/uVa1REeQrbgAAAABJRU5ErkJggg==)}.process-design-container .design-console .separate-columns .process-operation>ul>li.delete{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAM1BMVEVHcExycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJJoKWjAAAAEHRSTlMA9poijbLskVpABdN1TC8R2tsWgwAAAHFJREFUeF7t0bsOgCAMheECtMqd939aF0mIKbAQdei/cr4wFD7I6NqlDSwqlnpAtgCfvcO2bwLbywPUZf8H57INF3OTDAN0naQZcMzAsR0IECBAgADLgKjGexUZkHEMMANTCoM/VEjA5R0Styd0Ht7rAtnlSirkW8pjAAAAAElFTkSuQmCC)}.process-design-container .design-console .separate-columns .process-operation>ul>li.breakpoint{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAXVBMVEVHcExzc3NycnJycnJzc3NycnJzc3NycnJycnJycnJzc3NycnJycnJzc3Nzc3Nzc3NycnJzc3NycnJzc3Nzc3Nzc3NycnJycnJycnJzc3NycnJzc3Nzc3Nzc3NycnJvCjudAAAAHXRSTlMARrrwBVz8I/f1yt7p18OnTT0XZyugsgo1b492dOfJrpAAAAEmSURBVHhe1ZTdboQgEEYVFVxERcW/tuz7P2ZnYpohFVdmb5qeGyfOfDmKYPbfKPW+sgKT9+aLI2i89zNP4KViCnqGoOIK2ncEjhHgCwCuYLluW2EeAXVdowAuhbBR//M3HjnKPRIw0cBPXZ0DeFuF4Bt0WPTQqfNoIAuwKNiwWgW0iu0uoGFeHOWoode4ywAJhuxgbKDZji8DJEAcLkm3vgjkgQAZCmgv5XWgwyUK21ZCf44FSJCfP+xHLECC9MBAgrRHEjCvsbh/aRJYKFKXlQRpH24jQbg11OXWWALBzeZTiEXBpIiL7W3OB42Q1YsjSvPElEWwiykACfPyQdBPII5DQZWl08N8y5h38h1BmT6vuIIZ5huuYOIL0vk0KOCw7hoEf843VFYyYlx7yMUAAAAASUVORK5CYII=)}.process-design-container .design-console .separate-columns .process-operation>ul>li.debug{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAS1BMVEVHcExycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnK6oQI7AAAAGHRSTlMAH/Myidqx0QqnE8v6aFiRTUIFJYC+3Zpmfj6GAAAAp0lEQVR4Xu3U2w6DMAgGYFpl0npcdRvv/6SryRIudJOGqyX94u2fQqXApaoKDZTxOMGJtsvgDDO2Dg5unH0J8BCWY6U/AhmOruSE3ashbQ8fz4lAQQLs5wgiUboKsH8supJEt0VV02IId921in50uhPEvJKqB9HvZVH+Ukkgo7W0JFQ2bbhW04+zj4YMnzCMt+kByRO1LwHDmlEtMsSSVUkpNg7+XfUG0h8f6lom4tAAAAAASUVORK5CYII=)}.process-design-container .design-console .separate-columns .process-operation>ul>li.step{background-image:url(../../assets/img/canvas-step.9baa20b5.png)}.process-design-container .design-console .separate-columns .process-operation>ul>li.run{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAUVBMVEVHcExycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJoGMAjAAAAGnRSTlMAOnrtFAQg/rTcZPQJQ4tU0KDhNG+Uwan3y1FxYpoAAACJSURBVHhe7dRHDsMwEARBM4hBVnbu/z/Ub+ibYWjuBYJc7lz+IGde8+DAtcesSCW1dVIA+nIbFIDnPTtA3WcHoMfiALQ1O0B6BAeo21gUgNTCpAAcS3GA9zY6AMceHKB+4k0Bahr1CfIO8pXsHOyk5V+Sv9Xug9w4udO2NWwvyebz3erb+/dz5gvZDCQWtZcY8wAAAABJRU5ErkJggg==)}.process-design-container .design-console .separate-columns .process-operation>ul>li.stop{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAQMAAABtzGvEAAAABlBMVEVHcExycnJrXTMLAAAAAXRSTlMAQObYZgAAABNJREFUeF5joBKw////z9CmqAMAHSNaPUv+YmkAAAAASUVORK5CYII=)}.process-design-container .design-console .separate-columns .process-operation>ul>li.resume{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAATlBMVEVHcExycnJxcXFycnJ+fn5+fn5+fn5+fn56enp+fn5ycnJycnJycnJycnJycnJycnJycnJxcXFycnJycnJxcXFycnJycnJycnJxcXF+fn4zKcL+AAAAF3RSTlMA+Sjl4Uji9R2YUcM7l/AO1gauf2iAZ39Aj9AAAADYSURBVHhe7ZTRDoIwDEVBgXaqKKi0/P+Pat1oFkRcY3xyN7AXOGt71674M2X1aAS4vdoAItpvbABTeesMANND54MlJRLoeDKkxKLtLh0Ib4+pNTA/V0pymLzYr7HD6CqoHC7XMBGRwzWMIqhngK9A46jDCKMX4EsEJVhCBYfdOMktn0MscbhRoJoBrNvLogAoAHNACXlCSmsRwr4aRopeqyFySFReuuKDS1EJOhpr5xC2ZkHaIf6CroHG4bvWSG4+nv5PbW+2DhCTcURZvfzZNdMOX12VWVl32Ssj4y/lV7EAAAAASUVORK5CYII=)}.process-design-container .design-console .separate-columns .process-operation>ul>li.fullscreen{float:right;background-image:url(../../assets/img/canvas-fullscreen.32dc0123.png)}.process-design-container .design-console .separate-columns .process-operation>ul>li>a{display:inline-block;height:30px;width:auto;line-height:30px;color:#555;text-decoration:none;-webkit-transition:none!important;transition:none!important}.process-design-container .design-console .separate-columns .process-display{position:absolute;top:50px;bottom:200px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.process-design-container .design-console .separate-columns .process-display .canvas-content{position:relative;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.process-design-container .design-console .separate-columns .process-display .canvas-content .cell-selector{position:absolute;border:1px solid #c3ccd3;background-color:rgba(195,204,211,.1)}.process-design-container .design-console .separate-columns .process-display .canvas-content .svg-main{position:relative;background-color:#fff;width:100%;height:100%;border-radius:5px;overflow:auto}.process-design-container .design-console .separate-columns .process-display .canvas-content .svg-main svg{width:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQoU2NctWrV/7CwMEYGAoCgApj+UYV4Q5Lo4AEAZLcECxn+IvwAAAAASUVORK5CYII=)}.process-design-container .design-console .separate-columns .process-display .canvas-content .svg-main svg *{cursor:move}.process-design-container .design-console .separate-columns .process-display .canvas-content .svg-main svg .link-path{cursor:default}.process-design-container .design-console .separate-columns .message-output{position:absolute;width:100%;height:200px;background-color:#e0e0e0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0;z-index:0}.process-design-container .design-console .separate-columns .message-output .message-tab{position:relative;background:#fafafa;border-radius:5px;overflow:hidden;width:100%;height:100%;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.1)}.process-design-container .design-console .separate-columns .message-output .message-tab>ul{margin:0;padding:0;list-style:none}.process-design-container .design-console .separate-columns .message-output .message-tab .zoom-drag{font-size:12px;position:absolute;height:18px;line-height:18px;cursor:row-resize;width:100%;top:0;background-color:#f1f3f4;border-bottom:1px solid #dedede;text-align:center;z-index:1}.process-design-container .design-console .separate-columns .message-output .message-tab .tabs{position:absolute;font-size:12px;display:block;height:30px;width:100%;top:18px;border-bottom:1px solid #dedede;z-index:1}.process-design-container .design-console .separate-columns .message-output .message-tab .tabs li.item{float:left}.process-design-container .design-console .separate-columns .message-output .message-tab .tabs li.item.active a{color:#1fa681;border-bottom:1px solid #fafafa}.process-design-container .design-console .separate-columns .message-output .message-tab .tabs li.item a{display:block;color:#78797e;text-decoration:none;padding:0 10px;height:30px;line-height:30px;border-right:1px solid #dedede}.process-design-container .design-console .separate-columns .message-output .message-tab .tabs li.display-type{float:right}.process-design-container .design-console .separate-columns .message-output .message-tab .tabs li.display-type a{display:block;color:#78797e;text-decoration:none;padding:0 10px;height:20px;line-height:16px;border:1px solid #dedede;float:left;margin-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:5px;border-radius:3px}.process-design-container .design-console .separate-columns .message-output .message-tab .tabs li.display-type a.active{border-color:#1fa681;color:#fff;background:#1fa681}.process-design-container .design-console .separate-columns .message-output .message-tab .panels{display:block;position:absolute;top:0;height:100%;width:100%;padding:58px 10px 10px 10px;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box}.process-design-container .design-console .separate-columns .message-output .message-tab .panels>li{display:none;height:100%;overflow:auto;background:#e0e0e0;font-size:12px;color:#555;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px}.process-design-container .design-console .separate-columns .message-output .message-tab .panels>li>.console-log{line-height:1.6em}.process-design-container .design-console .separate-columns .message-output .message-tab .panels>li>.console-log .json-document{padding:.5em 1em}.process-design-container .design-console .separate-columns .message-output .message-tab .panels>li.active{display:block}