/*Positioning*/
#archive-tree .card-body {
    padding-left: 0.5em !important; /*To override bootstrap styling*/
    padding-right: 0.5em !important; /*To override bootstrap styling*/
}

/*-- BEM --*/
.archive-tree {

}
    .archive-tree__icon {
        float: left;
        height: 1.6rem;
        width: 1.6rem;
        padding-top: 0.4em;

    }
    .archive-tree__childs {
        list-style: none;
        padding-left: 1em;
    }
        .archive-tree__childs:first-child { /*Removes padding between archiveTree and card boarder*/
            padding-left: 0;
        }
    .archive-tree__node-container {
        border-top: solid;
        border-color: #d3d3d3; 
        border-width: 1px;
    }
    .archive-tree__node-container--no-border:first-child {
        border: none;
    }

    .archive-tree__node {

    }
        .archive-tree__node--no-expander { /*For nodes missing expander because som archive object types cant have children and be expanded, replaced with some extra padding*/
                margin-left: 2em;
        }
        .archive-tree__node--selected { 
            background: #87cefa;
            border-radius: 0.2em;
        }

    .archive-tree__node-expander {
        height: 2rem;
        width: 2rem;
        padding: 0rem;
        fill: #1b6ec2;
        
        cursor: pointer;
    }
        .archive-tree__node-expander:hover {
            fill: #37589A;
        }
        .archive-tree__node-expander--expanded {
            transform: rotate(90deg);
        }
        .archive-tree__node-expander--partially-expanded {
            transform: rotate(45deg);
        }

    .archive-tree__node-icon {

    }
    .archive-tree__node-icon--large {
        height: 1.7rem;
        width: 1.7rem;
        padding-top: 0.2em;
    }
    .archive-tree__node-name {
        display: block;
        padding-left: 0.5em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;

        text-overflow: ellipsis;
        white-space: break-spaces;
        overflow: hidden;
    }

    .archive-tree__node-name--link {

    }

@media (min-width: 764px) {

    #archive-tree .card-body {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }
}