/* 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 .cdk-drop-list-dragging .drop-inside {
  border: 2px solid #00b7ff !important;
}
.tree .cdk-drop-list-dragging .drop-before {
  border-top: 2px solid #00b7ff !important;
}
.tree .cdk-drop-list-dragging .drop-after {
  border-bottom: 2px solid #00b7ff !important;
}
.tree .tree-node {
  display: grid;
  vertical-align: middle;
  place-content: center start;
  cursor: move;
}
.tree .tree-node a, .tree .tree-node mat-button, .tree .tree-node mat-icon-button {
  cursor: pointer;
}
.tree .tree-node .hover-box {
  padding-right: 0.5rem;
}
.tree .tree-node .hover-box:hover ~ .hover-show {
  display: unset;
}
.tree .tree-node .hover-show {
  display: none;
  padding-bottom: 1rem;
  padding-right: 5rem;
}
.tree .tree-node .hover-show:hover {
  display: unset;
}
.tree .tree-node .tree-node {
  padding-left: 2.5rem;
}
.tree .tree-node .tree-node .tree-node-content {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tree .tree-node .tree-node .tree-node-content .node-name {
  font-size: 10pt;
}
.tree .tree-node .tree-node-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0.5rem;
}
.tree .tree-node .tree-node-content.border {
  border: dashed 1px #ccc;
}
.tree .tree-node .tree-node-content .node-name {
  font-weight: bold;
  font-size: 15pt;
  padding-right: 0.5rem;
}
.tree .tree-node .tree-node-content .mat-button-placeholder {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: baseline;
  line-height: 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 .tree-node.cdk-drop-list-dragging .tree-node:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.tree .cdk-drop-list-dragging .hover-show {
  display: none !important;
}
.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 !important;
}
.cdk-drag-preview .hover-show {
  display: none !important;
}
.cdk-drag-placeholder {
  opacity: 50%;
  display: none !important;
}
.cdk-drag-placeholder .hover-show {
  display: none !important;
}
.cdk-drag-placeholder .tree-node-drop-list {
  display: none !important;
}

sa-tree-dialog .mat-dialog-title,
sa-internal-tree-dialog .mat-dialog-title {
  margin-bottom: 0;
}
sa-tree-dialog .mat-tab-body,
sa-internal-tree-dialog .mat-tab-body {
  margin-top: 20px;
}
sa-tree-dialog .tree-dialog-content .form-field,
sa-internal-tree-dialog .tree-dialog-content .form-field {
  width: 320px;
}
sa-tree-dialog .tree-dialog-content .dialog-form,
sa-internal-tree-dialog .tree-dialog-content .dialog-form {
  margin-top: 20px;
}
sa-tree-dialog .tree-dialog-content .radio-button,
sa-internal-tree-dialog .tree-dialog-content .radio-button {
  padding: 0 5px;
}
sa-tree-dialog .tree-dialog-content .svg-grey svg g,
sa-internal-tree-dialog .tree-dialog-content .svg-grey svg g {
  fill: #666666;
}
/*# sourceMappingURL=tree.component.css.map */
