@media screen {
	body { background: var(--lightColorDarker); }
}

/* Modifications to nav scroll bar */
.dg.main::-webkit-scrollbar-thumb { background: var(--primaryColor)!important; } /* Handle */
.dg.main::-webkit-scrollbar-thumb:hover { background: var(--primaryColorAccent)!important; } /* Handle on hover */

.dg li.title { color: var(--lightColorAccent)!important; background: var(--darkColor)!important; border-top: 1px solid var(--darkColorAccent)!important; text-transform: uppercase; }

.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 li.title {
	color: var(--lightColorAccent)!important;
	background: var(--darkColor)!important;
	border-top: 1px solid var(--darkColorAccent)!important;
}
.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;
}

#downloadBtn {
	background-color: var(--lightColor)!important;
}