/* Extended CAPE Codebook interactive tree */
.extended-cape-codebook .window,
#treeview .window {
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #346789;
	box-shadow: 2px 2px 10px #aaa;
	border-radius: 0.5em;
	max-width: 20em;
	min-width: 10em;
	height: auto;
	padding: 0.5em 0.3em;
	text-align: center;
	z-index: 20;
	position: absolute;
	background-color: #eeeeef;
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	word-wrap: break-word;
}

#treeview .window:hover {
	box-shadow: 2px 2px 10px #444;
}

#treeview .hidden {
	display: none;
}

#treeview .collapser {
	cursor: pointer;
	border: 1px dotted gray;
	z-index: 21;
}

#treeview .treemain {
	height: 500px;
	width: 100%;
	position: relative;
	overflow: auto;
	margin-top: 2rem;
}

#treeview .codeDes {
	max-width: 25em !important;
}

#treeview .codeDescription {
	font-weight: normal;
}

#treeview .codeDescription,
#treeview p {
	padding: 0 !important;
	margin: 0.35em 0 0;
}

#export {
	float: right;
	background-color: #4e612f;
	margin-right: 20px;
	color: #fff;
	border: 0;
	padding: 0.5em 1em;
	cursor: pointer;
}

#CapacitySwitcher,
#AccessSwitcher,
#ParticipationSwitcher,
#ExperienceSwitcher,
#export{
	width: 100%;
	max-width: fit-content;
	margin: 0 0.25rem 0.5rem 0;
	border: 0;
	padding: 0.5em 0.75em;
	color: #fff;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
}

#CapacitySwitcher {
	background-color: #4f81be;
}

#AccessSwitcher {
	background-color: #00607a;
}

#ParticipationSwitcher {
	background-color: #4e612f;
}

#ExperienceSwitcher {
	background-color: #993230;
}