.rdisk-tree {
  ul,
  li {
    margin: 0;
    list-style: none;
  }

  ul {
    padding-left: 26px;
  }

  .mat-tree-node {
    cursor: pointer;
    min-height: 24px;

    &:hover {
      background: hsl(219deg 29% 82%);
    }

    &.selected {
      background: lightgray;
    }
  }

  &:focus {
    outline: none;

    .mat-tree-node.selected {
      background: hsl(219deg 29% 72%);
    }
  }
}

::ng-deep {
  .rdisk-tree {
    .tree-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;

      width: 16px;
      height: 16px;
      margin: 0 5px;

      line-height: 16px;
    }
  }
}