body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Avenir Medium,Sans-serif}a{cursor:pointer}.App{text-align:center}.pulseLoader{animation:pulseanim 1.2s ease-in-out infinite;background-color:#535353;border-radius:4em;height:4em;margin:20% auto;outline:1px solid #0000;width:4em}.right-panel .search{background:#fff;margin-left:auto;margin-top:21px;width:400px}.right-panel .search input{padding:8px}.right-panel .breadcrumb sub{display:inline-block;margin-left:4px;margin-top:22px}.right-panel .breadcrumb a sub{color:#caddef;cursor:pointer;margin-right:5px}@keyframes pulseanim{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(1)}}.App-logo{height:40vmin;pointer-events:none}a:active,a:hover,a:link,a:visited{text-decoration:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#fff;border:0;box-shadow:0 2px 4px -1px #4f5b687d;color:#535353;display:flex;font-size:calc(10px + 2vmin);height:60px;justify-content:center;padding:0;position:relative;z-index:1}.App-header .home-icon{border-radius:5px;cursor:pointer;height:50px;left:5px;position:absolute;top:5px;width:50px}.App-header .home-icon:hover{background:#e8f1f9}.App-header .home-icon img{border-radius:5px;height:40px;margin-top:5px;width:40px}.right-panel .Error{margin-top:20%;text-align:center}.App-body{align-items:stretch;background-color:#fff;color:#535353;display:flex;font-size:calc(10px + 2vmin);min-height:calc(100% - 100px);overflow:auto;text-align:left}.App-body .ProcedureSection{background:#fff;border:1px;border-color:#caddef;border-radius:4px 4px 0 0;border-style:solid;height:-webkit-max-content;height:max-content;margin:20px;overflow:visible;padding:20px;width:calc(100% - 80px)}.App-Body h1{margin:20px 0}.App-Body h1,.App-body h2{font-size:14px;font-weight:800}.App-body h2{border:0 #535353;color:#7e8b9e;margin:20px}.App-body .ProcedureSection h2{margin:0}.App-body .ProcedureSection ul{margin:0;padding:0}.App-Body .ProcedureSection .success li:before{color:green;content:"\2713";display:inline-block;padding:0 6px 0 0}.App-body .ProcedureSection li{background:#fff;border-radius:15px;flex-wrap:wrap;list-style:none;padding:5px;text-align:left}.App-body .ProcedureSection .mentions__suggestions__list li{border-radius:0}.App-body .ProcedureSection li p{flex-basis:min-content;flex-grow:1;flex:1 0 100%;margin:0}.App-body .ProcedureSection li sub{color:#98a8b7;display:block;flex-basis:100%;font-size:12px}.App-body .ProcedureSection li sub .missing{color:#ed325a;display:inline-block;margin-right:10px}.App-body .ProcedureSection li sub .added{color:#4dd387;display:inline-block}.App-body .ProcedureSection li{display:flex;position:relative;width:100%}.App-body .ProcedureSection .tile .info-row button,.App-body .ProcedureSection li button{background:#fff;border:1px solid #b6c1d7;border-radius:4px;color:#000;float:right;font-family:avenir;font-weight:400;justify-content:center;margin:-20px 10px 0 0;min-width:30px;padding:5px;position:absolute;right:0;text-align:center;text-transform:none;top:50%}.App-body .ProcedureSection li .count{margin-left:-17px;margin-top:20px}.App-body button.finish{background:#4dd387}.App-body .ProcedureSection p{font-size:16px}.App-body .ProcedureSection .tile{margin:20px 20px 20px 0;position:relative}.App-body .tile a{display:inline-block}.App-body .ViewFlows .loader{background:#fff;border-radius:10px;margin-left:auto;margin-right:auto;margin-top:calc(50vh - 210px);min-height:130px;padding:40px;text-align:center;width:200px}.App-body .ViewFlows .loader img{display:block;margin-left:auto;margin-right:auto;width:100px}.App-body .ProcedureSection .pulseLoader{border-radius:2em;height:2em;margin:0 auto;width:2em}.App-link{color:#61dafb}.left-panel{background-color:#f8fbff;border-right:1px solid #caddef;color:#535353;display:block;float:left;height:100vh;min-width:300px;overflow:auto;width:300px}.left-panel .delete{position:absolute;right:15px;top:20px}.left-panel .delete svg{border-radius:30px;height:15px;padding:10px;width:15px}.left-panel .delete svg:hover{background:#e8f1f9}.left-panel li svg{height:15px;width:15px}.left-panel .search{background:#fff;margin:20px 0 20px 20px;width:calc(100% - 40px)}.left-panel .search .MuiInput-root,.left-panel .search input{width:100%}.right-panel{background:#f9fafc;display:block;float:left;height:100vh;overflow:auto;width:calc(100% - 200px)}.flowtype{height:30px;margin-right:5px;margin-top:5px;width:30px}.flowtype svg{height:100%;min-width:30px;width:100%}.flowtype.training{color:#4dd387}.flowtype.task{color:#e560b8}.flowtype.guide{color:#794bff}.row{display:flex;margin:0 20px}.right-panel .row:first-child{margin-top:10px}.header-row{margin:20px 0 10px}.row .column{display:flex;width:50%}.row .green{color:#4dd387}.row .green,.row .red{font-size:14px;text-align:right}.row .red{color:red}.row sub{display:block;margin-left:auto}.row .header-buttons{height:auto;margin:15px 0 0 auto}.row .header-buttons button{align-items:center;background:#0000;border:none;cursor:pointer;height:40px;margin:0;text-align:center;width:40px}.row .header-buttons button.selected{background:#fff;border:1px solid #b6c1d7;border-radius:4px}.row .header-buttons button:hover{background:#e8f1f9}.row .header-buttons button svg{height:1.2m;margin:0 auto;width:1.2em}.right-panel .MuiToggleButtonGroup-grouped{margin:0!important}.right-panel button{border:1px solid #b6c1d7;border-radius:5px;color:#000;cursor:pointer;display:inline-flex;height:35px;margin:5px;min-width:36px;padding:7px}.right-panel button.stop{background:#50596c;color:#fff;margin:5px 13px}.right-panel button svg{height:20px;margin-right:5px;width:20px}.right-panel button.icon-only svg{margin-right:0}.pill-select{margin-right:10px!important;margin-top:10px!important}.pill-select,.pill-select .MuiInputBase-root{background:#edf1f7;border-radius:50px;font-size:14px;width:150px!important}.pill-select .MuiSelect-select{padding:5px 15px;text-align:left}.pill-select .selected{background:#f1edfa}.pill-select .selected fieldset{border-color:#794bff!important;border-style:solid!important}.pill-select .MuiInputLabel-formControl{font-size:14px;top:-7px}.pill-select .MuiFormControl-root{width:140px}.pill-select fieldset{border-style:none!important;border-width:1px!important}.pill-select-menu ul li:hover{background:#edf1f7!important}.pill-select-menu ul .Mui-selected,.pill-select-menu ul li{background:none!important}.pill-select-menu{font-family:avenir!important}.tile .tile-buttons button{background:#fff;display:none}.tile:hover .tile-buttons button{display:inline-flex}.App-body .ProcedureSection li button:hover,.tile .tile-buttons button:hover{background:#e8f1f9}.App-body .ProcedureSection li button.selected{background:#4f5b68;color:#fff;margin-left:16px}.right-panel button.big-button{background:#794bff;box-shadow:none;color:#fff;float:right;margin-right:18px;padding:18px 30px}.right-panel button.big-button.disabled{background:#4f5b68}.right-panel .MuiTabs-flexContainer button{background:none;border:none}.right-panel .MuiCheckbox-root.center{margin:0 auto;width:auto}.right-panel .MuiTableRow-root .MuiChip-filled{margin:1px}.right-panel .MuiTableRow-root sub{display:block}.right-panel .MuiTableRow-root sub svg{margin-right:3px}.right-panel th{color:#7d889f;font-weight:700;text-transform:uppercase}.right-panel .MuiPaper-root{margin:20px auto 70px;width:calc(100% - 40px)}.right-panel .MuiTableBody-root .no-change{color:#b6c1d7;display:inline-block;margin-right:5px;padding:0 11px}.right-panel .MuiTableBody-root .missing{color:#e3273e;display:inline-block;font-size:20px;margin:0 5px}.right-panel .MuiTableBody-root .added{color:#168547;display:inline-block;font-size:20px;margin:0 5px}.right-panel .MuiTableBody-root .added .count,.right-panel .MuiTableBody-root .missing .count{border-radius:20px;color:#fff;display:inline-block;font-size:14px;height:20px;min-width:14px;padding:0 3px;text-align:center}.right-panel .MuiTableBody-root .added .count{background:#168547}.right-panel .MuiTableBody-root .missing .count{background:#e3273e}.left-panel ul{display:block;margin:0;max-height:calc(100% - 175px);overflow:auto;padding:0}.left-panel li{cursor:pointer;display:block;font-size:20px;list-style:none;padding:20px 50px 20px 20px;position:relative;text-decoration:none;width:calc(100% - 70px)}.right-panel .bottom-action-bar{align-items:center;background:#3d3f47;bottom:0;color:#fff;display:flex;font-size:15px;height:60px;position:absolute;right:0;width:calc(100% - 300px)}.right-panel .bottom-action-bar .info{margin-left:10px;vertical-align:middle}.right-panel .bottom-action-bar .info .line{background:#fff;display:inline-block;height:40px;margin:-10px 10px -14px 17px;width:1px}.right-panel .bottom-action-bar .info svg{stroke:#fff;fill:#000;background:#fff;border-radius:15px;color:#fff;height:12px;margin:-4px 5px;padding:4px;width:12px}.right-panel .bottom-action-bar a{cursor:pointer;display:inline}.right-panel .bottom-action-bar button{background:#794bff;border:none;color:#fff;margin-left:auto;margin-right:20px;padding:7px 15px}.left-panel li.selected{background:#f1edfa}.left-panel li.library{color:#145fc8}.left-panel li.connection{color:orange}.left-panel .panel-header{display:inline-block;font-family:Avenir,Sans-serif;font-size:18px;font-weight:500;line-height:22px;margin:10px;width:calc(100% - 130px)}.add-new{background:#4dd387;border-radius:4px;color:#fff;display:inline-block;font-size:16px;margin:25px 15px 0;padding:12px 20px;text-align:center;text-decoration:none;width:calc(100% - 70px)}.HomePage{background:#f9fafc;text-align:center}.tile{background:#fff;border:1px solid #caddef;cursor:pointer;display:inline-block;margin:20px;width:240px}.tile img{height:-webkit-max-content;height:max-content;width:100%}.tile .flowtype,.tile img.icon{display:flex;height:50px;width:50px}.tile .tile-buttons{position:absolute;text-align:right;top:0;width:100%}.tile .coverimage{align-items:center;background:#f9fafc;display:flex;height:140px;justify-content:center;overflow:hidden;width:100%}.tile .info{display:flex;flex-direction:column;font-family:Avenir;font-size:14px;font-style:normal;padding:10px}.tile .info .title{display:inline-block;font-family:Avenir Heavy;font-weight:400;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tile .count{margin:0 5px 0 0}.row-buttons{width:150px}.row-text-crop{text-wrap:nowrap;max-width:250px;min-width:50px;overflow:hidden;text-overflow:ellipsis}.count svg{color:#caddef;height:20px;margin-top:-1px;vertical-align:middle;width:20px}.count{color:#caddef;display:inline}.count div{display:inline;height:100%;margin-top:calc(50% - 7px)}.info .info-row{display:flex;height:25px;width:100%}.documentation{margin-top:50px}.documentation h1{font-size:24px;margin:10px 0}.documentation h2{font-size:18px}.documentation h2,.documentation h3{border:0 #535353;color:#7e8b9e;font-weight:800;margin:20px}.documentation h3{font-size:14px}.documentation code{background:#42b6e71a;border-radius:10px;display:block;font-size:16px;padding:10px;width:calc(100% - 20px)}.documentation ul li{font-size:16px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-form{height:350px;margin-left:auto;margin-right:auto;margin-top:calc(50% - 500px);text-align:center;width:350px}.login-form .button{display:block;margin:10px 8px;width:100%}.right-panel .applyAll{float:right;font-size:14px;margin-top:-10px}
/*# sourceMappingURL=main.c731f424.css.map*/