tulipcc

/*
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

*/
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#treecontainer {
    color: #839496;
    background-color: #002b36; 
    height: 200px;
    overflow:auto; 
    font-size:12px;
}

.tj_container *{
	position: relative;
	box-sizing: border-box;
	color: #839496;
    background-color: #002b36; 
}

.tj_container ul{
	padding-left: 0.5em;
	list-style-type: none;
}

.tj_container > ul:first-of-type{
	padding: 0;
}

.tj_container li span.tj_description{
	cursor: pointer;
	padding: 2px 5px;
	display: block;
	border-radius: 2px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	text-align: left;
}

.tj_container li span.tj_description:hover{
	background-color: #073642; ;
}

.tj_container li span.tj_mod_icon, .tj_container li span.tj_icon{
	margin-right: 0.5em;
	display: inline-block;
}

.tj_container li span.tj_mod_icon, .tj_container li span.tj_mod_icon *{
	width: 1em;
}

.tj_container li span.tj_description.tj_leaf{
	margin-left: 1.5em;
}

.tj_container li[disabled=""]{
	color: #b5b5b5;
}

.tj_container li[disabled=""]:hover span.tj_description{
	cursor: default;
	background-color: inherit;
}

.tj_container span.tj_description.selected{
	background-color: #606060;
	color: #fff;
}

.tj_container span.tj_description.selected:hover{
	background-color: #606060;
}