::-webkit-scrollbar { width: 7px;height:7px; background-color: #F5F5F5}
::-webkit-scrollbar-track { background-color: #fff;}
::-webkit-scrollbar-thumb {  background-color: #c3c2c2;border-radius: 5px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #999;}
ul,li{
    list-style: none;
}
#floweditor{
    height: 100%; width: 100%;min-width: 780px;
}

#floweditor .leftbar{
    position: absolute;top: 0;bottom: 0;width: 150px;
    z-index: 3;
    background: #F7F9FB;
    padding-top: 8px;
    border-right: 1px solid #e2e2e2;;
}
#floweditor .ivu-tabs{
    height: 100%;
}
.field_wrap{
    overflow: auto;
    position: absolute;
    top: 217px;
    right: 0;
    bottom: 0;
    left: 0;
}
.item_wrap{
    overflow: auto;
    position: absolute;
    top: 135px;
    right: 0;
    bottom: 0;
    left: 0;
}
.item_wrap p{
    white-space: pre-wrap;
    word-break: break-word;
}
#floweditor .rightbar{
    position: absolute;
    top: 0;bottom: 0;right: 0;
    width: 486px;
    z-index: 3;
    background: #fff;
    border-left: 1px solid #e2e2e2;
}
#floweditor .rightbar .ivu-form-label-top .ivu-form-item-label,#floweditor .rightbar .ivu-form .ivu-form-item-label{
    padding: 0 0 5px 0;
}
#floweditor .rightbar .ivu-form-item-content{
    width: 310px;
}
#floweditor .rightbar .ivu-form-item-content{
    line-height: 20px;
}
#floweditor .rightbar .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i{
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
}
#floweditor .rightbar .ivu-radio-wrapper,#floweditor .rightbar .approval-attributes .ivu-checkbox-wrapper{
    margin-right: 18px;
}
#floweditor .rightbar .ivu-form .multiType .ivu-form-item-label{
    padding-top: 5px;
}
#floweditor .rightbar .ivu-form-item{
    margin-bottom: 0;
    padding: 18px 12px 0 12px;
}
#floweditor .rightbar form{
    background: #F9F9F9;
    box-shadow: 1px 0 0 0 #E6E9ED;
    padding-bottom: 18px;
}
#floweditor .rightbar .rightFormTitle{
    height: 41px;
    line-height: 40px;
    color: #222222;
    font-weight: bold;
    font-size: 13px;
    padding: 0 18px;
    margin-bottom: 18px;
}
#floweditor .rightbar .rightFormTitle > div{
    border-bottom: 1px solid #E6E9ED;
}
#floweditor .rightbar .ivu-collapse-header {
    color: #464C5B;
    background: #F7FAFC;
    font-weight: bold;
}
#floweditor .rightbar .ivu-collapse, #floweditor .rightbar .autoTbale {
    border: none;
}
#floweditor .rightbar .mp-grid__empty-wrap {
    padding: 10px 0;
}
#floweditor .flowcanvas{
    position: absolute;
    top: 0;bottom: 0;right: 0;left:0;
    z-index: 2;
    user-select: none;
    /* overflow: auto; */
    /*background: #f9f9f9;*/
}
#floweditor .header {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    position: relative;
    background-color: #001529;
}

#floweditor .header .title{
    font-size: 14px;
}
.ivu-breadcrumb-item-link{
    color: #fff;
}
.ivu-breadcrumb-item-link.active{
    color: rgba(255,255,255,.7);
    font-weight: normal;
}

#floweditor .toolbar{
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    right: 15px;
}
#floweditor .toolbar .ivu-icon{
    color: #41B9EF;
    font-size: 14px;
}
#floweditor .scannerBtn{
    position: absolute;
    right: 0;
    padding-right: 20px;
    top:15px;
    z-index:6;
    cursor: pointer;
}
#floweditor .scannerBtn .btnWrap{
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
}
#floweditor .scannerBtn .btnWrap .ivu-icon{
    width: 50px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    color: #333;
}
#floweditor .scannerBtn .btnWrap .ivu-icon:hover{
    color: #1890FF;
}
#floweditor .scannerBtn .btnWrap .icon-kaishi, #floweditor .scannerBtn .btnWrap .icon-zishiyingdaxiao{
    border-right: 1px solid #dcdcdc;
}
#floweditor .formWrap {
    position: relative;
    height: 56px;
    padding: 12px 18px;
    background: #fff;
}
#floweditor .flowWrap{
    z-index:999;
    background: #FAFAFA url('/public/imgs/potBg.png') top center repeat;
    transition: top .3s, right .3s;
}
#floweditor .window{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 480px;
    left: 0;
}
#floweditor .full{
    position: fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
}
#floweditor .flowcanvas .step rect {
    cursor: pointer;
    stroke-width:1;
}
#floweditor .flowcanvas .step rect.isPass{
    fill: #F6FEF9;
    stroke: #AEF0B1;
}
#floweditor .flowcanvas .step rect.isNoAuditors{
    fill: #FFF1F2 ;
    stroke: #F9A5A5;
}
#floweditor .flowcanvas .step rect.start-or-end{
    fill: #F8FAFF;
}
#floweditor .flowcanvas .step.selected rect:not(.intelligent) {
    cursor: pointer;
    stroke: #62B4FF;
    stroke-width: 1;
    fill: rgba(230,247,255,0.60);;
    stroke-dasharray: 3;
}

#floweditor .flowcanvas .step.selected rect.intelligent {
    cursor: pointer;
    stroke: #62B4FF;
    stroke-width: 1;
    stroke-dasharray: 3;
}

#floweditor .flowcanvas .step text {
    fill: #3D464A;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

#floweditor .flowcanvas .step.active rect,
#floweditor .flowcanvas .step.active circle.circle_pot {
    stroke: lightblue;
}

#floweditor .flowcanvas .step circle.circle_pot {
    stroke-width: 0;
    fill: #dce3e6;
    cursor: crosshair;
}
#floweditor .flowcanvas .step.selected circle.circle_pot{
    fill: #62B4FF;
}
#floweditor .flowcanvas .step circle.end {
    fill: orange;
}

#floweditor .flowcanvas .line {
    fill: none;
    cursor: pointer;
    shape-rendering: crispEdges;
}


#floweditor .flowcanvas .guidelines{
    stroke: #7CB7F2;
    stroke-width:1;
    stroke-dasharray:5;
    shape-rendering: crispEdges;
}
#floweditor .flowcanvas .lineWrap{
    cursor: pointer;
}
#floweditor .anchor{
    cursor: crosshair;
}
.ivu-breadcrumb a{
    color:#c3c2c2;
}
#floweditor .contentWrap {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 56px;
    border: 1px solid #e8e8e8;
}
#floweditor .footerWrap {
    position: absolute;
    bottom: 0;
    height: 56px;
    width: 100%;
    padding: 12px 18px;
    background: #fff;
}
#floweditor .footerWrap .ivu-btn {
    margin-left: 10px;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
}
.ivu-breadcrumb a{
    color:#fff;
}
#floweditor .ivu-breadcrumb{
    display:inline-block;
    font-size: 16px;
}
#floweditor .ivu-icon-ios-arrow-dropleft{
    font-size:18px;
    color:#fff;
    margin-right:5px;
    vertical-align: sub;
}
#floweditor .navWrap{
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -212px;
    margin-top: -14px;
}
#floweditor .navWrap ul li{
    line-height: 28px;
    height: 28px;
    width: 96px;
    margin: 0 5px;
    cursor: pointer;
    background: #262B36;
    border: 1px solid #57566D;
    border-radius: 3px;
}
.nav-name-wrap{
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.nav-name-wrap .nav-name{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 28px;
    margin-left: 6px;
}
#floweditor .navWrap ,#floweditor .navWrap ul li,.toolbar ul li{
    display:inline-block;
}
#floweditor .navWrap ul,.toolbar ul{
    line-height: 0;
    color:#fff;
}
.toolbar ul li{
    line-height: 20px;
    height: 58px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 10px;
    margin: 0 5px;
    cursor: pointer;
}
#floweditor .toolbar ul li{
    margin: 0 2px;
}
#floweditor .navWrap ul li.active,#floweditor .navWrap ul li:hover{
    background: #262B36;
}
#floweditor .navWrap .ivu-icon{
    color:#fff;
    font-size:14px;
    vertical-align: middle;
}
#floweditor .rightbar .ivu-collapse-content {
    padding: 0;
}
#floweditor .rightbar .ivu-collapse-content>.ivu-collapse-content-box {
    overflow: hidden;
    padding: 0;
}
#floweditor .rightbar .ivu-row ,#auditorTip .ivu-row{
    border-bottom: 1px solid #EBEDEF;
}
#floweditor .rightbar .bu_data .ivu-row,#auditorTip .ivu-row{
    min-height: 40px;
}
#floweditor .rightbar .ivu-col,#auditorTip .ivu-col {
    text-align: left;
    padding: 10px 0 10px 17px;
    font-size: 13px;
    color: #222;
    height: 100%;
}
#floweditor .rightbar .columns ,#auditorTip .columns{
    background: #FAFAFA;
}
#floweditor .ivu-select-dropdown {
    width: 250px;
    overflow: auto;
}
.route-modal .ivu-col {
    padding: 0 10px 0 0;
}
.mcTip{
    display: none;
}
.midCir:hover .mcTip{
    display: block;
}
.mcTipWrap{
    fill: #fff;
    stroke: #E9E9E9;
    stroke-width: 1;
}
#floweditor .loading{
    width: 16px;
    height:16px;
    display: inline-block;
    background: url(img/page-loading.gif) no-repeat top center;
}
.helpTips{
    font-size: 16px;
    margin-right: 18px;
    color: #000000;
}
.helpTips:hover{
    color: #1890FF;
}
.ivu-tooltip{
    cursor: pointer;
}
.ivu-form-item-label label{
    display: inline-block;
    vertical-align: middle;
}
.lineWrap .anchor{
    fill: #1890FF;
}
.flow-title-table {
    border: none;
}
.flow-title-table .ivu-table-cell
{
    text-overflow: unset;
    overflow: unset;
}
/* .ivu-modal-body {
    padding-left: 30px;
} */
.ivu-modal-confirm-head {
    margin-top: 20px;
}
.ivu-modal-confirm-body {
    color: #657180;
}
#auditorTip{
    position: absolute;
    padding-top: 20px;
    display: none;
    z-index: 9999999999;
}
.step polygon{
    cursor: pointer;
}
#auditorTip:hover{
    display: block !important;
}
#auditorTip .ivu-tooltip-inner{
    width:285px;color: #000;background-color:#fff;padding: 0;
    border: solid 1px #E9EBEE;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12), 0 0 6px 0 rgba(0,0,0,0.04);
}
#auditorTip .columns .ivu-col + div{
    border-left: 1px solid #E9EBEE;
}
.normal-step .close_btn{
    font-size: 24px;padding: 0;width: 24px;line-height: 24px;vertical-align: middle;
}
.normal-step .close_btn i{
    line-height: 30px;
    vertical-align: middle;
    height: 30px;
}
.normal-step .ivu-col-offset-1 {
    margin-left: 12px;
}
.normal-step .ivu-col-span-10 {
    display: block;
    width: 158px;
}
.ivu-icon-ios-close:hover{
    color: #57a3f3;
    border-color: transparent;
}
.debug-item{
    display: inline-block;
    width: 100%;
}
.debug-item .ivu-date-picker{
    width: 100%;
}
/* 单选框 */
#floweditor .ivu-radio {
    margin-right: 6px;
}
#floweditor .ivu-radio-inner {
    width: 16px;
    height: 16px;
}
#floweditor .ivu-radio-inner:after {
    left: 3px;
    top: 3px;
}
#floweditor .ivu-radio-focus {
    box-shadow: none;
}
#floweditor .ivu-radio-wrapper {
    font-size: 13px;
    color: #222222;
}
/* 多选框 */
#floweditor .ivu-checkbox-checked .ivu-checkbox-inner:after {
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
}
#floweditor .ivu-checkbox-focus {
    box-shadow: none;
}
#floweditor .ivu-checkbox {
    margin-right: 6px;
    line-height: 16px;
}
#floweditor .ivu-checkbox-wrapper {
    font-size: 13px;
    color: #222222;
    margin-right: 20px;
}
/* input输入框 */
#floweditor .ivu-input:focus {
    box-shadow: none;
}
/* 数值框 */
#floweditor .ivu-input-number {
    border-radius: 2px;
}
#floweditor .ivu-input-number:focus {
    box-shadow: none;
}
#floweditor .ivu-input-number-focused {
    box-shadow: none;
}
#floweditor .ivu-input-number-handler {
    height: 13px;
}
#floweditor .ivu-input-number-input-wrap {
    height: 30px;
}
/* 日期框 */
#floweditor .ivu-input-icon {
    line-height: 30px;
}
#floweditor .ivu-icon-ios-close-circle {
    font-size: 14px;
}
/* 下拉框*/
#floweditor .ivu-select-selection {
    border-radius: 2px;
}
#floweditor .ivu-select-visible .ivu-select-selection {
    box-shadow: none;
}
/* end */

#floweditor .formWrap .ivu-icon-ios-add{
    font-size: 17px;
    color: #222;
    cursor: pointer;
}
#floweditor .footerWrap ul li{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    margin-right: 18px;
    vertical-align: middle;
}
#floweditor .footerWrap ul li i{
    font-size: 16px;
    vertical-align: middle;
    margin: 0 6px 3px 0;
    display: inline-block;
}
.formWrap {
    font-size: 0;
}
.label-text {
    display: inline-block;
    font-size: 13px;
    color: #666666;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 10px;
    width: 65px;
}
.label-text:after {
    content: '*';
    position: relative;
    top: -3px;
    right: -5px;
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-size: 12px;
    color: #ed4014;
}
.label-text-allow-empty:after {
    content: '';
    position: relative;
    top: -3px;
    right: -5px;
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-size: 12px;
    color: #ed4014;
}
.formItem{
    padding: 0 16px;
    margin-top: 16px;
    position: relative;
}
.formItem .ivu-select-selection{
    height: 30px;
    width: 368px;
}
.ResultListTitle{
    padding: 0 16px 16px;
    color: #222;
    font-size: 13px;
    border-bottom: 1px solid #EBEDEF;
}
.flowDebug .ivu-form-item-error-tip{
    position: absolute;
    top: 30px;
    left: 95px;
}
.flowDebug .footerWrap ul li i.icon-changtong{
    color: #21ca6f;
}
.flowDebug .footerWrap ul li i.icon-shouzu,.flowDebug .footerWrap ul li i.icon-shuo{
    color: #f86161;
}
#auditorTip .ivu-poptip-arrow{
    top: 30px;
    left: -9px;
    border-width: 9px 9px 9px 0;
    border-right-color: hsla(0,0%,85%,.5);
}
#auditorTip .ivu-poptip-arrow::after{
    content: " ";
    left: 1px;
    bottom: -7px;
    border-left-width: 0;
    border-right-width: 9px;
    border-right-color: #FAFAFA;
}::-webkit-scrollbar { width: 7px;height:7px; background-color: #F5F5F5}
::-webkit-scrollbar-track { background-color: transparent;}
::-webkit-scrollbar-thumb {  background-color: #c3c2c2;border-radius: 5px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #999;}
ul,li{
    list-style: none;
}
#floweditor{
    height: 100%; width: 100%;min-width: 780px;
}
.work_schedule_list{
    width: 165px;
}
#floweditor .leftbar{
    position: absolute;top: 0;bottom: 0;width: 150px;
    z-index: 3;
    background: #F7F9FB;
    padding-top: 8px;
    border-right: 1px solid #e2e2e2;;
}
#floweditor .ivu-radio-focus {
    box-shadow: none;
}
.placeholderItem .ivu-select-selected-value{
    color: #ccc !important;
}
.chooseForm .ivu-tree-empty{
    padding: 0 10px;
}
.flow-form-dialog .ivu-select-dropdown{
    max-height: 320px;
}
.flow-form-dialog .ivu-select-dropdown .ivu-select-dropdown-list{
    overflow: hidden;
}
.flow-form-dialog .ivu-modal .ivu-form .ivu-tooltip-rel{
    position: static;
}
#floweditor .rightbar{
    position: absolute;
    top: 50px;bottom: 0;right: 0;
    width: 486px;
    z-index: 3;
    background: #f9f9f9;
    border-left: 1px solid #e2e2e2;
}
/* .ivu-select.openSelect .ivu-select-selection{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 none;
} */
#floweditor .rightbar .ivu-form-item-content{
    width: 366px;
}
#floweditor .rightbar .reject_re_do_option .ivu-form-item-content{
    width:285px;;
}
#floweditor .rightbar .advance .ivu-form-item-content{
    width: 345px;
    line-height: 32px;
}
#floweditor .rightbar .normal-step .advance .ivu-form-item-content{
    width: 345px;
}
#floweditor .rightbar .ivu-form-item-content{
    min-height: 0%;
    font-size: 0;
    display: inline-block;
}
#floweditor .rightbar .ivu-checkbox-wrapper {
    margin-right: 20px;
    color: #222;
    font-size: 13px;
    vertical-align: middle;
}
#floweditor .rightbar .stepItem .ivu-checkbox-wrapper:nth-of-type(n+6) {
    margin-top: 12px;
}
#floweditor .rightbar .stepItem.addSign .ivu-form-item-content{
    font-size: 13px;
}

#floweditor .rightbar .stepItem.addSign .ivu-radio-wrapper + label{
    margin-left: 16px;
}
#floweditor .rightbar .anonItem .ivu-checkbox-wrapper:nth-of-type(n+5) {
    margin-top: 12px;
}
#floweditor .rightbar .ivu-checkbox-group{
    font-size: 0;
}
#floweditor .rightbar .ivu-checkbox{
    margin-right: 1px;
    position: relative;
    vertical-align: -3px;
}
#floweditor .rightbar .ivu-input-group-append{
    border-radius: 0;
    color: #C0BCBC;
    padding-right: 10px;
}
.ivu-input+div{
    background-color: #fff;
}
.fiexdHeight .ivu-form-item-content{
    height: 32px;
}
#floweditor .rightbar .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i{
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
}
#floweditor .rightbar .approval-attributes .ivu-checkbox-wrapper{
    margin-right: 24px;
}
#floweditor .rightbar .ivu-form-item{ 
    margin-bottom: 0;
    padding: 0 0 16px 16px;
    font-size: 0;
}
#floweditor .rightbar form{
    background: #fff;
}
#floweditor .rightbar .rightFormTitle{
    height: 41px;
    line-height: 40px;
    color: #222222;
    font-weight: bold;
    font-size: 13px;
    padding: 0 16px;
    margin-bottom: 16px;
}
#floweditor .rightbar .rightFormTitle > div{
    border-bottom: 1px solid #E6E9ED;
    font-weight: normal;
    font-size: 14px;
    color: #222222;
}
#floweditor .rightbar .advance .ivu-col{
    margin: 0 10px 0 0;
    padding: 0;
    width: 157px;
}
#floweditor .rightbar .advance .cc-attributes .cc .remove-cc{
    margin: 0;
    width: 20px;
}
#floweditor .rightbar .ivu-collapse-header{
    border-top: 1px solid #dcdee2;
    color: #464C5B;
    background: #F7FAFC;
    font-weight: bold;
}
#floweditor .rightbar .ivu-collapse, #floweditor .rightbar .autoTbale {
    border: none;
}
#floweditor .rightbar .mp-grid__empty-wrap {
    padding: 10px 0;
}
#floweditor .flowcanvas{
    position: absolute;
    top: 0;bottom: 0;right: 0;left:0;
    z-index: 2;
    user-select: none;
    /* overflow: auto; */
    /*background: #f9f9f9;*/
}
#floweditor .header{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    position: relative;
    background-color: #001529;
}

#floweditor .header .title{
    font-size: 14px;
}
.ivu-breadcrumb-item-link{
    color: #fff;
}
.ivu-breadcrumb-item-link.active{
    color: rgba(255,255,255,.7);
    font-weight: normal;
}
#floweditor .toolbar{
    text-align: center;
    border-top: 1px solid #dcdcdc;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    right: 15px;
    box-sizing: border-box;
}
#floweditor .toolbar .ivu-icon{
    color: #41B9EF;
    font-size: 16px;
}
#floweditor .scannerBtn{
    position: absolute;
    right: 0;
    padding-right: 20px;
    top:15px;
    z-index:6;
    cursor: pointer;
}
#floweditor .scannerBtn .btnWrap{
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
}
.ivu-form .ivu-textarea-wrap .ivu-input{
    font-size: 13px;
}
#floweditor .scannerBtn .btnWrap .ivu-icon{
    width: 50px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    color: #999;
}
#floweditor .scannerBtn .btnWrap .ivu-icon:hover{
    color: #1890FF;
}
#floweditor .scannerBtn .btnWrap .icon-zishiyingdaxiao{
    border-right: 1px solid #dcdcdc;
}
#floweditor .flowWrap{
    z-index:999;
    background: #FAFAFA url('/public/imgs/potBg.png') top center repeat;
    transition: top .3s, right .3s;
}
#floweditor .window{
    position: absolute;
    top: 50px;
    bottom: 0;
    right: 480px;
    left: 0;
}
#floweditor .full{
    position: fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
}
#floweditor .flowcanvas .step.setVoteJoin rect{
    stroke: #FF8800;
}
#floweditor .flowcanvas .step.hasError rect{
    stroke: #F86161;
}
#floweditor .flowcanvas .step rect.start-or-end{
    fill: #F8FAFF;
}
#floweditor .flowcanvas .step.selected rect:not(.intelligent) {
    cursor: pointer;
    stroke: #34A6F8;
    stroke-width: 1;
    fill: rgba(230,247,255,0.60);;
    stroke-dasharray: 3;
}
#floweditor .flowcanvas .step.selected rect.intelligent {
    cursor: pointer;
    stroke: #34A6F8;
    stroke-width: 1;
    stroke-dasharray: 3;
}

.contextmenu{
    position: absolute;
    width: 100px;
    z-index: 99999999999;
}
.contextmenu button{
    text-align: left;
}
.contextmenu button .ivu-icon{
    vertical-align: unset;
    margin-right: 5px;
}
.contextmenu .ivu-btn:hover{
    color: #464C5B ;
    background-color:#E6F7FF;
    border-color: #dcdee2;
}
#floweditor .flowcanvas .step text {
    fill: #222;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    font-size: 13px;
    cursor: pointer;
}

#floweditor .flowcanvas .step.active rect,
#floweditor .flowcanvas .step.active circle {
    stroke: lightblue;
}

#floweditor .flowcanvas .step circle {
    cursor: crosshair;
}
#floweditor .flowcanvas .step .errorTip circle ,
#floweditor .flowcanvas .hasError .circle{
    fill: #F86161;
}
#floweditor .flowcanvas .hasError .showLine{
    stroke: #F86161;
}
#floweditor .flowcanvas .step .errorTip text {
    fill: #fff;
}
#floweditor .flowcanvas .step circle.end {
    fill: orange;
}

#floweditor .flowcanvas .line {
    fill: none;
    cursor: pointer;
    shape-rendering: crispEdges;
}

#floweditor .flowcanvas .guidelines{
    stroke: #7CB7F2;
    stroke-width:1;
    stroke-dasharray:5;
    shape-rendering: crispEdges;
}
#floweditor .flowcanvas .lineWrap{
    cursor: pointer;
}
#floweditor .anchor{
    cursor: crosshair;
}
.ivu-breadcrumb a{
    color:#fff;
}
#floweditor .ivu-breadcrumb{
    display:inline-block;
    font-size: 16px;
}
#floweditor .ivu-icon-ios-arrow-dropleft{
    font-size:18px;
    color:#fff;
    margin-right:5px;
    vertical-align: sub;
}
#floweditor .ivu-breadcrumb>span:last-child{
    color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
}
#floweditor .navWrap{
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -212px;
    margin-top: -14px;
}
#floweditor .ivu-radio-inner{
    width: 16px;
    height: 16px;
}
#floweditor .ivu-radio-inner:after{
    left: 3px;
    top: 3px;
}
#floweditor .rightbar .ivu-radio-wrapper{
    margin-right: 0;
    color: #222222;
    font-size: 13px;
}
#floweditor .rightbar .ivu-radio-wrapper .ivu-radio{
    vertical-align: -3px;
    margin-right: 4px;
}
#floweditor .rightbar .ivu-radio-wrapper + label{
    margin-left: 20px;
}
#floweditor .ivu-input-wrapper .ivu-icon.ivu-icon-ios-add {
    font-size: 24px;
    border-left: 1px solid #ddd;
    cursor: pointer;
    color: #bbbbbb;
}
#floweditor .ivu-input-wrapper .ivu-icon.ivu-icon-ios-add:hover{
    color: #888888;
}
#floweditor .rightbarWarp .ivu-input-default{
    color: #222222;
    height: 32px;
    /* line-height: 32px; */
}
#floweditor .rightbarWarp .ivu-form-label-left .autoHeight .ivu-form-item-label{
    height: auto !important;
    padding: 1px 10px 0 0 !important;
    line-height: 16px !important;
}
#floweditor .rightbarWarp .ivu-form-label-left .autoHeight .ivu-form-item-content{
    line-height: 1;
}
#floweditor .navWrap ,#floweditor .navWrap ul li,.toolbar ul li{
    display:inline-block;
}
#floweditor .navWrap ul,.toolbar ul{
    line-height: 0;
    color:#fff;
}
#floweditor .timeout_input .ivu-input:focus,
#floweditor .timeout_input .ivu-input:hover
{
    border:1px solid #57a3f3;
}
#floweditor .first_timeout{
    margin-right: 26px;
}
#floweditor .timeout_text{
    font-size: 13px;
    color: #666;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
}
#floweditor .rightbar .ivu-checkbox-wrapper.repeat{
    margin-right: 20px;
}
#floweditor .timeout_text.every{
    margin-right: 11px;
}
#floweditor .timeout_input{
    width: 230px;
}
#floweditor .rightbar .process_time .ivu-input-group-with-append .ivu-input {
    border-right-width: 1px;
}
#floweditor .rightbar .process_time .ivu-input-group-append {
    display: inline-block;
    width: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 11;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding: 0;
}
.toolbar ul li{
    line-height: 21px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    padding: 7px 10px;
    cursor: pointer;
}
.toolbar ul li .icon-wrap{
    height: 16px;
}
#floweditor .navWrap ul li{
    line-height: 28px;
    height: 28px;
    width: 96px;
    margin: 0 5px;
    cursor: pointer;
    background: #262B36;
    border: 1px solid #57566D;
    border-radius: 3px;
}
.nav-name-wrap{
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.nav-name-wrap .nav-name{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 28px;
    margin-left: 6px;
}
#floweditor .toolbar ul li{
    margin: 0 2px;
}
#floweditor .toolbar ul li p{
    font-size: 13px;
}
#floweditor .navWrap ul li.active,#floweditor .navWrap ul li:hover{
    background: rgba(255, 255, 255, 0.15);
    border: solid 1px #fff;
}
#floweditor .navWrap .ivu-icon{
    color:#fff;
    font-size:14px;
    vertical-align: middle;
}
#floweditor .rightbarWarp {
    width: 486px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    background-color: #fff;
}
#floweditor .rightbarWarp .ivu-tabs-bar{
    margin: 0 16px 16px 16px;
}
#floweditor .rightbarWarp .ivu-form-label-left .ivu-form-item-label{
    width: 82px;
    font-size: 13px;
    /* padding: 10px 0; */
    height: 30px;
}

#floweditor .rightbarWarp .subflow .ivu-form-label-left .ivu-form-item-label{
    width: 126px;
}
#floweditor .rightbarWarp .subflow .ivu-form-item-content{
    width: 322px;
}
#floweditor .rightbarWarp .advance .ivu-form-label-left .ivu-form-item-label{
    width: 103px;
    padding: 0;
    line-height: 32px;
}
#floweditor .rightbarWarp .advance .autoHeight.ivu-form-label-left .ivu-form-item-label{
    height: auto;
    line-height: 1;
}
#floweditor .rightbarWarp .advance .autoHeight .ivu-form-item-content{
    height: auto;
    line-height: 1;
}
#floweditor .rightbarWarp .advance .ivu-select-selected-value {
    padding-right: 20px;
}
#floweditor .rightbar .ivu-collapse-content {
    padding: 0;
}
#floweditor .rightbar #hl-tree-table thead {
    font-size: 12px;
    color: #464C5B;
    text-align: left;
}
#floweditor .rightbar #hl-tree-table tbody {
    font-size: 12px;
    color: #464C5B;
}
#floweditor .rightbar .table-bordered>thead>tr>th,
#floweditor .rightbar .table-bordered>tbody>tr>td {
    background-color: #fff;
}
#floweditor .rightbar .ivu-collapse-content>.ivu-collapse-content-box {
    overflow: hidden;
    padding: 0;
}
.route-modal .ivu-col {
    padding: 0 10px 0 0;
}
.historyWrap, .debugWrap {
    padding: 12px;
}
.mcTip{
    display: none;
}
.midCir:hover .mcTip{
    display: block;
}
.mcTipWrap{
    fill: #fff;
    stroke: #E9E9E9;
    stroke-width: 1;
}
#floweditor .loading{
    width: 16px;
    height:16px;
    display: inline-block;
    background: url(img/page-loading.gif) no-repeat top center;
}
.helpTips{
    font-size: 14px;
    /*margin-right: 18px;*/
    color: #9B9B9B;
    vertical-align: -2px;
    padding-left: 2px;
}
.helpTips:hover{
    color: #1890FF;
}
.subflow .helpTips{
    vertical-align:0;
}
.ivu-tooltip{
    cursor: pointer;
}
.ivu-form-item-label label{
    display: inline-block;
    vertical-align: middle;
}
.flow-title-table {
    border: none;
    overflow: auto;
}
.flow-title-table .ivu-table-cell
{
    text-overflow: unset;
    overflow: unset;
}
.ivu-modal-confirm-head {
    margin-top: 20px;
}
.ivu-modal-confirm-body {
    color: #657180;
}
#auditorTip{
    position: absolute;
    display: none;
}
.step polygon{
    cursor: pointer;
}
#auditorTip:hover{
    display: block !important;
}
#auditorTip .ivu-tooltip-inner{
    width:200px;color: #000;background-color:#fff;
    padding: 8px 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
}
#auditorTip .ivu-poptip-arrow{
    top: 8px;
    left: -10px;
    border-width: 9px 9px 9px 0;
    border-right-color: hsla(0,0%,85%,.5);
}
#auditorTip .ivu-poptip-arrow::after{
    content: " ";
    left: 1px;
    bottom: -7px;
    border-left-width: 0;
    border-right-width: 9px;
    border-right-color: #fff;
}
.rightbar .close_btn{
    font-size: 24px;padding: 0;width: 24px;
    line-height: 17px;
    vertical-align: middle;
    float: right;
    height: 17px;
}
.rightbar .close_btn i{
    line-height: 7px;
    vertical-align: middle;
    height: 17px;
    width: 16px;
}
.normal-step .ivu-col-offset-1 {
    margin-left: 12px;
}
.normal-step .ivu-col-span-10 {
    display: block;
    width: 158px;
}
#floweditor .rightbar .advance .timeout{
    padding-bottom: 12px;
    position: relative;
}
#floweditor .rightbar .advance .timeout .time_unit{
    /* right: 25px; */
}
#floweditor .rightbar .advance .timeOutHours .time_unit{
    right: 26px;
}
#floweditor .rightbar .advance .AutomaticTimeout .time_unit{
    right: 13px;
}
.advance .timeout .close_btn {
    text-align: right;
    float: right;
    color: #9B9B9B;
}
.advance .timeout:hover .close_btn {
    display: inline-block;
}
.ivu-icon-ios-close:hover{
    color: #57a3f3;
    border-color: transparent;
}
.cc-attributes .cc .remove-cc {
    display: none;
    line-height: 30px;
}
.cc-attributes .cc:hover > .remove-cc {
    display: inline-block;
}
#floweditor .editbar{
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    width: 64px;
    border:1px solid #E9EBEE;
    background: #fff;
    z-index: 1010;
}
#floweditor .dragBar{
    position: absolute;
    width: 64px;
    border: 1px solid #34A6F8;
    z-index: 1998;
    background-color: #fff;
}
#floweditor .editbar ul li,.dragBar{
    height: 80px;
}
#floweditor .editbar ul li{
    height: 80px;
}
#floweditor .editbar ul li i,.dragBar i{
    font-size: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 20px
}
#floweditor .editbar ul li p,.dragBar p{
    font-size: 12px;
    color: #999;
    text-align: center;
}
#floweditor .editbar ul li i.icon-shenpi,.dragBar i.icon-shenpi{
    color: #34A6F8;
}
#floweditor .editbar ul li i.icon-fenliu,.dragBar i.icon-fenliu{
    color: #34A6F8;
}
#floweditor .editbar ul li i.icon-heliu,.dragBar i.icon-heliu{
    color: #FF9F00;
}
#floweditor .editbar ul li i.icon-ziliu,.dragBar i.icon-ziliu{
    color: #00C35A;
    font-size: 19px;
}
#floweditor .editbar ul li i.icon-zidingyi-weituodong,.dragBar i.icon-zidingyi-weituodong{
    color: #34A6F8;
    font-size: 16px;
}
#floweditor .custom-step{
    padding-top: 18px;
}
#floweditor .editbar ul li:hover,#floweditor .editbar ul li.active{
    background: #F4F4F4;
}
#floweditor .editbar ul li i.icon-shenpi{
    color: #34A6F8;
}
#floweditor .editbar ul li.active{
    background: #F4F4F4;
}
#floweditor .ivu-select.ivu-select-disabled .ivu-select-selected-value {
    color: #ccc;
}

.opinionDisplayRule .ivu-checkbox-group-item:last-child{
    margin-left: 0 !important;
    margin-top: 10px;
}
.select-input-wrap {
    position: relative;
}
.ivu-modal .select-input-wrap .ivu-input{
    padding-right: 30px;
}
.select-input-wrap .select-input-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #BFBFBF;
    font-size: 14px;
}
.anonChooseForm li div{
    cursor: auto;
}

.flowTreeWrap{
    height: 388px;
    width: 660px;
    border: 1px solid #E9EBEE;
    margin-top: 12px;
    overflow: hidden; 
}
.flowTreeWrap > div{
    float: left;
}
.flowTreeWrap #my_tree{
    width: 380px;
    border-right: 1px solid #E9EBEE;
}
.flowTreeWrap .checkedWrap{
    width: 276px;
    height: 100%;
    white-space: nowrap;
    position: relative;
}
.flowTreeWrap .checkedWrap .ivu-input-wrapper{
    width: 266px;
    margin: 6px;
}
.flowTreeWrap .checkedWrap .waitSelectionWrap{
    height: 344px;
    width: 100%;
    overflow: auto;
    border-top: 1px solid #E9EBEE;
}
.flowTreeWrap .checkedWrap ul{
    float: left;
    min-width: 100%;
}
.flowTreeWrap .checkedWrap ul li{
    height: 30px;
    line-height: 30px;
    padding-left: 16px;
    border-bottom: 1px solid #E9EBEE;
}
.flowTreeWrap .checkedWrap ul li:hover{
    background-color: #F5F5F5;
}
.flowTreeWrap .checkedWrap ul li.active{
    background-color: #F4F9FF;
}
.select-sub-flow .mp-grid__empty-wrap{
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -40px;
}

/* 全局匿名设置开始 */
.iModal .ivu-modal.ivu-modal-fullscreen{
    width: auto !important;
    left: 30px;
    right: 30px;
}
.iModal .ivu-modal .globalSteps{
    position: absolute;
    top: 55px;
    right: 30px;
    left: 30px;
    bottom: 0;
    overflow: hidden;
}
.globalSteps .stepsHeader{
    border: 1px solid #E9EBEE;
    background: #FBFBFB;
    overflow: hidden;
    position: relative;
    height: 102px;
}
.globalSteps .stepsHeader ul{
    height: 100px;
    font-size: 0;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 143px;
}
.globalSteps .stepsHeader ul li{
    width: 97px;
    height: 100px;
    padding: 10px;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    background: #FBFBFB;
    border-right: 2px solid #E9EBEE;
}
.globalSteps .stepsHeader ul li span{
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp: 4;/*行数*/
    -webkit-box-orient: vertical;
    height: 80px;
    display: inline-block;
}
.globalSteps .stepsHeader .thePerch{
    width: 143px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FBFBFB;
    z-index: 99;
    border-right: 2px solid #E9EBEE;
}
.globalSteps .anonStepMain{
    position: absolute;
    border: 1px solid #E9EBEE;
    border-top: 0;
    top: 102px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    overflow: hidden;
}
.globalSteps .anonStepMain .mp-grid__empty-wrap{
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 0;
    left: 0;
}
.ivu-modal-fullscreen .addStep{
    position: absolute;
    right: 30px;
    top: 10px;
}
.anonStepMain ul{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.anonStepMain ul li{
    vertical-align: middle;
}
.anonStepMain ul.actionItemWrap{
    position: absolute;
    left: 143px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    white-space: normal;
}
.anonStepMain ul.waitAnonStep li{
    width: 143px;
    height: 60px;
    border-right: 2px solid #E9EBEE;
    border-bottom: 2px solid #E9EBEE;
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
    position: relative;
}
.waitAnonStep li.active:after,.actionItemWrap li.active:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1990FF;
    opacity: 0.1;
}
.anonStepMain ul.actionItemWrap li{
    position: relative;
    white-space: nowrap;
}
.anonStepMain ul.actionItemWrap li span{
    display: inline-block;
    position: relative;
    width: 97px;
    height: 60px;
    border-right: 2px solid #E9EBEE;
    border-bottom: 2px solid #E9EBEE;
    cursor: pointer;
}
.anonStepMain ul.actionItemWrap li span.disabled{
    background: #E9EBEE linear-gradient(135deg,#fff 25%,#E9EBEE 0,#E9EBEE 50%,#fff 0,#fff 75%,#E9EBEE 0);
    background-size: 6px 6px;
    background: #E9EBEE\0;
    opacity: 0.5;
    cursor: not-allowed;
}
.anonStepMain ul.actionItemWrap li span.inWhiteList{
    background: #D7F5E5;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.anonStepMain ul.actionItemWrap li span.dragStep{
    background: #D7F5E5;
    border-right: 2px solid #D7F5E5;
    border-bottom: 2px solid #fff;
}
.anonStepMain ul.actionItemWrap li span.inWhiteList:before,
.anonStepMain ul.actionItemWrap li span.dragStep:before{
    content: '';
    position: absolute;
    border-top: 2px solid #07B759;
    width: 100%;
    top: 0;
}
.anonStepMain ul.actionItemWrap li span.dragStep:before{
    left: -2px;
    right: -2px;
    width: auto;
}
.anonScopeDialog .leftMain,.anonScopeDialog .rightMain{
    width: 300px;
    height: 426px;
    position: absolute;
    border: 1px solid #E9EBEE;
}
.anonScopeDialog .leftMain{
    top: 0;
    left: 0;
}
.anonScopeDialog .leftMain .ivu-input-wrapper .ivu-input-search-icon{
    border-left:0 none;
}
.anonScopeDialog .rightMain{
    top: 0;
    right: 0;
}
.anonScopeDialog .content{
    padding: 10px 16px;
    height: 385px;
    overflow: auto;
}
.anonScopeDialog .leftMain .title,.anonScopeDialog .rightMain .title{
    background: #F9F9F9;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    border-bottom: 1px solid #E9EBEE;
}
.anonScopeDialog .content .ivu-input-wrapper{
    margin-bottom: 10px;
}
.anonScopeDialog .ivu-checkbox{
    margin-right: 5px;
    vertical-align: sub;
}
.anonScopeDialog ul li{
    font-size: 13px;
    color: #222;
    position: relative;
    margin-bottom: 12px;
}
.anonScopeDialog .rightMain ul li{
    padding-right: 40px;
}  
.anonScopeDialog ul li .stepName{
    width: 228px;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
}
.anonScopeDialog ul li.isDisabled{
    color: #999;
}
.anonScopeDialog .rightMain .delete {
    color: #1990FF;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}
.anonScopeDialog .ivu-page-simple{
    display: inline-block;
}
.globalStepsDialog .menuBar{
    width: 94px;
    height: 90px;
    background: #fff;
    position: fixed;
    top: 0;
    padding: 8px 10px;
    z-index: 999999;
    box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 12%);
    border: 1px solid #E9EBEE;
}
.globalStepsDialog .menuBar li{
    color: #222;
    margin-bottom: 6px;
    cursor: pointer;
}
.globalStepsDialog .menuBar li:hover{
    color: #1990FF;
}
.globalStepsDialog .menuBar img{
    vertical-align: text-bottom;
    margin-right: 3px;
}
.waitAnonStep .ivu-checkbox{
    vertical-align: bottom;
    margin-right: 3px;
}
.waitAnonStep .ivu-poptip{
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    z-index: 9999;
    top: 50%;
    right: 10px;
    margin-top: -10px;
}
.waitAnonStep .ivu-poptip .ivu-poptip-rel{
    text-align: center;
}
.waitAnonStep .ivu-poptip .icon-guanbi1{
    font-size: 12px;
    color: #1990FF;
}
.waitAnonStep .ivu-checkbox-wrapper{
    z-index: 99999;
    position: relative;
    white-space: normal;
    height: 100%;
    overflow: hidden;
}
.waitAnonStep .ivu-tooltip{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    white-space: normal;
    z-index: 9999;
}
.waitAnonStep .ivu-tooltip .ivu-tooltip-rel{
    height: 100%;
    width: 100%;
}
.waitAnonStep .stepName{
    height: 42px;
    position: absolute;
    top: 10px;
    left: 35px;
    right: 30px;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp: 2;/*行数*/
    -webkit-box-orient: vertical;
}
#floweditor .ivu-form-label-left .throughWays-form-item  .ivu-form-item-label{
    width:146px;
}
#floweditor .throughWays-form-item .ivu-form-item-content{
    width:308px;
    text-align:right;
}

#floweditor .disabledGptPlanBtn{
    cursor: not-allowed!important;
    color: #ccc!important;
}
/* 全局匿名设置结束 */#floweditor .window {
    right: 480px;
}
#floweditor .rightbar{
    top: 0;
}
#floweditor .flowcanvas .step text,
#floweditor .flowcanvas .step g{
    cursor: pointer;
    pointer-events: none;
}
#floweditor .ivu-checkbox-checked .ivu-checkbox-inner:after{
    border-color: #ccc;
}
.helpTips{
    color: #9B9B9B;
}::-webkit-scrollbar { width: 7px;height:7px; background-color: #F5F5F5}
::-webkit-scrollbar-track { background-color: #fff;}
::-webkit-scrollbar-thumb {  background-color: #c3c2c2;border-radius: 5px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #999;}
ul,li{
  list-style: none;
}
#floweditor{
  height: 100%; width: 100%;min-width: 780px;
}

#floweditor .leftbar{
  position: absolute;top: 0;bottom: 0;width: 150px;
  z-index: 3;
  background: #F7F9FB;
  padding-top: 8px;
  border-right: 1px solid #e2e2e2;;
}
#floweditor .ivu-tabs{
  height: 100%;
}
.field_wrap{
  overflow: auto;
  position: absolute;
  top: 217px;
  right: 0;
  bottom: 0;
  left: 0;
}
.item_wrap{
  overflow: auto;
  position: absolute;
  top: 135px;
  right: 0;
  bottom: 0;
  left: 0;
}
.item_wrap p{
  white-space: pre-wrap;
  word-break: break-word;
}
#floweditor .flowcanvas{
  position: absolute;
  top: 0;bottom: 0;right: 0;left:64px;
  z-index: 2;
  user-select: none;
  /* overflow: auto; */
  /*background: #f9f9f9;*/
}
#floweditor .header {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  position: relative;
  background-color: #001529;
}

#floweditor .header .title{
  font-size: 14px;
}
.ivu-breadcrumb-item-link{
  color: #fff;
}
.ivu-breadcrumb-item-link.active{
  color: rgba(255,255,255,.7);
  font-weight: normal;
}

#floweditor .toolbar{
  text-align: center;
  border-top: 0;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 15px;
}
#floweditor .toolbar .ivu-icon{
  color: #41B9EF;
  font-size: 14px;
}
#floweditor .scannerBtn{
  position: absolute;
  right: 0;
  padding-right: 20px;
  top:15px;
  z-index:6;
  cursor: pointer;
}
#floweditor .scannerBtn .btnWrap{
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
}
#floweditor .scannerBtn .btnWrap .ivu-icon{
  width: 50px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  color: #333;
}
#floweditor .scannerBtn .btnWrap .ivu-icon:hover{
  color: #1890FF;
}
#floweditor .scannerBtn .btnWrap .icon-kaishi, #floweditor .scannerBtn .btnWrap .icon-zishiyingdaxiao{
  border-right: 1px solid #dcdcdc;
}
#floweditor .formWrap {
  position: relative;
  height: 56px;
  padding: 12px 18px;
  background: #fff;
}
#floweditor .flowWrap{
  z-index:999;
  background: #FAFAFA url('/public/imgs/potBg.png') top center repeat;
  transition: top .3s, right .3s;
}
#floweditor .window{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  left: 0;
}
#floweditor .full{
  position: fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
}
#floweditor .flowcanvas .step.setVoteJoin rect{
  stroke: #FF8800;
}
#floweditor .flowcanvas .step.hasError rect{
  stroke: #F86161;
}
#floweditor .flowcanvas .step rect {
  cursor: pointer;
  stroke-width:1;
}
#floweditor .flowcanvas .step rect.isPass:not(.intelligent){
  fill: #F6FEF9;
  stroke: #AEF0B1;
}
#floweditor .flowcanvas .step rect.isNoAuditors{
  fill: #FFF1F2 ;
  stroke: #F9A5A5;
}
#floweditor .flowcanvas .step rect.start-or-end{
  fill: #F8FAFF;
}
#floweditor .flowcanvas .step.selected rect:not(.intelligent) {
  cursor: pointer;
  stroke: #62B4FF;
  stroke-width: 1;
  fill: rgba(230,247,255,0.60);;
  stroke-dasharray: 3;
}
#floweditor .flowcanvas .step.selected rect.intelligent {
  cursor: pointer;
  stroke: #62B4FF;
  stroke-width: 1;
  stroke-dasharray: 3;
}

#floweditor .flowcanvas .step text {
  fill: #3D464A;
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}

#floweditor .flowcanvas .step.active rect,
#floweditor .flowcanvas .step.active circle.circle_pot {
  stroke: lightblue;
}

#floweditor .flowcanvas .step circle.circle_pot {
  stroke-width: 0;
  fill: #dce3e6;
  cursor: crosshair;
}
#floweditor .flowcanvas .step.selected circle.circle_pot{
  fill: #62B4FF;
}
#floweditor .flowcanvas .step circle.end {
  fill: orange;
}

#floweditor .flowcanvas .line {
  fill: none;
  cursor: pointer;
  shape-rendering: crispEdges;
}


#floweditor .flowcanvas .guidelines{
  stroke: #7CB7F2;
  stroke-width:1;
  stroke-dasharray:5;
  shape-rendering: crispEdges;
}
#floweditor .flowcanvas .lineWrap{
  cursor: pointer;
}
#floweditor .anchor{
  cursor: crosshair;
}
.ivu-breadcrumb a{
  color:#c3c2c2;
}
#floweditor .contentWrap {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 56px;
  border: 1px solid #e8e8e8;
}
#floweditor .footerWrap {
  position: absolute;
  bottom: 0;
  height: 56px;
  width: 100%;
  padding: 12px 18px;
  background: #fff;
}
#floweditor .footerWrap .ivu-btn {
  margin-left: 10px;
  font-size: 14px;
  text-align: left;
  line-height: 22px;
}
.ivu-breadcrumb a{
  color:#fff;
}
#floweditor .ivu-breadcrumb{
  display:inline-block;
  font-size: 16px;
}
#floweditor .ivu-icon-ios-arrow-dropleft{
  font-size:18px;
  color:#fff;
  margin-right:5px;
  vertical-align: sub;
}
#floweditor .navWrap{
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -212px;
  margin-top: -14px;
}
#floweditor .navWrap ul li{
  line-height: 28px;
  height: 28px;
  width: 96px;
  margin: 0 5px;
  cursor: pointer;
  background: #262B36;
  border: 1px solid #57566D;
  border-radius: 3px;
}
.nav-name-wrap{
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.nav-name-wrap .nav-name{
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 28px;
  margin-left: 6px;
}
#floweditor .navWrap ,#floweditor .navWrap ul li,.toolbar ul li{
  display:inline-block;
}
#floweditor .navWrap ul,.toolbar ul{
  line-height: 0;
  color:#fff;
}
.toolbar ul li{
  line-height: 20px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  padding: 8px 10px;
  margin: 0 5px;
  cursor: pointer;
}
#floweditor .toolbar ul li{
  margin: 0 2px;
}
#floweditor .navWrap ul li.active,#floweditor .navWrap ul li:hover{
  background: #262B36;
}
#floweditor .navWrap .ivu-icon{
  color:#fff;
  font-size:14px;
  vertical-align: middle;
}
#floweditor .rightbar .ivu-collapse-content {
  padding: 0;
}
#floweditor .rightbar .ivu-collapse-content>.ivu-collapse-content-box {
  overflow: hidden;
  padding: 0;
}
#auditorTip .ivu-tooltip-inner .ivu-row{
  border-bottom: 1px solid #EBEDEF;
}
#floweditor .rightbar .bu_data .ivu-row,#auditorTip .ivu-row{
  min-height: 40px;
}
#floweditor .rightbar .bu_data .ivu-row,#auditorTip .ivu-tooltip-auditor .ivu-row{
  min-height: 0px;
}
#floweditor .rightbar .ivu-col,#auditorTip .ivu-col {
  padding: 10px;
  font-size: 13px;
  color: #222;
  height: 100%;
}
#floweditor .rightbar .ivu-col,#auditorTip .ivu-tooltip-auditor .ivu-col {
  max-width: 300px;
  padding: 0px;
  font-size: 13px;
  color: #222;
  height: 100%;
  float: left;
}
#floweditor .rightbar .columns ,#auditorTip .columns{
  background: #FAFAFA;
}
#floweditor .ivu-select-dropdown {
  width: 250px;
  overflow: auto;
}
.route-modal .ivu-col {
  padding: 0 10px 0 0;
}
.mcTip{
  display: none;
}
.midCir:hover .mcTip{
  display: block;
}
.mcTipWrap{
  fill: #fff;
  stroke: #E9E9E9;
  stroke-width: 1;
}
#floweditor .loading{
  width: 16px;
  height:16px;
  display: inline-block;
  background: url(img/page-loading.gif) no-repeat top center;
}
.helpTips{
  font-size: 13px;
  color: #000000;
}
.helpTips:hover{
  color: #1890FF;
}
.ivu-tooltip{
  cursor: pointer;
}
.ivu-form-item-label label{
  display: inline-block;
  vertical-align: middle;
}
.lineWrap .anchor{
  fill: #1890FF;
}
.flow-title-table {
  border: none;
}
.flow-title-table .ivu-table-cell
{
  text-overflow: unset;
  overflow: unset;
}
/* .ivu-modal-body {
    padding-left: 30px;
} */
.ivu-modal-confirm-head {
  margin-top: 20px;
}
.ivu-modal-confirm-body {
  color: #657180;
}
#auditorTip{
  position: absolute;
  padding-top: 20px;
  display: none;
  z-index: 9999999999;
}
.step polygon{
  cursor: pointer;
}
#auditorTip .ivu-tooltip-inner{
  width:513px;max-width:500px;color: #000;background-color:#fff;padding: 0;
  border: solid 1px #E9EBEE;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12), 0 0 6px 0 rgba(0,0,0,0.04);
}
#auditorTip .ivu-tooltip-auditor{
  max-width:409px;
  min-height: 34px;
  color: #000;
  background-color:#fff;
  padding: 7px 10px 0px 10px;
  border: solid 1px #E9EBEE;
  border-radius:4px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12), 0 0 6px 0 rgba(0,0,0,0.04);
}
#auditorTip .columns .ivu-col + div{
  border-left: 1px solid #E9EBEE;
}
.normal-step .close_btn{
  font-size: 24px;padding: 0;width: 24px;line-height: 24px;vertical-align: middle;
}
.normal-step .close_btn i{
  line-height: 30px;
  vertical-align: middle;
  height: 30px;
}
.normal-step .ivu-col-offset-1 {
  margin-left: 12px;
}
.normal-step .ivu-col-span-10 {
  display: block;
  width: 158px;
}
.ivu-icon-ios-close:hover{
  color: #57a3f3;
  border-color: transparent;
}
.debug-item{
  display: inline-block;
  width: 100%;
}
.debug-item .ivu-date-picker{
  width: 100%;
}
/* 单选框 */
#floweditor .ivu-radio {
  margin-right: 6px;
}
#floweditor .ivu-radio-inner {
  width: 16px;
  height: 16px;
}
#floweditor .ivu-radio-inner:after {
  left: 3px;
  top: 3px;
}
#floweditor .ivu-radio-focus {
  box-shadow: none;
}
#floweditor .ivu-radio-wrapper {
  font-size: 13px;
  color: #222222;
}
/* 多选框 */
#floweditor .ivu-checkbox-checked .ivu-checkbox-inner:after {
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
}
#floweditor .ivu-checkbox-focus {
  box-shadow: none;
}
#floweditor .ivu-checkbox {
  margin-right: 6px;
  line-height: 16px;
}
#floweditor .ivu-checkbox-wrapper {
  font-size: 13px;
  color: #222222;
  margin-right: 20px;
}
/* input输入框 */
#floweditor .ivu-input:focus {
  box-shadow: none;
}
/* 数值框 */
#floweditor .ivu-input-number {
  border-radius: 2px;
}
#floweditor .ivu-input-number:focus {
  box-shadow: none;
}
#floweditor .ivu-input-number-focused {
  box-shadow: none;
}
#floweditor .ivu-input-number-handler {
  height: 13px;
}
#floweditor .ivu-input-number-input-wrap {
  height: 30px;
}
/* 日期框 */
#floweditor .ivu-input-icon {
  line-height: 30px;
}
#floweditor .ivu-icon-ios-close-circle {
  font-size: 14px;
}
/* 下拉框*/
#floweditor .ivu-select-selection {
  border-radius: 2px;
}
#floweditor .ivu-select-visible .ivu-select-selection {
  box-shadow: none;
}
/* end */

#floweditor .formWrap .ivu-icon-ios-add{
  font-size: 17px;
  color: #222;
  cursor: pointer;
}
#floweditor .footerWrap ul li{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #666;
  margin-right: 20px;
  vertical-align: middle;
}
#floweditor .footerWrap ul li i{
  font-size: 16px;
  vertical-align: middle;
  margin: 0 6px 3px 0;
  display: inline-block;
}
.formWrap {
  font-size: 0;
}
.label-text {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  line-height: 30px;
  vertical-align: middle;
  margin-right: 10px;
  width: 65px;
}
.label-text:after {
  content: '*';
  position: relative;
  top: -3px;
  right: -5px;
  display: inline-block;
  margin-right: 4px;
  line-height: 1;
  font-size: 12px;
  color: #ed4014;
}
.formItem{
  padding: 0 16px;
  margin-top: 16px;
  position: relative;
}
.formItem .ivu-select-selection{
  height: 30px;
  width: 368px;
}
.ResultListTitle{
  padding: 0 16px 16px;
  color: #222;
  font-size: 13px;
  border-bottom: 1px solid #EBEDEF;
}
.flowDebug .ivu-form-item-error-tip{
  position: absolute;
  top: 30px;
  left: 95px;
}
.flowDebug .footerWrap ul li i.icon-changtong{
  color: #21ca6f;
}
.flowDebug .footerWrap ul li i.icon-shouzu,.flowDebug .footerWrap ul li i.icon-shuo{
  color: #f86161;
}
#auditorTip .ivu-poptip-arrow{
  top: 30px;
  left: -9px;
  border-width: 9px 9px 9px 0;
  border-right-color: hsla(0,0%,85%,.5);
}
#auditorTip .ivu-poptip-arrow::after{
  content: " ";
  left: 1px;
  bottom: -7px;
  border-left-width: 0;
  border-right-width: 9px;
  border-right-color: #FAFAFA;
}
#poptip-arrow.ivu-poptip-arrow::after{
  left: 2px;
  border-right-color: #FFF;
}
#auditorTip .ivu-poptip-arrow.right{
  top: 30px;
  right: -10px;
  left: auto;
  border-width: 9px 0px 9px 9px;
  border-left-color: hsla(0,0%,85%,.5);
}
#auditorTip .ivu-poptip-arrow.right::after{
  content: " ";
  right: 1px;
  left: auto;
  bottom: -7px;
  border-right-width: 0;
  border-left-width: 9px;
  border-left-color: #FAFAFA;
}
#poptip-arrow.ivu-poptip-arrow.right::after{
  right: 2px;
  border-left-color: #FFF;
}
#floweditor .icon-step-font{
  width: 14px;
  height: 14px;
  margin-right: 6px;
  opacity:1;
  border-radius:1px;
  border: solid 1px;
  display: inline-block;
  line-height: 30px;
  vertical-align: -2px;
}
#floweditor .icon-step-Pass{
  color: #F6FEF9;
  border-color: #AEF0B1;
}
#floweditor .icon-step-Doing{
  color: #FFEEDA;
  border-color: #FFAC4D;
}
#floweditor .icon-step-Error{
  color: #FFF1F2;
  border-color: #FF6F6F;
}
#floweditor .icon-step-Reject{
  color: #EDF6FF;
  border-color: #4DA9FF;
}
#floweditor .icon-step-NotActivated{
  color: #FFFFFF;
  border-color: #C9D1D5;
}
#floweditor .icon-line-Doing{
  color: #1990FF;
}
#floweditor .icon-line-NotActivated{
  color: #B6BDC3;
}

.flowTreeWrap{
  height: 388px;
  border: 1px solid #E9EBEE;
  margin-top: 12px;
  overflow: hidden;
}
.flowTreeWrap > div{
  float: left;
}
.flowTreeWrap #my_tree{
  width: 380px;
  border-right: 1px solid #E9EBEE;
}
.flowTreeWrap .checkedWrap{
  width: 276px;
  height: 100%;
  overflow: auto;
  white-space: nowrap;
}
.flowTreeWrap .checkedWrap ul{
  float: left;
  min-width: 100%;
}
.flowTreeWrap .checkedWrap ul li{
  height: 30px;
  line-height: 30px;
  padding-left: 16px;
  border-bottom: 1px solid #E9EBEE;
}
.flowTreeWrap .checkedWrap ul li:hover{
  background-color: #F5F5F5;
}
.flowTreeWrap .checkedWrap ul li.active{
  background-color: #F4F9FF;
}
#floweditor .flowcanvas .step text.isSubProcess{
  fill: #1990FF;
  cursor: pointer;
}