@import './process-one.less';
@import './process-two.less';
@import './process-three.less';
@import './task-change.less';
@import './operation-user.less';
.je-workflow-operation{
  &-null-context{
    background: url(../../assets/image/null.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: unset;;
    background-size: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #A9ABA9;
    span{
      margin-top: 30px;
    }
  }
  &-tbar{
    padding-bottom:10px;
    .ant-col{
      height:40px;
      line-height: 40px;
      text-align: center;
      background-color: #EEF0F4;
      color:#aaaaaa;
      padding: 0 20px 0 40px;
      .icon{
        margin-right:6px;
      }
      &::before,
      &::after{
        position: absolute;
        content: '';
        top: 0;
        right: -42px;
        border: 20px solid transparent;
        z-index: 1;
      }
      &::before{
        border-left-color: #dbdcdd;
      }
      &::after{
        border-left-color: #EEF0F4;
        right: -40px;
      }
      &.is--active{
        background-color: @primary-color;
        color: #ffffff;
        &::before{
          border-left-color: #ffffff;
        }
        &::after{
          border-left-color: @primary-color;
        }
      }



      &:first-child{
        border-radius: 4px 0 0 4px;
      }
      &:last-child{
        border-radius: 0 4px 4px 0;
        &::after,
        &::before{
          display: none;
        }
      }
    }
  }
  &-bbar{
    height:60px;
    .ant-btn{
      min-width:74px;
    }
  }
}