/*<meta />*/

@import url('../NEC_grey.css') ;
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* ASSURE OVERRIDES FOR CommonStyles */

:root
{
	--monoFont: "Consolas", "Courier New", Courier, monospace;
	--uiFont: "Segoe UI", "Lucida Sans Typewriter", "Lucida Sans Unicode", "Courier New", Courier, monospace;
}

/* ASSURE ONLY FORMATTING - START */
/* This first one ensures that CSH topics are highlighted in the Help ToC */

html._Skins_Assure ul.sidenav li.showcshtopicsintoc a
{
	color: red !important;
}

:root
{
	--colorASSUREui: #4b5459;
	--colorASSURElink: #0053fd;
	--colorASSUREtarget: #195e99;

}

html.csh_topic
{
	mc-master-page: url('../../../MasterPages/eNgageCSHWebHelpMaster.flmsp');
}

html.sys_admin
{
	mc-master-page: url('../../../MasterPages/eNgageWebHelpSysAdminMaster.flmsp');
}

html.csh_sysadmin_topic
{
	mc-master-page: url('../../../MasterPages/eNgageCSHWebHelpSysAdminMaster.flmsp');
}

html.homepage_topic
{
	mc-master-page: url('../../../MasterPages/eNgageWebHelpHomePageMaster.flmsp');
}

table.compact tr.highlight1 td
{
	background-color: #f2dede !important;
}

td.highlight1
{
	background-color: #dcdcdc;
}

span.iconRequiredField	/* used for the RED * asterisk character in tables of fields */
{
	font-size: 120%;
	font-weight: bold;
	color: #ff0000;
	padding-left: 1px;
	mc-hidden: hidden;
}

span.iconTableNote	/* used for the * asterisk character in tables of fields */
{
	font-size: 120%;
	font-weight: bold;
	color: var(--colorASSUREui);
	/* color-schemed */
	padding-left: 1px;
	mc-hidden: hidden;
}

/* ASSURE ONLY FORMATTING - USED ONLY ON THE HOME PAGE */

section.assureHelp
{
	padding: 0 20px 20px 20px;
	border: solid 1.5px #efefef;
	background-color: #f5f5f5;
	width: 90%;
}

/* ASSURE ONLY FORMATTING - TOOLTIP FORMATTING */

span.uitooltip
{
	font-family: 'Lucida Sans Unicode';
	font-size: 80%;
	padding-left: 1px;
	padding-right: 1px;
	border: 1pt solid #000000;
	background-color: #ffffff;
}

/* ASSURE ONLY FORMATTING - SEARCHBOX FORMATTING */

span.searchbox
{
	font-family: 'Lucida Sans Unicode';
	color: #404040;
	background-color: #ffffff;
	font-size: 80%;
	padding-left: 2px;
	padding-right: 4px;
	border: 1pt solid #404040;
}

/* ASSURE ONLY FORMATTING - ASSURE NOTIFICATION POPUPS */

div.assureNotification_warn,
div.assureNotification_info,
div.assureNotification_success,
div.assureNotification_error
{
	padding: 1em;
	width: 400px;
	margin-left: 2em;
	margin-bottom: 1em;
	font-size: 80%;
	border-radius: 6px;
	/* was 3px */
}

div.assureNotification_warn p,
div.assureNotification_info p,
div.assureNotification_success p,
div.assureNotification_error p
{
	padding-left: 4em;
	color: #ffffff;
}

div.assureNotification_warn p:first-child
{
	background-image: url('../../../Images/assureNotification_warn.png');
	background-repeat: no-repeat;
}

div.assureNotification_info p:first-child
{
	background-image: url('../../../Images/assureNotification_info.png');
	background-repeat: no-repeat;
}

div.assureNotification_success p:first-child
{
	/* background-image: url('../../Images/assureNotification_warn.png'); */
	background-repeat: no-repeat;
}

div.assureNotification_error p:first-child
{
	background-image: url('../../../Images/assureNotification_warn.png');
	background-repeat: no-repeat;
}

div.assureNotification_warn span.title,
div.assureNotification_info span.title,
div.assureNotification_success span.title,
div.assureNotification_error span.title
{
	font-weight: bold;
	/* margin-bottom: 0.2em; */
}

div.assureNotification_warn
{
	background-color: #f89406;
	/* was #b10e1e; */
}

div.assureNotification_info
{
	background-color: #66acfc;
	/* was #add8e6; */
}

div.assureNotification_success
{
	background-color: #006600;
	/* was #00823b; */
}

div.assureNotification_error
{
	background-color: #cc0000;
	/* was #00823b; */
}


/* ASSURE ONLY FORMATTING - END */
/* ASSURE COMMON WEB HELP STYLE OVERRIDES - START */

body
{
	font-size: 100%;
}

h1,
h2,
h3
{
	color: var(--colorASSUREui);
	/* color-schemed */
}

h2.accent
{
	color: #eb6e00;
	margin-top: 20px;
}

figure.unCaptioned
{
	text-align: left;
}

figure.captioned p,
figure.captioned figcaption
{
	margin-left: 0;
}

img.icon
{
	/* max-height: 20px; override */
	max-height: 20px;
}

img.dialog
{

}

ul ul
{
	list-style-type: disc;
	/* circle in CommonStyles */
}

ul ul ul
{
	list-style-type: disc;
	/* square in CommonStyles */
}

span.userinput,
span.systemoutput,
span.paramname,
span.option
{
	font-family: var(--uiFont);
	font-size: 110%;
	/* experiment - was 100% */
}

span.userinput var,
span.systemoutput var,
span.paramname var,
span.option var
{
	font-family: var(--uiFont);
	font-size: 110%;
	/* experiment - was 100% */
}

code,
kbd
{
	font-family: var(--monoFont);
	font-size: 100%;
}

code var,
kbd var
{
	font-family:  var(--monoFont);
	font-size: 100%;
}

span.link
{
	text-decoration: underline;
	color: var(--colorASSURElink);
	/* not color-schemed as fixed in ASSURE */
}

span.uilink
{
	text-decoration: underline;
	color: var(--colorASSUREui);
	/* color-schemed */
}

span.uielement
{
	color: var(--colorASSUREui);
	/* color-schemed */
}

span.uibutton
{
	background-color: var(--colorASSUREui);
	/* color-schemed */

}

span.uibutton var
{
	font-weight: normal;
}

span.uiwinbutton
{
	display: inline-block;
	font-weight: normal;
	color: #000000;
	background: linear-gradient(#f5f4f5, #dfdee0);
	padding: 1px 6px 2px 6px;
	border: 1px solid #000000;
	border-radius: 3px;
}

MadCap|expandingHead
{
	font-style: normal;
	color: #000000;
}

MadCap|expandingBody
{
	padding-left: 20px;
	color: var(--colorASSUREui);
}

MadCap|expanding
{
	mc-image-spacing: 5px;
	mc-closed-image: none;
	mc-open-image: none;
}

/* UIBUTTON AND UIWINBUTTON CANNOT BE PRINTED AS BLOCK-INLINE SPANS */
/* (THIS APPIES ONLY IF THE HELP TOPIC IS PRINTED) */

@media print
{
	span.uibutton,
	span.uiwinbutton
	{
		display: inline;
		font-weight: bold;
		color: #000000;
		background-color: inherit;
		padding: 0;
	}
}

/* END OF PRINT STYLES FOR BLOCK-INLINE SPANS */

p.figureUnCaptioned
{
	text-align: left;
	/* Common is text-align: center; */
}

table.standard,
table.compact
{
	max-width: 90%;
	/* Common is 100%, but I think that throws a barrier across the page */
	margin-bottom: 0.5em;
	/* Can be done in Help but not in Word */
}

/* BIZARRE WIDTH FORMATTING FOR NESTED TABLES */

table.standard td table.standard,
table.compact td table.compact
{
	max-width: 111%;
}

table.standard th,
table.compact th
{
	border: 2px solid #ffffff;
	/* Common is 1px */
	background-color: #4b5459 !important;
	/* color-schemed */
	/*  importance preserves colours for printing */
}

table.standard td,
table.compact td
{
	border: 2px solid #ffffff;
	/* Common is 1px */
	background-color: #f5f5f5 !important;
	/*  importance preserves colours for printing */
}

table.standard td.uicontrol p,
table.compact td.uicontrol p
{
	font-weight: bold;
}

table.standard td.wintitle p,
table.compact td.wintitle p
{
	font-weight: bold;
}

table.standard td.filepath p,
table.compact td.filepath p
{
	font-weight: bold;
}

table.standard td.userinput p,
table.compact td.userinput p
{
	font-family: var(--uiFont);
	font-size: 110%;
	/* experiment - was 100% */
}

table.standard td.systemoutput p,
table.compact td.systemoutput p
{
	font-family: var(--uiFont);
	font-size: 110%;
	/* experiment - was 100% */
}

table.standard td.paramname p,
table.compact td.paramname p
{
	font-family: var(--uiFont);
	font-size: 110%;
	/* experiment - was 100% */
}

table.standard tfoot td,
table.compact tfoot td
{
	background-color: inherit !important;
}

table.standard tfoot td p,
table.compact tfoot td p
{
	font-size: 95%;
}

table.standard col.fieldname,
table.compact col.fieldname	/* used for Field - Description tables */
{
	width: 20%;
}

table.standard col.smallfieldname,
table.compact col.smallfieldname	/* used for Field - Description tables */
{
	width: 10%;
}

table.standard col.bigfieldname,
table.compact col.bigfieldname	/* used for Field - Description tables */
{
	width: 30%;
}

table.standard col.iconfield,
table.compact col.iconfield   /* used for the Map Tools table */
{
	width: 5%;
}

table.standard col.tabname,
table.compact col.tabname	/* used for Tab - Field - Description tables */
{
	width: 20%;
}

table.standard col.optionname,
table.compact col.optionname	/* used for Option - Description tables */
{
	width: 35%;
}

table.compact col.udo_wide
{
	width: 20%;
}

table.compact col.udo_narrow
{
	width: 12%;
}

caption
{
	display: none;
	/* table captions are not displayed in ASSURE Help */
}

div.note
{
	background-color: #f5f5f5 !important;
	/*  importance preserves colours for printing */
	max-width: 90%;
	/* Common is 100%, but I think that throws a barrier across the page */
	margin-bottom: 24px;
}

table.note
{
	max-width: 90%;
}

a:active,
a:visited,
a:link
{
	color: var(--colorASSUREui);
	/* color-schemed */
	/* Common is --colorLinks */
}

a:hover
{
	color: #000000;
	/* color-schemed */
	/* Common is --colorLinks */
}

MadCap|breadcrumbsProxy
{
	color: #ffffff;
	background-color: var(--colorASSUREui);
	/* color-schemed */
	mc-breadcrumbs-prefix: ' ';
}

a.MCBreadcrumbsLink:active,
a.MCBreadcrumbsLink:visited,
a.MCBreadcrumbsLink:link,
a.MCBreadcrumbsLink:hover
{
	color: #ffffff;
}

/* These 2 "restriction" styles are for Master Pages -  */
/* They control the bar at the top of some topics that  */
/* says that only admin users can use this function     */

div.restriction p
{
	background-color: #efefef;
	color: var(--colorASSUREui);
	/* color-schemed */
	padding: 2px 6px 6px 2px;
	border: 0;
	font-size: 80%;
	text-align: left;
}

div.restriction p img
{
	padding: 0;
}

MadCap|toggler,
MadCap|toggler.h2
{
	font-size: 100%;
	color: var(--colorASSUREui);
	/* color-schemed */
	mc-image-position: right;
	mc-closed-image: url('../../../Images/aexpand_s3.png');
	/* color-schemed */
	mc-open-image: url('../../../Images/acontract_s3.png');
	/* color-schemed */
}

MadCap|toggler:active,
MadCap|toggler:visited,
MadCap|toggler:link
{
	text-decoration: none;
}

MadCap|toggler:hover
{
	text-decoration: underline;
}

MadCap|toggler.topic_feedback
{
	color: #195e99;
}

div.target
{
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-left: 2px solid var(--colorASSUREtarget);
	/*color-schemed */
}

div.target h3:first-child
{
	margin-top: 0;
}

section.sysoption p.sysoption
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	/* margin-left: 2em; */
}

section.sysoption p.sysoption span.option,
section.sysoption p.sysoption span.paramname
{
	display: inline-block;
	text-align: right;
	width: 1em;
}

span.sysoption
{
	margin-left: 1em;
}






MadCap|relationshipsProxy
{
	margin: 30px 0 0 0;
	padding: 4px 10px 10px 4px;
}

MadCap|relationshipsHeading
{
	margin-top: 14px;
	margin-bottom: 5px;
	color: #000000;
}

MadCap|relationshipsHeading.concept
{
	mc-label: What do you want to learn about ?;
}

MadCap|relationshipsHeading.task
{
	mc-label: What do you want to do ?;
}

MadCap|relationshipsHeading.tab
{
	mc-label: Which tab do you want help with ?;
	font-size: 105%;
}

MadCap|relationshipsHeading.code_type
{
	mc-label: Related code types;
	font-size: 105%;
}

MadCap|relationshipsHeading.reference
{
	mc-label: Other information;
}

MadCap|relationshipsItem
{
	/* no change */
}

table.standard tfoot td,
table.compact tfoot td
{
	border-top: 1px solid var(--colorShadeA060);
}




div.topic_footer
{
	margin-top: 1em;
	background-color: var(--colorASSUREui);
	/* color-schemed */
}

div.topic_footerRegion
{
	color: #ffffff;
	background-color: #efefef;
}

div.feedback
{
	border: solid 1.5px #efefef;
}

div.feedback p
{
	font-size: 80%;
	color: var(--colorASSUREui);
	/* color-schemed */
}

/* STYLES THE FLOATING Back To Top BUTTON */

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 80%;
	font-weight: bold;
	border: none;
	outline: none;
	color: #555;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
}

#myBtn:hover
{
	background-color: #555;
	color: #fff;
	border: solid;
	border-width: 1px;
	border-color: #fff;
}

@media print
{
	/* This ensures that table and note background colors are preserved when printing Help in Chrome */
	/* Doesn't seem to work with IE. Note that color-adjust is not supported yet.                    */

	body
	{
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}
}
