.jstree {
	margin-top: 4rem;
}

.jstree ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: var(--green);
}

#j1_1_anchor {
	display: none;
}

.classis {
	margin: 2rem 0;
}
.jstree li {
	position: relative;
	cursor: pointer;
}

ul > .classis li:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	pointer-events: none;
}

.family {
	border: 4px solid var(--green);
	border-top: none;	
}

/*ocl required to open/close tree and ensure the select checkboxes is working as expected*/

.jstree-ocl {
	position: absolute;
	top: 3rem;
	left: 3rem;
	width: 40px;
	height: 40px;
	display: block;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.jstree-ocl {
		top: 2rem;
		left: 1rem;
		width: 30px;
		height: 30px;
	}
}
.jstree-leaf .jstree-ocl {
	display: none;
}

.jstree-hidden {
  display: none;
}

/*
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: 700; 
} */

.jstree-themeicon {
	flex-shrink: 0;
	display: block;
	width: 40px !important;
	height: 40px;
	margin-right: 0.5em;
	border-radius: 50%;
	background-image: url(../images/icons/icon_arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	transition: all 0.25s ease-out;
	transform-origin: center;
}
.classis > a > .jstree-themeicon {
	background-size: 100%;
}
.jstree li.jstree-open > a > .jstree-themeicon {
	transform: rotate(90deg);
}
.jstree-container-ul li.jstree-open > a > .jstree-themeicon {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(320deg) brightness(102%) contrast(100%);
}
@media screen and (max-width: 767px) {
	.jstree-themeicon {
		width: 30px;
		height: 30px;
	}
}
 
.jstree-anchor {
	display: flex;
	align-items: center;
	padding: 3rem;
	position: relative;
	background-color: var(--ultralightgreen);
	transition: all 0.3s ease-out;
}
.jstree-anchor:hover {
	background-color: var(--lightgreen);
	text-decoration: none;
}
.jstree-container-ul li.jstree-open > .jstree-anchor {
	background-color: var(--green);
	color: #fff;
}
li:not(.jstree-leaf) > .jstree-anchor {
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
}
.classis >  .jstree-anchor {
	font-size: 1.6rem;
}

.classis >  .jstree-anchor:after {
	content: '';
	position: absolute;
	right: 1rem;
	height: 90%;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat;
	background-position: center right;
	transition: all 0.25s ease-out;
}
.Gymnospermae  >  .jstree-anchor:after {
	background-image: url(../images/icons/icon_gymno.svg);
}
.Dicotyledoneae >  .jstree-anchor:after {
	background-image: url(../images/icons/icon_dico.svg);
	
}
.Monocotyledoneae > .jstree-anchor:after {
	background-image: url(../images/icons/icon_mono.svg);
}
.classis > li.jstree-open .jstree-anchor:after {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(320deg) brightness(103%) contrast(106%);
}

.jstree-leaf .jstree-anchor {
	padding: 1rem 3rem;
	align-items: flex-start;
}
.jstree-leaf .jstree-themeicon {
	/*background-image: url(../images/icons/icon_basket-white.svg); 
	background-color: var(--lachs);*/
	transform: translateY(-4px);
}
.loggedin .jstree-leaf .jstree-themeicon {
	background-color: transparent;
	background-image: url(../images/icons/icon_basket.svg);
}
/*.jstree-leaf .jstree-clicked .jstree-themeicon {
	background-image: url(../images/icons/icon_basket-green.png); 
} */

@media screen and (max-width: 767px) {
	.jstree-anchor {
		padding: 2rem 1rem;
	}
	.jstree-leaf .jstree-anchor {
		padding: 1rem;
	}
	.classis > .jstree-anchor {
		font-size: 1.2rem;
	}
	.classis > .jstree-anchor:after {
		right: 0.5rem;
		height: 60%;
	}
}