.je-workflow-operation-user{
  height:450px;
  .task-user-selector{
    padding-top:10px;
    height: 100%;
    display: flex;
    &-tree{
      flex:1;
      .je-panel-item-region-default{
        border-color: @border-color-base;
        border-style: solid;
        border-width:0 1px 1px;
        overflow: hidden;
      }
    }
    &-buttons{
      width:46px;
      flex:none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      .ant-btn{  
        height: 24px;
        line-height: 24px;
        padding: 0;
        width: 24px;
        margin:10px 0;
      }
    }
    &-users{
      flex:1;
      display: flex;
      border:1px solid @border-color-base;
      flex-direction: column;
      &-disabled{
        background: #f5f5f5;
      }
      .users-wrapper{
        flex:1;
        overflow: auto;
        .users-item{
          height:32px;
          line-height: 32px;
          cursor: pointer;
          &:hover,
          &.is--active{
            background-color:darken(@primary-1,2%);
          }
          .user-icon{
            padding:0 10px;
          }
          .close-icon{
            float: right;
            line-height: 32px;
            padding:0 10px;
            display: none;
          }
          &:hover{
            .close-icon{
              display: inherit;
            }
          }
        }
        .users-item-sortable-ghost{
          opacity: 0;
        }
      }
      .users-info{
        flex:none;
        text-align: right;
        font-size: 12px;
        color: #7F7F7F;
        padding: 6px;
      }
      .users-countersign{
        flex:none;
        border-top:1px solid @border-color-base;
        .je-radio-group{
          .ant-row{
            width:100%;
          }
        }
      }
    }
  }
}