div.ini_global {
	padding-left:10px;
	border: 2px solid;
	font-size: 12px;
	padding-top: 5px;
	font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
	border-collapse: collapse;
}

div.legend {
  width: 200px;
	border: 1px dashed;
}

div.legend div {
	padding-left:10px;
}

div.node {
	overflow:hidden;
	font-size: 12px;
	padding-top: 20px;
	border-bottom:1px solid;
	display: table;
}


div.node span.node_name {
  padding: 5px;
  text-align:left;
	font-weight:bold;
	display: table-cell;
}

div.node span.node_description {
	padding-left: 10px;
	display: table-cell;
}

div.ini_global > div.item {
	display: table-row;
	border-bottom: 5px solid transparent;
}

.item_advanced {
	/* we are kind of abusing an unrelated variable here */
	/* TODO maybe redefine? */
	color: var(--nav-menu-foreground-color)
}

div.item span.item_name {
	display: table-cell;
	width:300px;
}

div.item span.item_value {
	display: table-cell;
	padding-left: 20px;
	padding-left: 10px;	
	width:100px;
}

div.item span.item_description {
	display: table-cell;
	padding-left:20px;
	width:400px;
}
div.item span.item_tags {
	display: table-cell;
	padding-left:20px;
	width:200px;
}
div.item span.item_restrictions {
	display: table-cell;
	padding-left:20px;
	width:200px;
}

.item_required {
	color: #FF7F00;
	font-weight:bold;
}

/* For the version selector */
/* (c) Axel Naumann, CERN; 2020-03-02 */
/* Modified by Bernd Riederer to incorporate color schemes from doxygen-awesome */
/* Adapted from https://www.w3schools.com/howto/howto_css_dropdown.asp */
.dropbtn {
	margin-left: var(--spacing-small);
	border: 1px solid lightgray;
	color: white;
	background-color: var(--primary-color);
	padding:  var(--spacing-small);
	font-size: 14px;
	min-width: 85px;
  }
.dropbtn:after{
	content: '';
	border: 4px solid transparent;
	border-top: 4px solid white;
	margin-left: 12px;
	margin-bottom: 3px;
	display: inline-block;
	vertical-align: bottom;
}
  
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	margin-left: var(--spacing-small);
	background-color: var(--page-background-color);
	min-width: 75px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 103; /* search bar has 102 */
}

/* Links inside the dropdown */
.dropdown-content a {
	color: var(--page-foreground-color);
	padding: 4px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: var(--primary-lighter-color);}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	color: black;
	background-color: var(--primary-light-color);
}