/* Based on Angular Material 8+ */
.tree .display-none {
  display: none;
}
.tree .position-absolute {
  position: absolute;
}
.tree .svg-grey svg g {
  fill: #666666;
}
.tree .visibility-off svg g {
  fill: #FF5B3A;
}
.tree .full-width {
  width: 100%;
}
.tree ul, .tree li {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.tree .float-right {
  position: relative;
  float: right;
}
.tree .drop-inside {
  border: 2px solid #00b7ff !important;
}
.tree .drop-before {
  border-top: 2px solid #00b7ff !important;
}
.tree .drop-after {
  border-bottom: 2px solid #00b7ff !important;
}
.tree .tree-node {
  display: block;
  cursor: move;
}
.tree .tree-node a, .tree .tree-node mat-button, .tree .tree-node mat-icon-button {
  cursor: pointer;
}
.tree .tree-node .hover-box:hover ~ .hover-show {
  display: unset;
}
.tree .tree-node .hover-show {
  display: none;
}
.tree .tree-node .hover-show:hover {
  display: unset;
}
.tree .tree-node .tree-node {
  padding-left: 40px;
}
.tree .tree-node .tree-node-content .visibility-off {
  opacity: 0.5;
}
.tree .tree-node .tree-node-content .type-icon {
  height: 15px;
  width: 22px;
}
.tree .tree-node .tree-node-content .type-none {
  padding-left: 6px;
}
.tree .tree-node .tree-node-content .route-none {
  color: #FF5B3A;
}
.tree .tree-node .tree-node-content .mat-button-disabled {
  height: 24px;
}
.tree-dialog-content .form-field {
  width: 320px;
}
.tree-dialog-content .dialog-form {
  margin-top: 20px;
}
.tree-dialog-content .radio-button {
  padding: 0 5px;
}
.tree-dialog-content .svg-grey svg g {
  fill: #666666;
}
/*# sourceMappingURL=tree.component.css.map */
