.my-process-designer .my-process-designer__container.containers_bpmnview .my-process-designer__canvas{height:520px}.containers{height:500px}a.bjs-powered-by svg{width:50px!important;height:23px!important}.my-process-designer .my-process-designer__container.containers svg{height:500px;overflow:auto!important}.view-process{max-height:500px}.canvas-s{width:60%}.comment-s{width:40%}.step-wrap-title{font-weight:500;margin-left:5px;color:#2d2d2d}.text-r{text-align:right}.approving-icon{color:var(--primary-color);vertical-align:middle;font-size:12px;margin-left:4px}.step-wrap.step-wrap-bpmnview{padding-left:20px}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-icon-wrap .process-dot{position:absolute;top:20px;width:6px;background:#afafaf;left:50%;height:6px;border-radius:50%;transform:translateX(-50%)}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-txt .title-header{display:flex;align-items:center;justify-content:space-between;height:42px;border-top:1px solid #dedede}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-txt .title-header .title-l{font-size:13px;line-height:24px;font-weight:700;color:#2d2d2d}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-txt .title-header .title-l .process-icon{font-size:16px;margin-right:8px;color:var(--primary-color)}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item{padding-left:12px}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item .date-title{align-items:center;font-size:10px;color:#a3a3a3;margin-bottom:10px;margin-top:10px;position:relative}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item .date-title .approving-date{padding-bottom:5px}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item .date-title .approving-name{color:#2d2d2d;font-weight:700}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item .desc{padding:12px;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400;color:#2d2d2d;background-color:#f7f7f7;font-weight:500}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item .action-content{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 0}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item .el-tag{margin-right:10px;margin-bottom:10px}.step-wrap.step-wrap-bpmnview .step-item-wrap.active .step-item-txt .title-header{background:#fafafa;border-bottom:1px solid #dedede}.step-wrap.step-wrap-bpmnview .step-item-wrap.active .step-item-txt .title-header .process-icon{color:#7d7d7d}.step-wrap.step-wrap-bpmnview .step-item-wrap:first-child .process-line{top:21px}.step-wrap.step-wrap-bpmnview .step-item-wrap:last-child .process-line{height:21px}.step-wrap.step-wrap-bpmnview .step-item-wrap:last-child .step-item-txt .title-header{border-bottom:1px solid #dedede}.my-process-designer .my-process-designer__container.containers_bpmn .my-process-designer__canvas{height:350px}.containers.containers_bpmn{height:300px}.canvas{height:100%}.my-process-designer__container{display:flex}.my-process-designer .my-process-designer__container.containers.containers_bpmn svg{height:330px;overflow:auto!important}.highlight .djs-visual>:first-child{stroke:var(--primary-color)!important;fill:rgba(var(--primary-rgb),.5)!important}.highlight-0 .djs-visual>:first-child{stroke:#000!important}.highlight-1 .djs-visual>:first-child{stroke:rgba(var(--primary-rgb),.4)!important;fill:rgba(var(--primary-rgb),.1)!important}.highlight-2 .djs-visual>:first-child{stroke:var(--primary-color)!important;fill:rgba(var(--primary-rgb),.6)!important}.highlight-3 .djs-visual>:first-child{stroke:#000!important;fill:#d7f6ce!important}.highlight-f0 .djs-visual>:first-child{stroke:#000!important}.highlight-f1 .djs-visual>:first-child{stroke:rgba(var(--primary-rgb),.4)!important}.highlight-f2 .djs-visual>:first-child{stroke:var(--core-color5)!important}.step-custom-wrap.step-view .el-step__description{padding-right:0;margin-top:-5px}.step-custom{padding:10px;background:#f7f7f7}.step-title{color:var(--primary-color)}.step-time{color:#a3a3a3}.step-comments{color:#7d7d7d;font-size:12px}.step-custom-wrap .el-step__head.is-success{color:var(--primary-color);border-color:var(--primary-color)}.canvas-s{width:70%}.comment-s{width:30%;overflow-y:auto}.step-wrap.step-wrap-bpmnview .step-item-wrap{display:flex;cursor:pointer}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-icon-wrap{width:24px;position:relative;flex-shrink:0}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-icon-wrap .process-line{position:absolute;width:1px;top:0;bottom:0;left:11px;background-color:#dedede}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-icon-wrap .process-icon{position:absolute;top:-6px;width:24px;font-size:20px;color:var(--primary-color);left:50%;transform:translateX(-50%)}.step-wrap.step-wrap-bpmnview .step-item-wrap .step-item-txt{flex:1;padding-left:10px;padding-right:10px;white-space:normal;text-align:left}.step-wrap.step-wrap-bpmnview .step-item-wrap .title{color:#d04a02;font-size:13px;padding-bottom:20px;line-height:24px;font-weight:700}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item{position:relative;padding-bottom:12px}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item:after{content:"";position:absolute;width:1px;bottom:-10px;top:12px;left:-9px;background:#f7f7f7}.step-wrap.step-wrap-bpmnview .step-item-wrap .comments-wrap .comments-item:last-child:after{width:0}.step-wrap.step-wrap-bpmnview .step-item-wrap .date-title{font-size:10px;color:#a3a3a3;margin-bottom:8px;position:relative}.step-wrap.step-wrap-bpmnview .step-item-wrap .date-title:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#c2c2c2;top:10px;transform:translateY(-50%);left:-10px;z-index:100}.step-wrap.step-wrap-bpmnview .step-item-wrap .desc{padding:12px;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400;color:#2d2d2d;background-color:#f7f7f7;font-weight:500}.step-wrap.step-wrap-bpmnview .step-item-wrap.succ-wrap .process-line{background-color:var(--primary-color)}.step-wrap.step-wrap-bpmnview .step-item-wrap.active .title,.step-wrap.step-wrap-bpmnview .step-item-wrap.succ-wrap .process-icon,.step-wrap.step-wrap-bpmnview .step-item-wrap.succ-wrap .title{color:var(--primary-color)}.step-wrap.step-wrap-bpmnview .step-item-wrap:first-child .process-line{top:6px}.step-wrap.step-wrap-bpmnview .step-item-wrap:last-child .process-line{width:0}.step-wrap.step-wrap-bpmnview .step-item-wrap:last-child .process-icon{top:-10px}