body {
	background-color:  	#383838;
}

select, input {
	background-color: gray;
	color: black;
}
select:hover, input:hover { background-color: DarkGray; }
select, input[type="text"] { font-size: 1.2em; }



div.module_box {
border: 3px solid black;
background-color: dimgray;
color: whitesmoke;
width: min-content;
}

div.section_header {
	display: grid;
	grid-template-columns: 3em 24em;
	border-bottom:	2px solid black;
}

div.grid_infopane {
  grid-column: 1 / 3;
  text-align: left;
  margin: 1em;
  font-style: italic;
  font-size: 1.1em;
}

div.section_title {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 2em;
	font-weight: bold;
	white-space: nowrap;
}

div.panel_data {
	display: grid;
	grid-template-columns: min-content min-content;
	white-space: nowrap;
	grid-column-gap: 1em;
	padding-left: .5em;
	padding-right: .5em;
	padding-top: .25em;
	padding-bottom: .25em;
}

.minimized {
	display: none;
}

.maximized {
	display: inline-block;
}


/* buttons */
div.button {
	text-align: center;
	border: 2px solid black;
	font-size: 2em;
	font-weight: bold;
}

div.button.blue { background-color: navy; }
div.button.blue:hover { background-color: blue; }


div.button.green {
	background-color: lime;
}

div.button.orange {
	background-color: orange;
}

div.button.dead {
	background-color: pink;
	color: pink;
}