.tree-nav__item {
    display: block;
    white-space: nowrap;
    position: relative;
}

    .tree-nav__item.is-expandable::before {
        content: "";
        height: 100%;
        left: 0.8rem;
        position: absolute;
        top: 2.4rem;
        height: calc(100% - 2.4rem);
    }

    .tree-nav__item .tree-nav__item {
        margin-left: 2.4rem;
    }

    .tree-nav__item.is-expandable[open] > .tree-nav__item-title::before {
        transform: rotate(90deg);
    }

    .tree-nav__item.is-expandable > .tree-nav__item-title {
        padding-left: 2.4rem;
    }

        .tree-nav__item.is-expandable > .tree-nav__item-title::before {
            position: absolute;
            will-change: transform;
            transition: transform 300ms ease;
            /*color: #fff;*/
            font-size: 1.1rem;
            content: "\25BA";
            left: 0;
            display: inline-block;
            width: 1.6rem;
            text-align: center;
        }

.tree-nav__item-title {
    cursor: pointer;
    display: block;
    outline: 0;
    /*color: #fff;*/
    font-size: 1.5rem;
    line-height: 3.2rem;
}

    .tree-nav__item-title .icon {
        display: inline;
        padding-left: 1.6rem;
        margin-right: 0.8rem;
        color: #666;
        font-size: 1.4rem;
        position: relative;
    }

        .tree-nav__item-title .icon::before {
            top: 0;
            position: absolute;
            left: 0;
            display: inline-block;
            width: 1.6rem;
            text-align: center;
        }

    .tree-nav__item-title::-webkit-details-marker {
        display: none;
    }

.nn-hierarquia-tree-tipo-nome {
    font-size: 1.3rem;
    font-weight: bold;
    color: #777;    
}

.nn-hierarquia-tree-nome label {
    font-size: 1.3rem;
    color: #777;    
}

.nn-hierarquia-tree-nome {
    font-size: 1.3rem;
    color: #777;
}