/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600'); */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); */

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 */
}

.body-container
{
	padding-top: 10px;
	padding-left: 1em;
	padding-right: 1em;
	overflow: auto;
}

body
{
	font-style: normal;
	font-size: 11pt;
	background: #ffffff;
}

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: 40px;
	color: var(--contrastColor100);
}

h3
{
	margin-top: 15px;
	margin-bottom: 0px;
	mc-heading-level: 3;
	font-weight: bold;
	font-size: 22px;
	line-height: 36px;
	color: var(--contrastColor100);
}

h4
{
	margin-top: 20pt;
	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: 8px;
	margin-bottom: 8px;
	line-height: 19px;
}

.bodytext
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.tableText
{
	margin-top: 3px;
	margin-bottom: 3px;
}

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;
}

.Brand4
{
	color: var(--promoColor-90);
}

span.Brand3
{
	color: var(--Brand);
}

/* Links */

a
{
	color: var(--link);
}

a:link
{
	color: var(--link);
}

a:hover
{
	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: 'Vous êtes ici : ';
}

MadCap|xref
{
	color: var(--link);
	font-weight: bold;
	text-decoration: underline;
	mc-format: '{para}';
}

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);
}

/* Madcap has a code option now. Keep if you use. */

div.codeBlock
{
	font-family: Consolas, Verdana, 'Courier New';
	line-height: 1.2em;
	display: block;
	margin: 0 0 10px;
	font-size: 0.9em;
	color: #333;
	overflow-y: scroll;
	max-height: 340px;
	word-wrap: break-word;
	width: 98%;
	background-color: var(--contrastColor20);
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px;
}

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);
}

/*==Master Page Topic Layout==*/

/* nav.title-bar	Background elements define TP blue bar at top of page no longer used in 2020
{
	
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	
	Adds bottom border on top navigation bar
	border-bottom: 1px solid #d3d3d3;
} */

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;
}

div.cta	/*Call to action button/Contact Support button*/
{
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	padding: 2px 0px;
	border: 1px solid #7469b9;
	width: 162px;
	color: #7469b9;
	transition: all 0.5s cubic-bezier(.25,.8,.25,1);
	margin-top: 20px;
}

div.cta:hover	/*When hovering over the CTA button the following properties will apply*/
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	transform: scale(1.01);
}

a.cta:link
{
	color: #FFF;
	text-decoration: none;
}

a.cta:visited
{
	color: #FFF;
	text-decoration: none;
}

MadCap|codeSnippet
{
	max-height: 300px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: .5em;
}

h5
{
	font-weight: bold;
	font-style: normal;
	color: #4e6659;
	font-size: 12pt;
}

h6
{
	font-size: 11pt;
	font-weight: bolder;
}

/*===========================================================================================================================================================
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: 767px)
{
	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 98%;
		margin-left: 2%;
	}
}

@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;
	}
}

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;
}

#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);
}

p.bullettext
{
	list-style-type: disc;
	list-style-image: none;
	margin: 1.5em;
	margin-top: 10pt;
	margin-bottom: 10pt;
	font-size: 11pt;
	font-family: Arial, sans-serif;
}

li.P-bullettext
{
	font-family: Arial, sans-serif;
	font-size: 11pt;
	margin: 1.5em;
	margin-bottom: 10pt;
	margin-left: 1.5em;
	margin-right: 0pt;
	margin-top: 10pt;
	list-style: disc;
	list-style-image: none;
}

p.bullettextindent
{
	list-style: circle;
	list-style-image: none;
	list-style-type: circle;
	margin-left: 3.0em;
	margin-top: 6pt;
	margin-bottom: 6pt;
	font-family: Arial, sans-serif;
	font-size: 11pt;
}

li.P-bullettextindent
{
	list-style: circle;
	list-style-type: circle;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	margin: 3.0em;
	margin-bottom: 10pt;
	margin-right: 0pt;
	margin-top: 10pt;
	list-style-image: none;
}

span.TerminalEntry
{
	font-family: 'Courier New';
	font-weight: bold;
	font-size: 12pt;
}

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');
}