/*****************/
/**Style du menu**/
/*****************/

:root{
	
	--color-0: 			rgb(255, 255, 255);  /*background color sidebar*/
	--color-1: 			rgb(218, 218, 218);  /*slide bar color*/
	--color-2: 			rgba( 57, 71, 75, 1);
	--color-3: 			rgba( 45,109,130, 1);
	--color-4: 			rgba( 16,143,185, 1);
	
	--bg-color:			var(--color-0);
	--bg-color-2:		rgb(121, 121, 121); /*background color accordion*/
	--bg-light-color:	rgb(0, 191, 255);
	--bg-dark-color:	rgba( 24, 31, 33, 1);
	--bg-hover-color:	var(--color-2);
	
	--font-color:		#9AA1A4;
	--font-color-2:		#ddd;
	--font-color:		#cccccc;
	--border-color:		black;
	
	--measurement-detail-node-bg-light:		var(--color-1);
	--measurement-detail-node-bg-dark:		var(--color-2);
	--measurement-detail-area-bg-color:		#eee;
}

.accordion-item:not(.collapsed) .accordion-button {
    outline: none;
  background-color: transparent;
}
.accordion-item:not(.collapsed) .accordion-button:hover {
  background-color: #f5f5f5; }

.accordion-item:not(.collapsed) .accordion-button:focus {
  outline: none;
  box-shadow: none;
}

#sidebar_root{
	color:				var(--font-color);
	background-color:	var(--bg-color);
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			1em;
    transition:         right .35s;

}


.potree_sidebar_brand{
	margin:			1px 20px;
	line-height:	2em;
	font-size:		100%;
	font-weight:	bold;
	position:		relative;
}


.accordion > h3{
	background-color: var(--bg-color-2) !important;
	background: #ffffff 50% 50% repeat-x;
	color:		var(--font-color-2);
	cursor:		pointer;
	margin:		2px 0 0 0;
	padding:	4px 10px 4px 30px;
	font-size:	1em;
}

.accordion > h3:hover{
	filter: brightness(125%);
}

.accordion-content{
	padding: 0px 0px !important;
	border: none !important;
}


#potree_sidebar_container a{
	color: 			#8Aa1c4;
}

#potree_sidebar_container{
	top:85px;
	position:	absolute;
	z-index:	0;
	width:		350px;
	height:		100%;
	overflow-y:	auto;
	font-size:	85%;
	border-right:	1px solid black;
}