#tdr-client {
	/* color: #001788 */
	/* color: #001158 */
	/* color: #7f88ab */
	/* color: #EEEEEE */
	/* color: #CCCCCC */
	/* color: #999999 */
	/* color: #666666 */
	/* color: #333333 */
	/* color: #000000 */
	/* Primair: Minion (Pro), alternatief: Georgia */
	/* Secundair: Vestula, alternatief: Verdana */
	/* background-color: #666666; */
	/* font-family: georgia,serif; */
	margin-top: 2rem;
}

#container-model {
	font-size: 0rem; /* prevent space between blocks */
}

div.not-selected {
	display: none;
}

li {
	border-radius: 5px 5px 0px 0px;
	display: inline;
	font-size: 1rem;
	margin-top: 10px;
	margin-right: 5px;
	padding: 1.1em;
}

li.selected {
	background-color: #EEEEEE;
}

li.not-selected {
	background-color: #CCCCCC;
}

div.selected {
	background-color: #EEEEEE;
	margin-top: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

input[type="color"] {
	background: transparent;
	border-style: none;
}

input[type="checkbox"] {
	appearance: none;
	background-color: #FFFFFF;
	border: 1px solid;
	width: 1em;
	height: 1em;
	margin-bottom: -1px;
	line-height: 1em;
}

/*
input[type="checkbox"]:before {
	content: "\00a0 ";
}
*/

input[type="checkbox"]:checked::before {
	content: "\2713";
	position: relative;
	bottom: 5%;
	left: 5%;
}

input[type="number"] {
	width: 4em;
}

input[type="radio"] {
	appearance: none;
	background-color: #FFFFFF;
	border-radius: 50%;
	width: 1em;
	height: 1em;
}

input[type="radio"]:checked {
	background-color: #000000;
	border: medium solid white;
	border-radius: 50%;
	width: 1em;
	height: 1em;
}

input[type="range"] {
	-webkit-appearance: none;
	background-color: #FFFFFF;
	width: 8.00em;
	height: 0.25em;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: #000000;
	cursor: ew-resize;
	width: 2px;
	height: 1em;
}

input[type="range"]::-moz-range-thumb {
	-moz-appearance: none;
	background-color: #000000;
	cursor: ew-resize;
	width: 2px;
	height: 1em;
}

input[type="range"].option-axis_length {
	width: 2em;
}

/* input[type="range"]::-moz-range-progress {
	background-color: #000000;
} */

button.reset {
	background-color: #CCCCCC;
}

#label-structure-name {
	background-color: white;
	font-size: 0.8rem;
}

div.settings {
	border-style: solid;
	border-width: 1px;
	/* border-left-width: 0px; */
	display: inline-block;
	position: relative;
	left: -1px; /* overlap left border */
	overflow-y: scroll;
	vertical-align: top;
	/* padding-top: 0px; */
}

.title.options {
	font-size: 1rem;
	font-weight: bold;
	padding-top: 0.5rem;
}

.title.legend {
	font-size: 1rem;
	font-weight: bold;
	padding-top: 0.5rem;
}

#container-legend {
	/* border-style: solid; */
	/* border-width: 0px; */
	/* border-right-width: 1px; */
	/* display: inline-block; */
	/* font-size: 0.8rem; */
	/* overflow-y: scroll; */
	/* vertical-align: top; */
	font-size: 0.8rem;
	padding-left: 0.5rem;
}

#container-canvas {
	border-style: solid;
	border-width: 1px;
	background: green;
	display: inline-block;
	/* vertical-align: top; */
}

#container-options {
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	/* border-right-width: 1px; */
	/* border-top-width: 0px; */
	/* display: inline-block; */
	/* font-size: 0.8rem; */
	font-size: 0.8rem;
	margin-right: 1px;
	padding-left: 0.5rem;
	vertical-align: top;
}

#container-selection {
	font-size: 0.8rem;
}