/*********************************
* ProjectsMenuTreeMobile.ascx
*********************************/
#treeContainer {
    position:relative;
}

#treeLoading{ 
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:1000;
    background-color: rgba(0,0,0,0.3);   
    margin: 0 -20px;
}

#treeLoading #loadingIcon {
    margin:20px;
}

.tree-children {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#tree {
    margin-top: 5px;
}


.tree-node, .tree-node.container-fluid {
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

.tree-node.container, .tree-node.container-fluid {
	display:block;
}

    .tree-node .tree-node-ctrl {
        position: relative;
        margin-left: -30px;
        padding: 0 2px 2px 25px;
        min-height: 30px;
        align-items:center;
    }
	.tree-leaf .tree-node-ctrl {
		border-bottom:1px solid #d0d0ce;
	}
	

        .tree-node .tree-node-ctrl.selected,.tree-node .tree-node-ctrl.selected:hover  {
            background-color:#d9d9d6;
        }

        .tree-node .tree-node-ctrl:hover {
            background-color: #eeeeee;
        }

    .tree-node .bulletDiv {
        float: left;
        margin-left: -30px;
        width: 30px;
    }

        .tree-node .bulletDiv .tree-bullet {
            width: 30px;
            cursor: pointer;
            font-size: 20px;
        }

    .tree-node .tree-bullet:before {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        font-size: 12px;
    }

    .tree-node .tree-bullet.expanded:before {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        font-size: 12px;
        color: #00859b;
    }

    .tree-node.tree-leaf .tree-bullet:before {
        content: "-";
        font-size: 14px;
    }

.nodeText[nodeTypeId="0"] {
    font-size: 1.0em;
    line-height: 1;
}

    .nodeText[nodeTypeId="0"][nodeLevel="1"] {
        font-weight: bold;
    }

.nodeText[nodeTypeId="1"][nodeObjectTypeId="15"] {
    color: blue;
}

.nav-tabs > li > a:link {
    color: #555;
}


.nodeText .m_r_nolink {
    padding-top: 9px!important;
}

.nodeText a {
    line-height: 1.09;
    font-size: 14px!important;
}

li.container-fluid.tree-node.tree-level-1 {
    list-style: none!important;
}

.vinmenutree {
    font-size: 14px; 
}

@media (max-width: 480px) {	
    
    .tree-node .tree-bullet:before {
        font-size: 16px;
    }

    .tree-node .tree-bullet.expanded:before {
        font-size: 16px;  
     }
    
    .tree-node .tree-node-ctrl {
        padding-left: 32px;
    }
}