/*<meta conditions="Type of Help.App" />*/

.dark-mode body,
body.dark-mode
{
	/*	color: var(--bodytextDMcolor); */
	color: #bdc1c6;
}

.dark-mode .body-container a,
.dark-mode .body-container a:link,
.dark-mode .body-container a:visited,
.dark-mode a.href
{
	/*	color: var(--hyperlinkDMcolor) !important; */
	color: #8ab4f8 !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode .mcFormatColor
/* .dark-mode span.mc-variable.Primary\00002EApp_Name */
{
	color: #fff !important;
}

.dark-mode .body-container ul:not([class]) > li::before	/* .dark-mode .body-container ul > li::before */
{
	background-image: url('../Images/_Icons/stop-small-DM.svg');
}

.dark-mode .body-container ul:not([class]) > li > ul:not([class]) > li::before	/* .dark-mode .body-container ul > li > ul > li::before */
{
	background-image: url('../Images/_Icons/ellipse-small-DM.svg');
}

.dark-mode p.OneStep::before
{
	background-image: url('../Images/_Icons/one-step-DM.svg');
}

.dark-mode p.note,
.dark-mode p.tip,
.dark-mode div.note,
.dark-mode div.tip
{
	/* background-color: var(--mobilebackgroundDMcolor); */
	background-color: #202124;
}

.dark-mode p.note,
.dark-mode div.note
{
	background-image: url('../Images/_Icons/note-DM.svg');
}

.dark-mode p.tip,
.dark-mode div.tip
{
	background-image: url('../Images/_Icons/lightbulb-tip-DM.svg');
}

@media only screen and (max-width: 767px)
{
	.dark-mode p.note,
	.dark-mode p.tip,
	.dark-mode div.note,
	.dark-mode div.tip
	{
		/*		background-color: var(--mobilebackgroundDMcolor); */
		background-color: #202124;
	}
}

.dark-mode nav.title-bar,
.dark-mode .off-canvas-content
{
	background-color: #474747;
}

/* TopNav menu items */

.dark-mode ul.navigation li > a,
.dark-mode ul.navigation li > a:hover
{
	/*	color: var(--hyperlinkDMcolor); */
	color: #8ab4f8;
}

.dark-mode ul.navigation li:hover
{
	/*	background-color: var(--mobilebackgroundDMcolor); */
	background-color: #202124;
}

.dark-mode .body-container a.MCBreadcrumbsLink
{
	/*	color: var(--hyperlinkDMcolor); */
	color: #8ab4f8;
}

.dark-mode .body-container a.MCBreadcrumbsLink:visited
{
	/*	color: var(--hyperlinkDMcolor); */
	color: #8ab4f8;
}

.dark-mode aside.off-canvas
{
	/*	background-color: var(--mobilebackgroundDMcolor); */
	background-color: #202124;
}

@media only screen and (max-width: 1279px)
{
	.dark-mode .title-bar .menu-icon span
	{
		background-image: url('../../MCE/Resources/Images/_Icons/menu-DM.svg');
	}
}

/* Dark Mode and Standard Mode buttons */

.dark-mode button.DM-button
{
	display: none;
}

.dark-mode button.SM-button
{
	display: block;
}