@include b(tree){
  & > .mc-tree-node:first-child > .line-before{
    border: none;

  }
}

@include b(tree-node) {
  white-space: nowrap;
  outline: none;
  position: relative;
  //padding-left: 40px;
  padding-top: -50px;
  .line-before{
    height: auto;
    border:none;
    border-left: dotted 1px $grey-color;
    position: absolute;
    display: block;
    width: 1px;
    left: 0;
  }

  .line-after{
    height: auto;
    border:none;
    border-left: dotted 1px $grey-color;
    position: absolute;
    display: block;
    width: 1px;
    left: 0;
  }

  &:last-child{
    & > .line-after{
      border: none;
    }
  }

  & + & {
    & > .line-before{
      border: none;
    }
  }



  @include e(content) {
    position: relative;
    //margin-left: -47px;
    margin-left: -6px;

    cursor: pointer;
    &:hover {
      background-color: $white-highlight-color;
    }
  }


  @include e(content-container) {
    display: flex;
    align-items: center;
  }



  @include e(icon-container) {
    display: flex;
    align-items: center;
    margin-right: 16px;
  }

  @include e(node-container) {
    display: flex;
    align-items: center;
  }

  @include e(expand-icon) {
    color: $main-color;
    cursor: pointer;
    font-size: 16px;
    padding-right: 4px;
    &::after {
      content: " ";
      width: 100%;
      height: 5px;
      background-color: #E9E9E9;
      display: inline-block;
      border-top-width: 1px;
      border-top-color: $grey-color;
      border-top-style: dotted;
      background: none;
      margin-left: 6px;
    }
  }

  @include e(bro-link) {
    position: absolute;
    top:0;
    height: 100%;
    border-right: 1px dotted $grey-color;
  }
  @include e(child-link) {
    position: absolute;
    top: 0;
    height: 100%;
    border-right: 1px dotted $grey-color;
    //border-right: 1px dotted red;
  }
}