input[type='checkbox'] {
	margin-top:3px;
}
input[type='radio'] {
	margin-right:6px;
}
input[type='number'] {
	width:42px;
	text-align:right;
	margin-right:2px;
}

/*************************************************************/

button.increment { 
	font-size:25px;
	width:60px;
	margin-right:-5px;
}
button.display {
	width:120px;
}

.anaglyph .crosseye, .anaglyph .walleye, .crosseye .anaglyph, .crosseye .walleye, .walleye .anaglyph, .walleye .crosseye {
	display:none;
}
.red { color:#f66; position:relative; top:-1px; }
.cyan { color:#0af; position:relative; top:-1px; }

.anaglyph #left .adjust { stroke:#f00; mix-blend-mode:multiply; }
.anaglyph #right .adjust { stroke:#0ff; mix-blend-mode:multiply; }
.anaglyph #capLeft line { stroke:#f00; mix-blend-mode:multiply; }
.anaglyph #capRight line { stroke:#0ff; mix-blend-mode:multiply; }

.measureonly {
	display:none;
}
.measure .measureonly {
	display:inherit;
}
line.measure {
	stroke-width:2; 
}

/********************************************/

.moreoptions {
	grid-template-columns:repeat(3,auto); /* for best fit, override the repeat number in each file */
}
.controlgrid.one :nth-child(n+2) {
	margin-left:0px;
}
.controlgrid.one:nth-of-type(1) {
	grid-template-columns: auto;
}
.controlgrid.one:nth-of-type(3) {
	grid-template-columns: auto auto auto;
}
.controlgrid.one:nth-of-type(2) {
	grid-template-columns: auto auto auto auto;
}


svg.icon {
	width:17px;
	height:13px;
	overflow:visible;
	position:relative;
	top:3px;
}


/*************************************************************/

.centered {
	position: fixed;
	top:50%;
	left:50%;
	margin-top:-2500px; /* must be half of the svg size */
	margin-left:-2500px;
	padding-bottom:144px; /* 144 for #ctrlback, 206 for #ctrlback with more options, 11 for #ctrlback down */
}

/* to animate the measurement text */

.fadein {
	animation:fadeIn;
	animation-fill-mode:forwards;
	animation-duration:1.5s;
}
.fadeout {
	animation:fadeOut;
	animation-fill-mode:forwards;
	animation-duration:0.5s;
}
@keyframes fadeIn {
	to {opacity:1;}
}
@keyframes fadeOut {
	to {opacity:0;}
}

.measure {
	opacity:0;
}
#measurement {
	font-size:24px;
	color:#e00;
	text-align:center;
	width:100%;
/*	margin-top:20px; */
	font-family:Arial, Helvetica, sans-serif;
}
#measurement {
	position:absolute;
	bottom:180px;
}

.anaglyph #measurement { color:#080; }