@import "../utilities/utilities.scss";

.azui {
    &.azTree {
        font-size: 14px;
        color: #333;
        outline: none;
        cursor: pointer;

        svg {
            width: 15px;
            fill: #666;
            position: relative;
            top: 2px;
            margin-right: 2px;
            transform: rotate(90deg);
            // left: -3px;

            &.collapsed {
                transform: rotate(0deg);
            }
        }

        .keyon {
            background-color: $less-active;
        }

        .azTreeNode {
            @extend %hoveractive;
            line-height: 2;
        }

        .azTreeBranch {
            display: block;

            &.collapsed {
                display: none;
            }

            padding-left: 20px;
        }
    }
}