@media screen {
	body { background: var(--lightColorDarker); }
}
.dg li.title { background: var(--primaryColor)!important; border-top: 1px solid var(--darkColorAccent)!important; text-transform: uppercase; }
.dg .closed li.title { background-color: var(--primaryColor)!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;
}