/*@colorAmpelRed: #FF0707;
@colorAmpelYellow: #FCC002;
@colorAmpelGreen: #05CB05;
*/
/*media queries variables*/
/* TODO Abstände, Farben etc. noch genau ausarbeiten */
.responsive-tree-view {
  box-sizing: border-box;
}
.responsive-tree-view .grouped-branches {
  margin-left: 2em;
}
.responsive-tree-view .grouped-branches .tree-node-wrapper {
  margin-left: 0;
}
.responsive-tree-view .tree-node-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  margin-left: 2em;
}
.responsive-tree-view .tree-node-wrapper .grouped-branches {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.responsive-tree-view .tree-node-wrapper .grouped-branches .group {
  min-width: 30em;
}
.responsive-tree-view .tree-node-wrapper .grouped-branches .group-name {
  min-width: 30em;
  border-bottom: 1px solid #C9C9C9;
}
.responsive-tree-view .tree-node-wrapper .grouped-branches .group-name:first-child {
  margin-left: 1.95em;
}
.responsive-tree-view .tree-node-wrapper .tree-node-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.responsive-tree-view .tree-node-wrapper .tree-node-row .tree-node-expander {
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  width: 1.45em;
  height: 1.7em;
  padding-top: 0.1em;
}
.responsive-tree-view .tree-node-wrapper .tree-node-row .tree-node {
  /*width: @treeNodeWidth;*/
  min-height: 1.2em;
  cursor: default;
}
.responsive-tree-view .tree-node-wrapper .tree-node-row .group-name {
  width: 30em;
  text-decoration: underline;
}
.responsive-tree-view .tree-node-wrapper .tree-node-row .select input[type=checkbox] {
  width: 0.9rem;
  height: 0.9rem;
  margin-top: 0.1rem;
  border-radius: 0.2rem;
}
.responsive-tree-view .tree-node-wrapper .tree-node-row .select input[type=checkbox]:indeterminate::before {
  content: "";
  display: block;
  color: white;
  width: 0.9rem;
  height: 0.9rem;
  /*margin-top: .1rem;*/
  background-color: #0075ff52;
}
.responsive-tree-view .tree-node-wrapper.level-0 {
  margin-left: 0;
}
.responsive-tree-view .tree-node {
  margin-left: 1.7em;
}
.responsive-tree-view .tree-node-wrapper .tree-node-expander + .tree-node {
  margin-left: 0;
}
.responsive-tree-view .tree-node-wrapper .tree-node-expander + .select {
  margin-left: 0;
}
.responsive-tree-view .tree-node-wrapper .select + .tree-node {
  margin-left: 0;
}
.responsive-tree-view .tree-node-wrapper .select {
  margin-left: 1.7em;
}