p.tree {
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
}
p.tree,
ul.tree,
ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tree ul {
	margin-left: 1.5em;
}

ul.tree li {
	margin-left: 0;
	border-left: thin solid #000;
	padding: 2px 0;
}

ul.tree li:last-child {
	border-left: none;
	padding-top: 0px;
}

ul.tree li:before {
	width: 0.9em;
	height: 0.9em;
	margin-right: 0.1em;
	vertical-align: top;
	border-bottom: thin solid #000;
	content: "";
	display: inline-block;
	padding-right: 12px;
}

ul.tree li:last-child:before {
	border-left: thin solid #000;
}
.tree-selected {
	font-weight: bold;
}
.tree-not-selected {
	font-weight: normal;
}
.tree-active {
	/* color: #900; */
	color: #e23339;
}
.tree-view-li {
	display: flex;
}

.menu {
	position: relative;
	left: -45%;
}
@media screen and (max-width: 1600px) {
	.menu {
		left: -60%;
	}
}
@media screen and (max-width: 1460px) {
	.menu {
		left: 0;
	}
}