div[data-angular-treeview] {
    /* prevent user selection */
    
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    /* default */
    font-size: 14px;
    font-weight:600;
    color: white;
    text-decoration: none;
    text-shadow:1px 1px black;
}

div[data-tree-model] ul {
   
    padding:5px;
    list-style: none;
    border: none;
    overflow: hidden;
    border-color: lightslategray;
}   

div[data-tree-model] li {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 20px;
    margin-top:3px;
    border: none;
    border-color: lightblue;
    border-radius:10px;
    box-shadow:  2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(33,151,184,1);
}

    div[data-tree-model] li .expanded {
        padding: 1px 10px;
        background-image: url('../img/folder.png');
        
        background-repeat: no-repeat;
    }

    div[data-tree-model] li .collapsed {
        padding: 1px 10px;
        background-image: url('../img/folder-closed.png');
        background-repeat: no-repeat;
    }

    div[data-tree-model] li .normal {
        padding: 1px 10px;
        color:black;
        background-image: url('../img/file.png');
        background-repeat: no-repeat;
    }

    div[data-tree-model] li i, div[data-tree-model] li {
        cursor: pointer;
    }

    div[data-tree-model] li.selected {
        box-shadow:  2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px #5cb85c!important;
    }
    div[data-tree-model] span.selected {
        color:white!important;
        text-shadow:1px 1px black!important;
        font-weight: bold;
        padding: 1px 5px;
    }

    div[data-tree-model] li.changed {
        box-shadow:  2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(250,250,210,1);
    }
     div[data-tree-model] span.changed {
        color:black;
        text-shadow:1px 1px white;
        font-weight: bold;
        padding: 1px 5px;
    }

    div[data-tree-model] span.loaded {
        text-decoration: underline;
        font-style: oblique;
        
    }