/*---------------------------------------------- Tree -------------------------------------------*/
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; /* default */ font-family: Tahoma; font-size: 9pt; color: #555; text-decoration: none; }
div[data-tree-model] ul { margin: 0; padding: 0; list-style: none; border: none; overflow: hidden; }
div[data-tree-model] li { position: relative; padding: 0 20px 0 0; line-height: 20px; }
    div[data-tree-model] li .expanded { padding: 1px 10px; background: url("../Images/tree/folder.png") no-repeat;width: 15px;height: 14px;display: inline-block; }
    div[data-tree-model] li .collapsed { padding: 1px 10px; background: url("../Images/tree/folder-closed.png") no-repeat;width: 15px;height: 14px;display: inline-block; }
    div[data-tree-model] li .normal { padding: 1px 10px; background: url("../Images/tree/file.png") no-repeat; width: 15px;height: 14px; display: inline-block;}
    div[data-tree-model] li i, div[data-tree-model] li span { font-size: 9pt; cursor: pointer; }
    div[data-tree-model] li span { padding: 0 3px 0 0; }
        div[data-tree-model] li span:hover { background-color: #FFCC00; border-radius: 5px; color: #000000; padding: 1px 5px 2px 5px; font-weight: bold; }
    div[data-tree-model] li .selected { background-color: #21B6BD; font-weight: bold; padding: 1px 5px 2px 5px; border-radius: 5px; color: #ffffff; }
/*------------------------------------------------------------------------------------------------*/