.bi-flow-design{background-color:#f5f5f7;width:100%;height:100%;overflow:auto}.bi-flow-design__canvas{padding:36px 0}.bi-flow-design-plus__handle{width:32px;height:32px;background-color:#5696f5;border-radius:50%;position:relative;cursor:pointer;z-index:3}.bi-flow-design-plus__handle:after,.bi-flow-design-plus__handle:before{content:"";position:absolute;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.bi-flow-design-plus__handle:after{width:2px;height:15px}.bi-flow-design-plus__handle:before{width:15px;height:2px}.bi-flow-design-plus__menu{max-width:360px;padding:6px}.bi-flow-design-plus__menu:after{content:"";display:block;clear:both}.bi-flow-design-plus__item{margin:6px;min-width:142px}.bi-flow-design-block{display:flex;flex-direction:column;position:relative}.bi-flow-design-block.is-full{flex:1}.bi-flow-design-block.is-show-append-arrow>.bi-flow-design-block__space.is-last:after,.bi-flow-design-block.is-show-prepend-arrow>.bi-flow-design-block__space.is-first:after{opacity:1}.bi-flow-design-block__space{margin:0 auto;padding:24px 0 28px;position:relative}.bi-flow-design-block__space:before{top:0;width:2px;background-color:#cacaca}.bi-flow-design-block__space:after,.bi-flow-design-block__space:before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.bi-flow-design-block__space:after{width:0;height:0;border:6px solid #cacaca;border-left-color:transparent;border-right-color:transparent;border-bottom:0;opacity:0}.bi-flow-design-block__space:last-child{flex:1}.bi-flow-design-block__main{display:inline-block;margin-left:auto;margin-right:auto}.bi-flow-design-node-box{box-shadow:0 0 6px rgba(0,0,0,.15);border-radius:4px;width:260px;background-color:#fff;position:relative;margin-left:auto;margin-right:auto;cursor:pointer}.bi-flow-design-node-box.is-selected:after,.bi-flow-design-node-box:hover:after{opacity:1}.bi-flow-design-node-box:after{content:"";transition:all .25s;opacity:0;left:0;top:0;right:0;bottom:0;position:absolute;pointer-events:none;border:1px solid currentColor;border-radius:4px}.bi-flow-design-node-box.is-arrow .bi-flow-design-node-box__body{padding-right:24px;position:relative}.bi-flow-design-node-box.is-arrow .bi-flow-design-node-box__body:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #aaa;top:50%;right:12px;transform:translateY(-50%) rotate(45deg);border-left:0;border-bottom:0}.bi-flow-design-node-box__head{height:24px;line-height:24px;padding:6px 12px;background-color:#f3f3f3;border-radius:4px 4px 0 0;display:flex;flex-direction:row;justify-content:space-between}.bi-flow-design-node-box__title{font-weight:400;display:flex;flex-direction:row;align-items:center;flex:1;min-width:0}.bi-flow-design-node-box__title-icon{display:inline-block;width:18px;height:18px;margin-right:4px}.bi-flow-design-node-box__title-icon svg{width:100%;height:100%}.bi-flow-design-node-box__tools{margin-right:-6px}.bi-flow-design-node-box__body{color:#202020;padding:12px}.bi-flow-design-plus-button{height:32px;line-height:32px;padding:12px;background-color:#fafbfb;border-radius:6px;width:calc(50% - 38px);float:left;border:1px solid transparent;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:all .25s}.bi-flow-design-plus-button:hover{border-color:#ddd}.bi-flow-design-plus-button__icon{width:32px;height:32px;border:1px solid #eee;border-radius:50%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:9px;color:#fff}.bi-flow-design-plus-button__icon svg{width:16px;height:16px}.bi-approve-flow-design-node-initiate{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.bi-approve-flow-design-node-initiate__icon{width:14px;height:14px;background-color:#ddd;display:block;border-radius:50%}.bi-approve-flow-design-node-initiate__text{color:#999;height:32px;line-height:32px}.bi-approve-flow-design-node-audit__placeholder{color:#999}.bi-approve-flow-design-node-audit-proxy{height:100%}.approve-flow-design-node-audit-form__sort-item{display:flex;flex-direction:row;align-items:center}.approve-flow-design-node-audit-form__sort-item:not(:last-child){margin-bottom:12px}.approve-flow-design-node-audit-form__sort-item .ui-spinner{width:120px;margin:0 6px}.bi-approve-condition-editor-item{display:flex;flex-direction:row;align-items:center}.bi-approve-condition-editor-item__type{width:140px;margin-right:12px}.bi-approve-condition-editor-item__target{flex:1}.bi-approve-condition-editor-group{border:1px solid #eee;border-radius:4px}.bi-approve-condition-editor-group__head{background-color:#eee;border-bottom:1px solid #eee;height:32px;line-height:32px;padding:0 12px;border-radius:4px 4px 0 0;justify-content:space-between}.bi-approve-condition-editor-group__head,.bi-approve-condition-editor-group__toolbar{display:flex;flex-direction:row;align-items:center}.bi-approve-condition-editor-group__title{font-weight:400}.bi-approve-condition-editor-group__body{padding:12px}.bi-approve-condition-editor-group__item+.bi-approve-condition-editor-group__plus{margin-top:12px}.bi-approve-condition-editor-group__item-logic{color:#999}.bi-approve-condition-editor-group__item-main{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.bi-approve-condition-editor-group__item-content{flex:1}.bi-approve-condition-editor-group__item-toolbar{line-height:1;margin-left:12px}.bi-approve-condition-editor__plus{margin-top:12px}.bi-approve-condition-editor__group-logic{color:#999}.bi-approve-condition-editor-decide-user-edit{display:flex;flex-direction:row;align-items:center;flex:1}.bi-approve-condition-editor-decide-user-edit__item:first-child{width:140px;margin-right:12px}.bi-approve-condition-editor-decide-user-edit__item:not(:first-child){flex:1}.bi-approve-condition-editor-decide-user-view{color:#999}.bi-approve-condition-editor-decide-user-view__user{color:#202020}.bi-approve-condition-editor-decide-date{display:flex;flex-direction:row;align-items:center;flex:1}.bi-approve-condition-editor-decide-date__item:first-child{width:140px;margin-right:12px}.bi-approve-condition-editor-decide-date__item:not(:first-child){flex:1}.bi-approve-condition-editor-decide_string{display:flex;flex-direction:row;align-items:center;flex:1}.bi-approve-condition-editor-decide_string__item:first-child{width:140px;margin-right:12px}.bi-approve-condition-editor-decide_string__item:not(:first-child){flex:1}.bi-approve-condition-editor-decide-number{display:flex;flex-direction:row;align-items:center;flex:1}.bi-approve-condition-editor-decide-number__item:first-child{width:140px;margin-right:12px}.bi-approve-condition-editor-decide-number__item:not(:first-child){flex:1}.bi-approve-flow-design-node-condition__main{display:flex;flex-direction:column;align-items:flex-start}.bi-approve-flow-design-node-condition__handle{height:32px;line-height:32px;box-shadow:0 0 6px rgba(0,0,0,.1);border-radius:16px;color:#5696f5;cursor:pointer;background-color:#fff;display:inline-block;padding:0 6px 0 16px;position:relative;z-index:3;margin-left:auto;margin-right:auto}.bi-approve-flow-design-node-condition__handle:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;pointer-events:none;transition:all .25s;border:1px solid transparent;border-radius:16px}.bi-approve-flow-design-node-condition__handle:hover:after{border-color:#5696f5}.bi-approve-flow-design-node-condition__tools{line-height:1em;margin-left:3px}.bi-approve-flow-design-node-condition__handle-inner{display:flex;flex-direction:row;align-items:center}.bi-approve-flow-design-node-condition__branch{display:flex;padding:0 24px 0;margin:-16px auto 0;position:relative}.bi-approve-flow-design-node-condition__branch-item{padding:0 24px;position:relative;display:flex;flex-direction:column}.bi-approve-flow-design-node-condition__branch-item:first-child>.bi-approve-flow-design-node-condition__branch-item-bb:before,.bi-approve-flow-design-node-condition__branch-item:first-child>.bi-approve-flow-design-node-condition__branch-item-bt:before,.bi-approve-flow-design-node-condition__branch-item:last-child>.bi-approve-flow-design-node-condition__branch-item-bb:after,.bi-approve-flow-design-node-condition__branch-item:last-child>.bi-approve-flow-design-node-condition__branch-item-bt:after{display:none}.bi-approve-flow-design-node-condition__branch-item-bb,.bi-approve-flow-design-node-condition__branch-item-bt{position:relative}.bi-approve-flow-design-node-condition__branch-item-bb:before,.bi-approve-flow-design-node-condition__branch-item-bt:before{content:"";position:absolute;top:0;right:50%;left:-24px;height:2px;background-color:#cacaca}.bi-approve-flow-design-node-condition__branch-item-bb:after,.bi-approve-flow-design-node-condition__branch-item-bt:after{content:"";position:absolute;top:0;left:50%;right:-24px;height:2px;background-color:#cacaca}.bi-approve-flow-design-node-condition__branch-item-bm{flex:1;display:flex;flex-direction:column}.bi-approveflow-design-node-condtion__branch-main{display:flex;flex-direction:column;align-items:center;justify-content:center}.bi-approveflow-design-node-condtion__branch-condition{box-shadow:0 0 6px rgba(0,0,0,.1);border-radius:4px;width:260px;background-color:#fff;padding:12px;box-sizing:border-box;position:relative}.bi-approveflow-design-node-condtion__branch-condition:not(.is-readonly){cursor:pointer}.bi-approveflow-design-node-condtion__branch-condition:not(.is-readonly):after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;pointer-events:none;transition:all .25s;border:1px solid transparent;border-radius:4px}.bi-approveflow-design-node-condtion__branch-condition:not(.is-readonly):hover:after{border-color:#5696f5}.bi-approveflow-design-node-condtion__branch-condition-head{height:24px;line-height:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.bi-approveflow-design-node-condtion__branch-condition-title{font-weight:400;font-size:12px}.bi-approveflow-design-node-condtion__branch-condition-body{padding:6px 0}.bi-approveflow-design-node-condtion__branch-condition-toolbar{margin-right:-6px}.bi-approveflow-design-node-condtion__branch-condition-placeholder{color:#999}.bi-approve-flow-design-node-complete__main{display:flex;flex-direction:column;justify-content:center;align-items:center}.bi-approve-flow-design-node-complete__icon{width:14px;height:14px;background-color:#ddd;display:block;border-radius:50%}.bi-approve-flow-design-node-complete__text{color:#999;height:32px;line-height:32px}.bi-approve-flow-design-node-launch__placeholder{color:#999}.bi-approve-flow-design{background-color:#f5f5f7;width:100%;height:100%}.approve-design-flow{height:100%}