:root {
	--admin_border: #A9E2F3;
	--udir_color: DarkGray;
	--udir_button_bg: DimGray;
	--udir_button_border: DimGray;
	--udir_bottom-color: Ivory;
}

.WrapProducts {
	width: 90%;
	border: 1px solid var(--admin_border);
	height: 70%;
	padding: 0.1em;
	clear: both;
}

.WrapProducts .TreeBranches {
	width: 30%;
	float: left;
	//border-right: 1px solid var(--admin_border);
	padding: 1em;
}
.WrapProducts .Products {
	width: 65%;
	float: left;
	padding: 1em;
}

/*************************************************************/
.accordeon,
.accordeon ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.accordeon li {
	margin: 0 0 2px 0;
	margin: 0;
	padding: 0;
}
.accordeon > li > a {
	background: #FFF;
	color: #333;
	display: block;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	padding: 0 30px 0 0;
	padding: 0;
	padding-left: 10px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
}
.accordeon > li.slide > a,
.accordeon > li.active > a {
	background: #1967c3;
	color: #FFF;
}
.accordeon > li > ul {
	display: none;
	width: 100%;
	background: #FFF;
	//padding: 10px 0;
	padding: 0;
}
.accordeon > li.active > ul {
	display: block;
}
.accordeon > li > ul > li {
	padding: 2px 0px 2px 30px;
	//padding: 2px 30px 2px 0;
	text-decoration: none;
	display: block;
	color: #333;
}

.accordeon a {
	padding-left: 5px;
}