/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

html,
body,
h2,
h3,
h4,
h5,
h6,
a,
p,
table,
li
{
	font-family: Arial, sans-serif;
	font-weight: 400;
}

:root
{
	--Brand: #4E6659;
	/* olive */
	--primary700: #3F464C;
	--brandColor20: #FDFAF5;
	--brandSand40: #FCF4EA;
	--Dark-Gray: #45494c;
	--ContrastColor90: #464648;
	--contrastColor70: #6F6F71;
	--Light-Gray: #d0d3d5;
	--White: #ffffff;
	--contrastColor20: #FDFAF5;
	--promoColor-90: #FF5E6F;
	/* Coral */
	--errorColor100: #A30E0E;
	--contrastColor40: #C2C7CC;
	--contrastColor100: #0A121A;
	--Black: #000000;
	--Sand: #F7E4CB;
	/* sand main brand color */
	--link: #296BBD;
	--linkHover: #22589B;
	--primaryB50: #FDF8F2;
	/* sand lightest */
	--primaryB100: #FBF1E4;
	/* sand second lightest */
	--primary200: #F7E4CB;
}

.body-container
{
	padding-top: 10px;
	padding-left: 1em;
	padding-right: 1em;
	overflow: auto;
}

body
{
	font-style: normal;
	font-size: 11pt;
}

h1
{
	padding-bottom: 9px;
	padding-top: 10px;
	margin: 0px 0px;
	font-weight: 400;
	font-size: 40px;
	border: none;
	color: var(--contrastColor100);
	line-height: 50px;
	font-family: Impact, Arial, sans-serif;
	text-transform: uppercase;
}

h2
{
	font-weight: bold;
	margin-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	mc-heading-level: 2;
	font-size: 28px;
	line-height: 35px;
	color: var(--contrastColor100);
}

h3
{
	margin-top: 15px;
	margin-bottom: 0px;
	mc-heading-level: 3;
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	color: var(--contrastColor100);
}

h4
{
	margin-top: 15pt;
	margin-bottom: 3pt;
	mc-heading-level: 4;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	color: var(--contrastColor100);
}

p
{
	font-style: normal;
	font-size: 11pt;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 17px;
}

.bodytext
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.tableText
{
	margin-top: 3px;
	margin-bottom: 3px;
}

p.tableText	/* Added this one so that Cell Content Style sections works without crashing */
{
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 13pt;
	font-weight: normal;
	line-height: normal;
}

span.Note
{
	font-weight: bold;
	color: var(--contrastColor100);
}

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
}

img.thumbnail
{
	mc-thumbnail: popup;
}

.Important
{
	color: var(--errorColor100);
	font-weight: bold;
}

.Coral
{
	color: var(--promoColor-90);
}

span.Brand3
{
	color: var(--Brand);
}

p.helpFormat
{
	color: var(--promoColor-90);
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 10px;
	line-height: 15px;
}

/* Links */

a
{
	color: var(--link);
}

a:link
{
	color: var(--link);
}

a:hover
{
	color: var(--linkHover);
}

div.LandingPgTiles a:hover	/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
	color: var(--linkHover);
}

/* Lists */

ul.ul_1
{
	margin-left: 1.125em;
	margin-bottom: 1em;
	margin-top: .6em;
}

ol.ol_1
{
	margin-left: 15pt;
	margin-bottom: 1em;
	margin-top: .6em;
}

ol.ol_2
{
	list-style-type: decimal;
	margin-left: 18pt;
}

ol
{
	list-style-type: decimal;
	padding-left: 2.0em;
}

ol ol
{
	list-style-type: lower-alpha;
}

ul
{
	list-style-type: disc;
	padding-left: 2.0em;
}

ul ol
{
	list-style-type: decimal;
	list-style-image: none;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul ol ol
{
	list-style-type: lower-alpha;
}

ul ul ol
{
	list-style-type: decimal;
}

ol ul ol
{
	list-style-type: lower-alpha;
}

ul ul
{
	list-style-type: circle;
}

ol ul
{
	list-style-type: disc;
}

ul ul ul
{
	list-style-type: square;
}

ol ul ul
{
	list-style-type: circle;
}

ol ol ul
{
	list-style: disc;
}

ul ol ul
{
	list-style: circle;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

div.noteAlt
{
	background-color: var(--brandColor20);
	border-left: solid 4px var(--Brand);
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
}

/* Dynamic Madcap styles */

a.MCBreadcrumbsLink
{
	font-style: italic;
	text-decoration: underline;
}

a.MCBreadcrumbsLink:visited
{
	color: var(--primary700);
}

a.MCBreadcrumbsLink:hover
{
	color: #000000;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7em;
	font-style: italic;
	mc-breadcrumbs-prefix: 'You are here: ';
}

MadCap|xref
{
	color: var(--link);
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
}

MadCap|xref:hover
{
	color: var(--promoColor-90);
}

MadCap|dropDown	/*Change the "mc-open-image" and "mc-closed-image" properties to change the icons used in drop-downs*/
{
	mc-open-image: url('../Images/CSS/arrow-down-gray.png');
	mc-closed-image: url('../Images/CSS/arrow-right-gray.png');
	padding-top: .4em;
}

MadCap|dropDownHotspot
{
	color: var(--link);
}

MadCap|dropDownBody
{
	border-bottom: solid 1px;
	padding-left: 10px;
	background-color: var(--primaryB50);
	border-bottom-color: var(--contrastColor40);
}

div.importantAlt
{
	background-color: var(--brandSand40);
	line-height: 16px;
	/* mc-auto-number-format: '{b}Try Me{/b}';  */
	overflow: hidden;
	padding: 3px 12px;
	border-left: solid 4px var(--promoColor-90);
}

div.tipAlt
{
	background-color: var(--brandSand40);
	line-height: 16px;
	/* mc-auto-number-format: '{b}Try Me{/b}';  */
	overflow: hidden;
	padding: 3px 12px;
	border-left: solid 4px var(--Brand);
}

div.top-bar	/*Contains the breadcrumbs and toolbar*/
{
	border-bottom: 1px solid var(--contrastColor40);
	min-height: 50px;
	/*Min-height is necessary for topics that are not included in a TOC*/
}

div.search-container
{
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: var(--contrastColor20);
}

/*==Elements for the left side of Master Page layout==*/

div.side-menu	/*This is the div that the menu proxy is contained in*/
{
	padding-left: 10px;
	margin-top: 15px;
}

div.side-search	/*This is the div that the side search is contained in*/
{
	padding-left: 0px;
	margin-top: 25px;
}

div.side-content	/*This is the div for the side-content containing "Search Tips" and the "Contact Support" button*/
{
	padding-top: 10px;
}

MadCap|dropDownHead.side-content	/*Font properties for the "Search Tips" drop-down head */
{
	font-size: 1.1em;
	font-weight: bold;
}

MadCap|codeSnippet
{
	max-height: 300px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: .5em;
}

MadCap|dropDownBody.TryMe
{
	background-color: transparent;
	border-bottom: solid 0px #000000;
	padding-left: 10px;
}

MadCap|dropDownHotspot.TryMe
{
	color: #333333;
	font-size: 1.1em;
}

MadCap|dropDownHead.TryMe
{
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}

/* topTOC is used to create a table of mid-topic links for long topics. */

div.topTOC
{
	line-height: 1.2em;
	display: block;
	width: 80%;
	margin: 0;
	padding: 10px;
	background-color: var(--Brand);
}

/* This link settings only applied to links within the div.topTOC */

div.topTOC a
{
	color: var(--Sand);
}

#page-toc	/* container for right-hand TOC that is autogenerated */
{
	display: none;
	background-color: var(--Brand);
	padding-top: .1em;
	padding-left: .5em;
	padding-bottom: .1em;
	margin-top: 1.5em;
	margin-left: 1em;
	color: var(--primaryB100);
}

p.boxHeading
{
	color: var(--primaryB100);
	margin-top: 8px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 1.2em;
}

li.H2	/*Used by 'on this page' right toc */
{
	color: var(--primaryB100);
	list-style-image: none;
	display: block;
	margin-bottom: 1px;
	line-height: 1.5em;
	padding-left: 0em;
}

li.H3	/*Used by 'on this page' right toc */
{
	color: var(--primaryB100);
	list-style-image: none;
	display: block;
	margin-bottom: 1.2px;
	line-height: 1.5em;
	padding-left: 1em;
}

a.pagetoc	/*Used in right menu for headings in page*/
{
	color: var(--primaryB100);
	text-decoration: none;
}

a.pagetoc:hover
{
	color: #E1CEB6;
	/* Per UX team, don't use coral as hover, so changed */
	/* font-weight: bold; */
}

ul.toc
{
	padding-left: 10px;
	list-style-type: none;
}

div.NewRowClass1	/* responsive container used with the rightToc masterpage. The left half holds the body content, the right half the toc. */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.NewRowClass1::before
{
	content: ' ';
	display: table;
}

div.NewRowClass1::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.NewRowClass1 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.NewRowClass1 > div:nth-child(1)
{
	width: 75%;
	margin-left: 0%;
}

div.NewRowClass1 > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

span.Accent3
{
	font-weight: bold;
	color: var(--Brand);
}

span.DoNotUse	/* Forces the sitemapSN.xml file to be included in output. It is used by ServiceNow external knowledge source.  */
{
	list-style-image: url('../../sitemapsn.xml');
}

span.SearchHighlight
{
	background: #ffff00;
}

/* Styles for feedback loop on masterpage */

div.highlightBox2	/* email prompt box */
{
	margin: 0.5em 0em 1em 0em;
	width: auto;
	overflow: auto;
	background-color: #FDF8F2;
	max-width: 65%;
	border: solid 3px #4E6659;
	padding: 0.5em;
	padding-left: 0.7em;
}

.feedback-reason
{
	display: none;
}

.feedback-question i:hover,
.feedback-question i:focus,
.feedback-question i:active
{
	cursor: pointer;
}

div.feedback-option
{
	line-height: 1.3em;
	margin: 0em 0em .6em 0em;
}

a.feedback-yes
{
	color: #41A940 !important;
	border: 2px solid #41a940;
	text-decoration: none;
}

a.feedback-no
{
	color: #CE0058 !important;
	border: 2px solid #CE0058;
	text-decoration: none;
}

a.feedback-button
{
	background-color: #ffffff;
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	padding: 0.4em;
	margin: 0.5em 0.5em 0.5em 0;
	text-align: center;
	min-width: 3.5em;
}

a.feedback-yes:hover,
a.feedback-yes:focus
{
	background-color: #41A940;
	color: #ffffff !important;
	text-decoration: none;
}

a.feedback-no:hover,
a.feedback-no:focus
{
	background-color: #CE0058;
	color: #ffffff !important;
	text-decoration: none;
}

div.feedback-survey
{
	font-size: 14px;
	line-height: 21px;
}

p.survey
{
	margin-top: 15pt;
	margin-bottom: 3pt;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.5em;
}

div.highlightBox	/* div.highlightBox: Highlight box (normal) */
{
	margin: 0.5em 0em 1em 0em;
	padding: 1em;
	background-color: #eeeeed;
	width: auto;
	overflow: auto;
}

div.highlightBox3	/* div.highlightBox3 dark red border to gray text area */
{
	margin: 0.5em 0em 1em 0em;
	width: auto;
	overflow: auto;
	background-color: #f2f3f3;
	max-width: 85%;
	padding: 0.5em;
	padding-left: 0.7em;
	border-bottom-width: 0px;
	border: solid 2px #931818;
}

p.tableFormatEntry
{
	font-weight: bold;
	line-height: 13pt;
	margin: 3px 0px;
}

/*== Landing page tiles section ==*/

div.LandingPgTiles	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	/* add this one and ones below */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

div.LandingPgTiles::before
{
	content: ' ';
	display: table;
}

div.LandingPgTiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.LandingPgTiles > div
{
	float: left;
	/*	-moz-box-sizing: border-box; */
	box-sizing: border-box;
	padding-top: 20px;
	/* added this and below */
	padding-bottom: 20px;
	overflow: hidden;
	border: solid 3px #ffffff;
	background-color: var(--primary200);
	padding-left: 9.5px;
	padding-right: 9.5px;
}

div.LandingPgTiles > div:nth-child(1)
{
	width: 25%;
	margin-left: 4.167%;
}

div.LandingPgTiles > div:nth-child(2)
{
	width: 25%;
	margin-left: 8.3333%;
}

div.LandingPgTiles > div:nth-child(3)
{
	width: 25%;
	margin-left: 8.3333%;
}

div.LandingPgTiles > div:hover	/* added this */
{
	box-shadow: 0 12px 18px rgba(0,0,0,0.16), 0 12px 18px rgba(0,0,0,0.23);
	transform: scale(1.05);
}

/*=Elements for text contained within each home-tile. Added all of this. =*/

p.tile-title
{
	text-align: center;
	font-weight: bold;
	color: var(--contrastColor100);
}

p.tile-subtitle
{
	text-align: center;
	color: var(--contrastColor100);
}

p.tile-content
{
	color: var(--contrastColor100);
	font-size: 0.9em;
	text-align: center;
}

div.LandingPgTiles a	/*Complex Selector: Links within the home tiles will have the following properties*/
{
	text-decoration: none;
	color: var(--contrastColor100);
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

@media only screen and (max-device-width: 1100px)
{
	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 98%;
		margin-left: 2%;
	}

	div.LandingPgTiles > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.LandingPgTiles > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.LandingPgTiles > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

@media only screen and (max-device-width: 767px)
{
	.body-container
	{
		padding-top: 10px;
		padding-left: 8px;
		padding-right: 8px;
		overflow: auto;
	}

	div.top-bar
	{
		min-height: 0;
	}

	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 98%;
		margin-left: 2%;
	}

	h1
	{
		padding-bottom: 0px;
		line-height: 1.1em;
		margin-bottom: 0px;
		margin: 0;
		clear: both;
		padding-top: .5em;
		font-size: 35px;
		font-family: Impact;
		text-transform: uppercase;
	}

	h2
	{
		margin-top: 25px;
		font-size: 24px;
		line-height: 30px;
	}

	h3
	{
		margin-top: 15px;
		font-size: 18px;
		line-height: 25px;
	}

	h4
	{
		margin-top: 15pt;
		font-size: 14px;
		line-height: 21px;
	}

	h5
	{
		font-size: 12px;
		font-weight: 400;
		font-style: italic;
	}

	div.LandingPgTiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.LandingPgTiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.LandingPgTiles > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}
}

@media print
{
	p.Title
	{
		margin-bottom: 18px;
		font-weight: 400;
		font-size: 36pt;
		border: none;
		color: var(--Brand);
		line-height: 50px;
		font-family: Impact, Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		margin-top: 200pt;
	}

	p.footer
	{
		font-size: 9px;
		line-height: 13px;
		font-family: Arial, sans-serif;
		margin-top: 4px;
		margin-bottom: 2px;
	}

	table
	{
		margin-bottom: 9pt;
		margin-top: 12pt;
		border-spacing: 1px;
		width: 100%;
		max-width: 100%;
	}

	h1
	{
		margin-top: 18pt;
		font-size: 15pt;
		line-height: 15pt;
		margin-bottom: 6pt;
		page-break-before: avoid;
	}

	h2
	{
		font-size: 12pt;
		line-height: normal;
		margin-top: 15pt;
		margin-bottom: 3pt;
	}

	h3
	{
		color: var(--Brand);
		margin-bottom: 8pt;
		margin-top: 15pt;
		font-size: 10pt;
		line-height: normal;
		font-style: italic;
	}

	h4
	{
		font-size: 9pt;
		line-height: 15pt;
	}

	h5
	{
		font-size: 9pt;
		margin-bottom: 3pt;
		margin-top: 15pt;
		font-style: italic;
	}

	h6
	{
		font-size: 10pt;
		font-weight: bold;
		margin-bottom: 3pt;
		margin-top: 12pt;
	}

	/* The .SamePage style is used for Word output to force the topic onto the same page as the last one */

	.SamePage
	{
		page-break-before: avoid;
	}

	p.tableText
	{
		font-size: 8pt;
		font-weight: normal;
		margin-bottom: 1pt;
		margin-top: 1pt;
		line-height: normal;
	}

	thead
	{
		font: Arial;
		font-family: Arial;
		font-weight: bold;
		margin-bottom: 1pt;
		margin-top: 1pt;
		font-size: 8pt;
	}

	p.helpFormat
	{
		font-size: 9pt;
		margin-top: 0pt;
		margin-bottom: 3pt;
		line-height: normal;
	}

	li
	{
		font-weight: normal;
		font-size: 8pt;
		margin-bottom: 0px;
		margin-top: 3pt;
	}

	p.tableFormatEntry
	{
		line-height: 10pt;
		margin-bottom: 1pt;
		margin-top: 1pt;
		font-size: 8pt;
		font-weight: bold;
	}

	.bodytext
	{
		font-size: 8pt;
		margin-top: 6pt;
		margin-bottom: 6pt;
		line-height: 10pt;
	}

	p.TOC1
	{
		font-size: 10pt;
		font-weight: bold;
		margin-bottom: 4pt;
		margin-top: 4pt;
		line-height: 12pt;
	}

	p.TOC2
	{
		font-size: 9pt;
		font-weight: normal;
		line-height: 11pt;
		margin-bottom: 2pt;
		margin-top: 0pt;
	}

	h1.forcePageBreak
	{
		page-break-before: always;
	}
}

span.mc-variable.General\00002ELast_Build
{
	
}

