.note-list-tree-component{
    /*margin-left: var(--resgui-quartercolumn);*/
    background-color: transparent;
}

.note-list-header-tree-component{
    width: fit-content;
    padding-right: 4px;
    border: 1px solid transparent;
}

.note-list-header-tree-component-active{
    border: 1px solid var(--font-light);
}

.note-list-header-tree-component:hover{
    background-color: var(--group-row-background);
}

.note-list-header-tree-component-horizontal-line{
    border-top: 1px solid var(--main-gb-dark-color);
    min-width: var(--resgui-quartercolumn);
    width: var(--resgui-quartercolumn);
    max-width: var(--resgui-quartercolumn);
    min-height: 0;
    height: 0;
    max-height: 0;
}

.note-list-tree-view-element-to-insert{
    background-color: transparent;
    width: fit-content;
}

.note-list-tree-view-element-to-insert:hover{
    background-color: var(--group-row-background);
}

.note-list-tree-view-element-to-insert span{
    margin: 0 var(--resgui-halfcolumn);
}

.note-list-header-tree-component span{
    margin-left: var(--resgui-quartercolumn);
}

.note-list-header-tree-component span mark,
.note-list-tree-view-element-to-insert span mark{
    background-color: var(--secondary-toolbar-background);
}

.note-list-header-tree-component .button-icon-image {
    display: none;
    margin: 0 var(--resgui-quartercolumn);
}

.note-list-header-tree-component:hover .button-icon-image {
    display: flex;
}

.note-list-component-tree-container{
    /*background-color: red;*/
    margin-left: var(--resgui-1column);
    width: calc(100% - var(--resgui-1column) - 1px);
    height: fit-content;
}

.note-list-component-tree-component{
    width: fit-content;
    height: fit-content; 
}

.note-list-component-tree-border{
    border-right: 1px solid var(--main-gb-dark-color);
    min-width: 0;
    width: 0;
    max-width: 0;
}