/* write style here */
.yw-materials-render {
}
.yw-materials-content {
}
.yw-materials-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.pie_title {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  
  i {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    margin-right: 8px;
    flex-shrink: 0;
  }
}
.modal-user-selector {
  
  .ant-modal-title {
    color: #000;
    font-size: 20px;
    font-weight: normal;
  }
  .ant-modal-header {
    padding: 18px 24px;
  }
  .ant-modal-body {
    display: flex;
    padding: 0;
    height: 419px;
    align-items: flex-end;
    justify-content: center;
    max-height: calc(100vh - 300px);
  }
  .ant-breadcrumb {
    margin-left: 25px;
    margin-right: 20px;
    .ant-breadcrumb-separator {
      color: #d8d8d8;
    }
  }
  .ant-checkbox-inner {
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .ant-checkbox-checked::after {
    border-radius: 50%;
  }
  .ant-checkbox + span {
    position: relative;
    top: -2px;
  }
  .ant-checkbox-inner::after {
    left: 28.5%;
  }

  &-left,
  &-right {
    flex: 1;
    height: 100%;
  }
  &-left {
    border-right: 1px solid #f0f0f0;
    padding: 16px;
    position: relative;
    padding-bottom: 60px;
    
    .ant-select {
      height: 100%;
      overflow-y: auto;
    }
    

    &-footer {
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 16px;
      
      .ant-btn-primary {
        margin-right: 12px;
      }
      
    }
  }
  &-right {
    overflow: auto;
    padding: 20px 0;
    .title {
      color: #333;
      font-size: 18px;
      font-weight: 500;
      display: flex;
      align-items: center;
      margin-bottom: 12px;
      margin-left: 24px;
    }
    .dept-list {
      margin-bottom: 10px;
      color: #666;
      font-size: 14px;
     
      .ant-breadcrumb {
        color: #333;
      }
      .ant-breadcrumb > span:not(:last-child) {
        color: #999;
        cursor: pointer;
        &:hover {
          color: #1890ff;
        }
      }
      .ant-breadcrumb > span:last-child {
        color: #999;
      }
      
    }
    .item-row {
      cursor: pointer;
      padding: 10px 20px;
      &:hover {
        background: #efefef;
      }
      &-right {
        color: #999;
        font-size: 12px;
        padding-left: 8px;
        border-left: 1px solid #d8d8d8;
        line-height: 12px;
      }
      [data-disabled='false'] {
        cursor: pointer;
        &:hover {
          color: #1890ff;
        }
      }
      [data-disabled='true'] {
        cursor: no-drop;
      }
    }
   
    .ant-row {
    }
    
  }
}
.dropdown-user-selector {
  &-help {
    color: #999;
    padding: 8px 12px;
  }
  &-item {
  }
}
