@media screen {
	body { background: var(--lightColorDarker); }
}
.dg li.title { background: var(--secondaryColor)!important; border-top: 1px solid var(--darkColorAccent)!important; text-transform: uppercase; }
.dg .closed li.title { background-color: var(--secondaryColor)!important; }

/* Main Action Buttons solid BG rather than gradient */
.dg.a #guiQuote, .dg.a #guiPrint, .dg.a #guiShare, .dg.a #guiSave, .dg.a #guiResetCamera, .dg.a #guiInOut, .dg.a #guiStartOver, .dg.a #guiTopView, .dg.a #guiHideWalls {
	background: linear-gradient(var(--primaryColor), var(--primaryColor));
	color: white;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid var(--primaryColorDarker);
}
.dg.a #guiQuote:hover, .dg.a #guiPrint:hover, .dg.a #guiShare:hover, .dg.a #guiSave:hover, .dg.a #guiResetCamera:hover, .dg.a #guiInOut:hover, .dg.a #guiStartOver:hover, .dg.a #guiTopView:hover, .dg.a #guiHideWalls:hover { background-color: #5bbeec!important; background: linear-gradient(var(--primaryColorAccent), var(--primaryColorAccent)); }
.dg.a .fourAcross:not(:last-of-type), .dg.a .threeAcross:not(:last-of-type), .dg.a .twoAcross:not(:last-of-type) { border-right: 1px solid var(--primaryColorDarker)!important; } /* for 4 buttons across */

.dg li.cr, .dg li.cr > div, .dg .guiColor, .dg .guiColor > div {
	/*overflow: hidden;*/
	display: flex;
	align-items: center;
}
.dg li.cr > div, .dg .guiColor > div {
	width: 100%;
}
.dg ul:not(.closed) > .cr, .dg ul:not(.closed) > .guiColor { /* , .dg ul:not(.closed) .property-name */
	font-size: 1.1em!important;
	padding-top: 0.15em!important;
	padding-bottom: 0.15em!important;
	min-height: 3em!important;
	line-height: 1.2em!important;
}
[hidden]{
	display:none!important; /* This resolves a conflict between nav menu items that have the HTML attribute "hidden" but are assigned a display property such as flex which overwrites that attribute */
}
.dg .property-name {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.dg .cr.boolean .property-name {
	width: 90%!important;
}
.dg .cr.function .property-name {
	width: 95%!important;
	flex-shrink: 0;
}
.dg .guiColor select, .dg .string select {
	height: 2.3em;
	font-size: 14px;
	padding-left: 0.4em;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin-top: 0!important;
}
.dg .actionButton {
	text-transform: uppercase;
	font-size: 1.2em;
}
.dg .actionButton#guiQuote {
	font-size: 1.5em;
	font-weight: normal;
	overflow: hidden;
}