@import "mixins/utils";
.aos-flow {
  height: 100%;
  min-width: 200px;
  position: relative;
  &__taskName{
    margin-bottom:17px;
    font-size: 12px;
    color:#409EFF;
    font-weight: 400;
    display: flex;
  }
  &__icon{
    width: 12px;
    height: 12px;
    background: #E2F0FF;
    border-radius:50%;
    position: relative;
    margin-right:5px ;
    &__center{
      width: 5px;
      height: 5px;
      border: 1px solid #409EFF;
      border-radius:50%;
      position: absolute;
      left: 50%;
       top: 50%;
       transform: translate(-50%,-50%);
    }
  }
  &__message-title{
    font-size: 12px;
    font-weight: 500;
    color: #222222;
  }
  &__part {
    .el-form-item__label {
      font-size: 12px;
      font-weight: 500;
      color: #222222;
      padding: 0;
    }
  }
  &__part-message {
    margin-top: 12px;
    margin-bottom: 20px;
  }
  &__upload {
    .el-upload-dragger{
      width: 168px;
      height: 99px;
    }
  }
  &__body {
    overflow-y: auto;
    height: calc(100% - 52px);
  }
  &__footer {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding-top: 20px;
    background: #ffffff;
    &-button {
      margin-left: 12px;
    }
    &-inline{
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
  }
  &__option {
    display: flex;
    justify-content: space-between;
    &-label {
      flex-grow: 1;
    }
    &-common {
      cursor: pointer;
    }
    &-tree {
      &-main {
        &-item {
          width: 100%;
          display: flex;
          justify-content: space-between;
        }
      }
    }
  }
}

.el-scrollbar__view {
  .aos-flow__option-tree-option {
    height: 100%;
    background: #ffffff;
  }
  .aos-flow__option-tree-option.selected {
    font-weight: 400;
  }
  .aos-flow__option-tree-option.selected.hover{
    background: #ffffff;
    font-weight: 400;
  }
}