@import '_content/BlazorStrap.V4/BlazorStrap.V4.bundle.scp.css';
@import '_content/BlazorStrap/BlazorStrap.bundle.scp.css';
@import '_content/Technologik.Toolkit.WebComponents.CommonComponents.Client/Technologik.Toolkit.WebComponents.CommonComponents.Client.bundle.scp.css';

/* /Shared/TreeView/TreeNode.razor.rz.scp.css */
/*
    Tree View
*/

.tree-item[b-01d53n71zq] {
    display: flex;
    flex-direction: column;
    margin-top: 0px;

}

.tree-item:not(:first-child)[b-01d53n71zq] {
    margin-top: 8px;
}

.tree-item .children[b-01d53n71zq] {
    padding-top: 8px;
    padding-bottom: 0px;
}

.tree-item .children .tree-item:not(:first-child)[b-01d53n71zq] {
    margin-top: 8px;
}

.tree-item .node[b-01d53n71zq] {
    display: flex;
    z-index: 1;
    border-radius: 8px;
    justify-items: center;
    align-items: center;
    border: 1px dashed #c4c4c4;
    padding: 4px;
    padding-right: 8px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.tree-item .node:hover[b-01d53n71zq] {
    background: #f0f0f0;
}

.tree-item .avatar[b-01d53n71zq] {
    padding: 0px;
}

.tree-item .title[b-01d53n71zq] {
    color: black;
}

.tree-item .content[b-01d53n71zq] {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
}

.tree-item .children[b-01d53n71zq] {
    padding-left: 64px;
    position: relative;
}

.tree-item .children[b-01d53n71zq]:after {
    width: 4px;
    top: 0;
    height: calc(100% - 29px);
    position: absolute;
    left: 26px;
    background: #6e81dc;
    content: ' ';
}

.tree-item .children .node>.marker[b-01d53n71zq] {
    width: 0px;
    height: 0px;
    background: red;
    position: relative;
}

.tree-item .children .node>.marker[b-01d53n71zq]:before {
    width: 38px;
    left: -43px;
    height: 4px;
    position: absolute;
    background: #6e81dc;
    content: ' ';
    border-bottom-left-radius: 3px;
}