@import 'mixins/mixins';
@import 'common/var';

$item-border: 1px solid #DCDFE6;
$item-header: 40px;
@include b(manager-detail) {
  .el-dialog__header{
    padding: 20px;
  }
  @include e(header) {
    .el-button--text {
      color: #909399;
      font-size: 16px;
      padding: 2px 0;
    }
    .el-button--text:hover {
      color: #409eff;
    }
  }
  @include e(body) {
    border-top: 1px solid #f4f4f4;
    display: flex;
    height: 100%;
  }
  @include e(menu) {
    background: #f1f8ff;
    @include m(item) {
      cursor: pointer;
      white-space: nowrap;
      padding: 10px 20px;
      text-align: center;
      &:hover {
        color: #379fff;
        background: #dcedfe;
      }
    }
  }

  @include e(content) {
    padding: 10px 20px;
    width: 100%;
    @include m(header) {
      color: #333333;
      font-size: 14px;
      font-weight: 400;
      height: $item-header;
      span{
        margin-left:10px;
        display: inline-block;
        line-height: 15px;
        border-left: 4px solid #4E80F5;
        padding-left:10px;
      }
    }
    @include m(body) {
      .el-form-item__content {
        color: black;
        font-size:12px;
      }
      .el-form-item--small.el-form-item{
        margin-bottom: 8px;
      }
    }
    @include m(item) {
      .el-divider--horizontal {
        margin: 12px 0 24px 0;
      }
      @include when(border){
        border: $item-border;
        margin-bottom: 37px;
        &:last-child{
          margin-bottom: 0;
        }
        .el-manager-detail__content--header{
          line-height: $item-header;
          padding-left:5px;
        }
        .el-manager-detail__content--body{
          padding: 10px;
        }
      }
    }
  }
}