.perspm-tree {
  height: 100%;
}

.perspm-tree__close {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 14px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: url(../../images/close.svg) transparent no-repeat 50% 50%;
  vertical-align: middle;
  transition: all .2s;
  cursor: pointer;
}

.perspm-tree__switcher {
  display: inline-block;
  vertical-align: baseline;
  width: 9px;
  height: 100%;
  margin-right: 8px;
  background: url(../../images/arrow.svg) transparent no-repeat 50% 50%;
  transition: all .2s;
  cursor: pointer;
}

.perspm-tree__switcher-close {
  transform: rotate(-90deg);
}

.perspm-tree__switcher-opend {
  transform: rotate(0deg);
}

.perspm-tree .rc-tree-node-content-wrapper {
  height: unset !important;
}

.perspm-tree .rc-tree-treenode-selected .perspm-tree__selector {
  display: inline-block;
}

.perspm-tree .perspm-tree__selector {
  display: none;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: #000000;
  background: url(../../images/checked.svg) transparent no-repeat 50% 50%;
  transition: all .2s;
  cursor: pointer;
}

.perspm-tree .perspm-tree__selector-depart {
  margin-top: 2px;
}

.perspm-tree .perspm-tree__selector-person {
  vertical-align: middle;
}

.perspm-tree .rc-tree-treenode {
  display: flex;
  cursor: pointer;
}

.perspm-tree .rc-tree-treenode:hover {
  background: #F7F8FA;
}

.perspm-tree .rc-tree-treenode .rc-tree-indent {
  position: relative;
  align-self: stretch;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.perspm-tree .rc-tree-treenode .rc-tree-indent .rc-tree-indent-unit {
  position: relative;
  height: 100%;
}

.perspm-tree .rc-tree-treenode .rc-tree-indent .rc-tree-indent-unit::before {
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 1px solid blue;
  left: 50%;
  content: '';
}

.perspm-tree .rc-tree-treenode .rc-tree-indent .rc-tree-indent-unit-end::before {
  display: none;
}

.perspm-tree .rc-tree-treenode .rc-tree-switcher-noop::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: red;
  border-radius: 100%;
}

.perspm-tree .rc-tree-child-tree {
  display: block;
}

.perspm-tree .node-motion {
  transition: all .3s;
  overflow-y: hidden;
}