@import './common/var.scss';
$--tree-offset-base: 240px;
.es-tree-group {
  height: 100%;
  &.es-tree-steps-group {
    padding-top: 110px;
    position: relative;
    .es-steps-group {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
    }
  }
  .es-tree-group-left {
    height: 100%;
    width: $--tree-offset-base;
    float: left;
    .es-tabs-tree-card {
      height: 100%;
      position: relative;
      .el-tabs__nav-wrap {
        padding-top: 9px;
      }
      .el-tabs__nav {
        border: 0;
        border-radius: 0;
      }
      .el-tabs__header {
        margin: 0;
      }
      .el-tabs__item {
        height: 36px;
        line-height: 36px;
        border-radius: 10px 10px 0px 0px !important;
        padding: 0 20px;
        border: $--border-base;
        & + .el-tabs__item {
          margin-left: 8px;
        }
        &.is-active {
          background-color: $--color-primary;
          border-color: $--color-primary;
          color: #fff;
        }
      }
      .el-tabs__content {
        position: absolute;
        top: 45px;
        right: 0;
        bottom: 0;
        left: 0;
        .el-tab-pane {
          height: 100%;
        }
      }
      &.es-tabs-tree-card-plus {
        .el-tabs__nav-wrap {
          padding-top: 14px;
        }
        .el-tabs__content {
          top: 50px;
        }
      }
    }
  }
  .es-tree-group-right {
    height: 100%;
    margin-left: $--tree-offset-base;
    border-left: $--border-base;
  }
}
