@media screen {
	body { background: var(--lightColorDarker); }
}
	
/* SAVE / SHARE / PRINT / RESET / HIDE WALLS BUTTON COLOR SCHEME */
	/* Primary Color - Solid */
		.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;
			border-bottom: 1px solid var(--primaryColorDarker);
			display: inline-flex; justify-content: center; align-items: center;
		}
		.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: 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; }
	/* Secondary Color - Solid */
		/*.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(--secondaryColor), var(--secondaryColor));
			color: white;
			border-bottom: 1px solid var(--secondaryColorDarker);
			display: inline-flex; justify-content: center; align-items: center;
		}
		.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: linear-gradient(var(--secondaryColorAccent), var(--secondaryColorAccent));
		}
		.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(--secondaryColorDarker)!important; }
		*/
		
/* QUOTE BUTTON COLOR SCHEME (if different from other buttons above)*/
	/* Primary Color */
		.dg.a #guiQuote {
			background: linear-gradient(var(--primaryColor), var(--primaryColor));
			color: white;
			border-bottom: 1px solid var(--primaryColorDarker);
		}
		.dg.a #guiQuote:hover {
			background: linear-gradient(var(--primaryColorAccent), var(--primaryColorAccent));
		}
		
	/* Secondary Color */
		/*.dg.a #guiQuote {
			background: linear-gradient(var(--secondaryColor), var(--secondaryColor));
			border-bottom: 1px solid var(--secondaryColorDarker);
			color: var(--primaryColor);
		}
		.dg.a .actionButton#guiQuote:hover {
			background: linear-gradient(var(--secondaryColorAccent), var(--secondaryColorAccent));
			color: var(--primaryColorAccent);
		}
		*/

/* MENU FOLDER COLOR SCHEME */
	/* Primary Color - Solid*/
		/*.dg li.title { background: var(--primaryColor)!important; border-top: 1px solid var(--primaryColorDarker)!important; text-transform: uppercase; color: var(--lightColorAccent); }
		.dg .closed li.title { background-color: var(--primaryColor)!important; color: var(--lightColor); }
		*/
	/* Secondary Color - Solid */
		/*.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; }
		*/
	/* Dark Color - Solid */
		.dg li.title { background: var(--darkColor)!important; border-top: 1px solid var(--darkColorAccent)!important; text-transform: uppercase; }
		.dg .closed li.title { background-color: var(--darkColor)!important; }
		




.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;
}