.with-trees {
  list-style-type: none;
  padding-left: 0;
  margin: 20px 5px 0 10px;
}
.with-trees ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 15px;
}
.with-trees .with-trees__collapser {
  background: url('../img/with-tree.png') no-repeat 0 0;
}
.with-trees .with-trees__collapser {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-position: -32px 0;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.with-trees .with-tree__node {
  display: block;
  cursor: pointer;
  border: 1px solid transparent;
  padding-left: 10px;
}
.with-trees .with-tree__node.active {
  background: #d1e8ff;
  border-color: #66a7e8;
}
.with-trees .with-tree__node:hover {
  background: #e5f3fb;
  border-color: #70c0e7;
}
.with-trees .with-tree__node .node-icon {
  color: #7a7676;
  font-size: 14px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.with-trees li {
  padding: 0 0 0 20px;
  margin: 0;
}
.with-trees li.hasChild {
  padding-left: 0;
}
.with-trees li.collapsed .with-trees__collapser {
  background-position: 0 0;
}
.with-trees li.collapsed .with-trees__collapser:hover {
  background-position: -16px 0;
}
.with-trees li.collapsed ul {
  display: none;
}
.with-trees > li {
  margin-bottom: 28px;
}
.with-trees-messages ul {
  padding: 0 0 0 30px;
}
.with-trees-messages > li {
  margin-bottom: 0;
}