/*<meta conditions="Dev.doNotImport" />*/

@font-face 
{
	font-family: 'Open Sans';
	src: url(../Fonts/OpenSans-Regular.ttf);
}

/*IMPORTANT: if you change the font-family, you MUST also update the loadProductName.js script.*/

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

/*IMAGES*/

img
{
	padding-top: 10px;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-top-style: none;
	border-top-width: 0px;
	border-bottom-style: none;
	border-bottom-width: 0px;
}

img.Border
{
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #000000;
}

img.Thumbnail
{
	mc-thumbnail: popup;
}

img.inline2	/*from Sofie, works for some inline images*/
{
	padding-top: 0px;
	/*	max-height: 20px;*/
	/*Removed because it can cause Flare to squash images. Resize images to 20px high in Snaggit.*/
	margin-bottom: -5px;
}

ul.sidenav ul ul ul ul ul > li > a	/*Overriding skin so the left hand TOC nav indents the fifth level*/
{
	margin-left: 10em;
}

ul.sidenav ul ul ul ul ul ul > li > a	/*Overriding skin so the left hand TOC nav indents the sixth level*/
{
	margin-left: 12em;
}

/*For the version-switching drop-down/button.*/

#versionDiv
{
	margin-left: calc(100% - 310px);
	margin-top: -35px;
	position: absolute;
}

.versionButton
{
	width: 200px;
	height: 35px;
	border: 1px solid #E1E1DD;
	border-radius: 3px;
	background: #ffffff;
	color: #3D0456;
	font-size: 1em;
	cursor: pointer;
}

/*Was used for the drop-down component, currently not in use*/

#version
{
	border: solid 1px #2070d0;
	border-radius: 0px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 0px transparent;
	-moz-box-shadow: 0px 0px 0px transparent;
	box-shadow: 0px 0px 0px transparent;
	-webkit-box-shadow: 0px 0px 0px transparent;
	-moz-box-shadow: 0px 0px 0px transparent;
	display: inline;
	padding: 0px;
	height: 31px;
	color: #2070d0;
}

/*Versioning tooltip that warns them the feature isn't supported*/

[data-title]:hover:after
{
	opacity: 1;
	transition: all 0.1s ease 0.1s;
	visibility: visible;
}

[data-titleSelect]:hover:after
{
	opacity: 1;
	transition: all 0.1s ease 0.1s;
	visibility: visible;
}

[data-title]:after
{
	content: attr(data-title);
	background-color: #FFFFFF;
	color: #797979;
	position: absolute;
	padding: 1px 5px 2px 5px;
	width: 250px;
	margin-top: 30px;
	margin-left: -170px;
	box-shadow: 1px 1px 3px #222222;
	opacity: 0;
	border: 1px solid #E1E1DD;
	z-index: 99999;
	visibility: hidden;
}

[data-titleSelect]:after
{
	content: attr(data-titleSelect);
	background-color: #FFFFFF;
	color: #797979;
	position: absolute;
	padding: 1px 5px 2px 5px;
	width: 336px;
	margin-top: 40px;
	margin-left: -306px;
	box-shadow: 1px 1px 3px #222222;
	opacity: 0;
	border: 1px solid #E1E1DD;
	z-index: 99999;
	visibility: hidden;
}

[data-title]
{
	position: relative;
}

[data-titleSelect]
{
	position: relative;
}

/*holds the version select, when we're using >2 versions*/

#versionInner
{
	margin-left: -110px;
	margin-top: 2px;
	color: #797979;
}

#versionDropdown
{
	height: 34px;
	border: 1px solid #e1e1e1;
	background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23797979' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
	background-position: calc(100% - 0.75rem) center !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	margin-left: 7px;
	margin-top: -1px;
}

/*mopinion embedded survey*/

#surveyContent
{
	padding-top: 50px;
	margin-bottom: -35px;
}

.numberedStepCircle
{
	font-size: 30px;
	width: 60px;
	height: 60px;
	padding-top: 5px;
	padding-left: 19px;
	border-radius: 50%;
	border: solid;
	color: white;
	background-color: #f56900;
}

/*Anu - Use for smaller circle steps*/

.numberedStepCircleSmall
{
	font-size: 16px;
	width: 35px;
	height: 35px;
	padding-top: 3px;
	padding-left: 10px;
	border-radius: 50%;
	border: solid;
	color: white;
	background-color: #f56900;
}

/*This class is excluded by Coveo's search, used to tag or wrap elements that we don't want indexed*/

.noSearch
{
	
}

/*Hiding the addSearch tags*/

.addSearchTag
{
	display: none;
}

.UIActive
/*use this for any UI labels that you are directing the user to interact with.*/
/*EXAMPLE: apply this style to the words "Passwords" and "Change Passwords" in the following.*/
/*“In Account, double-click Passwords, and then click Change Passwords.”*/
{
	font-weight: bold;
}

.UIPassive
/*use this for any UI labels that are included for navigation purposes only*/
/*EXAMPLE: apply this style to the word "Account" in the following.*/
/*“In Account, double-click Passwords, and then click Change Passwords.”*/
{
	font-weight: bold;
}

/*This is to highlight a code within a code sample.*/

.codehighlight
{
	color: #00ff7f;
}

/*This allows the code samples to wrap lines in tablet and mobile view*/
/*Otherwise long lines go off the edge and can't be read.*/

pre
{
	white-space: pre-wrap;
	/* Since CSS 2.1 */
}

span.code
{
	white-space: pre;
	font-family: Monaco, lucida console, monospace;
	padding: 3px;
	font-weight: bold;
	border: 1px solid #efefef;
}

div.code
{
	background-color: #282c34;
	color: #ffffff;
	border-radius: 10px;
	font-size: 1rem;
	padding-left: 6px;
	padding-bottom: 6px;
	margin-bottom: 5px;
}

MadCap|miniTocProxy
{
	border-top: none 0px #000000;
	border-top-color: transparent;
	color: #e96025;
}

/*LINKS*/

a
{
	font-size: mini;
	text-decoration: none;
	color: #3D0456;
}

a:link
{
	color: #3D0456 !important;
	text-decoration: underline;
}

a:visited
{
	text-decoration: none;
	color: #3D0456 !important;
}

a:hover
{
	color: #3D0456 !important;
	text-decoration: underline;
}

/*.backToBasics .dropDown a:hover
{
	color: #3D0456;
}

.prerequisites .dropDown a:hover
{
	color: #3D0456;
}*/

a.MiniTOC1:link
{
	color: #3D0456;
	text-decoration: underline;
}

a.MiniTOC2:link
{
	color: #3D0456;
	text-decoration: underline;
}

a.MCBreadcrumbsLink
{
	font-style: italic;
	color: #3D0456;
	text-decoration: underline;
}

a.MCBreadcrumbsLink:visited
{
	color: #3D0456;
}

a.MCBreadcrumbsLink:hover
{
	color: #3D0456;
}

MadCap|xref:visited
{
	color: #3D0456;
}

MadCap|xref.Tutorial
{
	color: #3D0456;
	font-weight: normal;
}

MadCap|xref.Tutorial:hover
{
	text-decoration: underline;
	font-weight: normal;
}

a.Tutorial
{
	color: #000000;
	text-decoration: none;
}

a.Tutorial:visited
{
	text-decoration: none;
	color: #000000;
}

a.Tutorial:hover
{
	text-decoration: underline;
}

a.Popup
{
	mc-popup-width: 75%;
	mc-popup-height: 60%;
}

MadCap|xref
{
	mc-format: '{para}';
	color: #3D0456;
	text-decoration: underline;
}

MadCap|xref:hover
{
	color: #3D0456;
	text-decoration: underline;
}

td
{
	margin: 8px;
	vertical-align: top;
}

th
{
	margin-bottom: 8px;
	margin-top: 8px;
}

/*Breadcrumbs and dropdown hotspots*/

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .85em;
	font-style: italic;
}

MadCap|dropDown
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-closed-image: url('../Images/chevron-closed-90.png');
	mc-open-image: url('../Images/chevron-open-90.png');
}

MadCap|dropDown.headingFirst
{
	margin-bottom: 6px;
	margin-top: 26px;
	mc-closed-image: url('../Images/chevron-closed-90.png');
	mc-open-image: url('../Images/chevron-open-90.png');
}

MadCap|dropDown.heading
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-closed-image: url('../Images/chevron-closed-90.png');
	mc-open-image: url('../Images/chevron-open-90.png');
}

MadCap|dropDown.solutionNav
{
	margin-bottom: 30px;
	margin-top: 6px;
	mc-closed-image: url('../Images/chevron-closed-90.png');
	mc-open-image: url('../Images/chevron-open-90.png');
	/*background-color: #FAFAFA;*/
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	padding-left: 15px;
	padding-bottom: 15px;
}

MadCap|dropDown.SecondLevel
{
	margin-left: 10px;
	mc-closed-image: url('../Images/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/DropDownOpenSecondLevel.png');
}

MadCap|dropDown.basics
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-closed-image: url('../Images/chevron-closed-90.png');
	mc-open-image: url('../Images/chevron-open-90.png');
}

MadCap|dropDownBody
{
	border-bottom: solid 1px #54698d;
	/*background: #FAFAFA;*/
	margin-right: 5px;
}

MadCap|dropDownBody.headingFirst
{
	border-bottom: none;
	/*	background: #FFFFFF;*/
}

MadCap|dropDownBody.heading
{
	border-bottom: none;
	/*	background: #FFFFFF;*/
}

MadCap|dropDownBody.basics
{
	border-bottom: solid 1px #54698d;
	/*	background: #FAFAFA;*/
}

MadCap|dropDownBody.prereq
{
	border-bottom: solid 1px #54698d;
	/*	background: #f9f9f9;*/
}

MadCap|dropDownBody.solutionNav
{
	border-bottom: none;
	/*background: #FAFAFA;*/
	margin-right: 5px;
}

MadCap|dropDownBody.Final
{
	border-bottom: 0;
}

MadCap|dropDownHotspot
{
	color: #404040;
	font-size: 1em;
	font-weight: bold;
}

/*These two classes control the actual apperance of the heading dropdown hotspots*/

.dropDownheading
{
	padding-bottom: 15px;
	padding-top: 5px;
	overflow: hidden;
	border-bottom-color: #E2E3E4;
	border-bottom: solid 1px #E2E3E4;
	border-top: none 1px transparent;
	border-top-color: transparent;
}

.dropDownheadingFirst
{
	padding-bottom: 15px;
	padding-top: 11px;
	overflow: hidden;
	border-bottom-color: #E2E3E4;
	border-bottom: solid 1px #E2E3E4;
	border-top: solid 1px #E2E3E4;
	border-top-color: #E2E3E4;
}

/*Make nested drop-downs use the background*/

.MCDropDown_Open .MCDropDown_Open > .dropDownBody
{
	background: #FAFAFA;
}

/*Make the heading dropdowns use non-bold font*/

a.MCDropDownHotSpot_headingFirst:link,
a.MCDropDownHotSpot_headingFirst:visited,
a.MCDropDownHotSpot_headingFirst:active
{
	font-weight: normal;
	font-size: 1.125em;
	color: #161718;
}

a.MCDropDownHotSpot_heading:link,
a.MCDropDownHotSpot_heading:visited,
a.MCDropDownHotSpot_heading:active
{
	font-weight: normal;
	font-size: 1.125em;
	color: #161718;
}

a.MCDropDownHotSpot_solutionNav:link,
a.MCDropDownHotSpot_solutionNav:visited
{
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

a.MCDropDownHotSpot_solutionNav:hover
{
	color: #999999;
}

/*MadCap|dropDownHotspot:hover
{
	color: #052332;
}*/

/*LISTS*/

ol
{
	margin-top: 0px;
	list-style-image: none;
	margin-block-end: 0px;
}

ol ol
{
	list-style-type: lower-alpha;
	margin-left: -10px;
}

ol ol ol
{
	list-style-type: lower-roman;
	margin-left: -10px;
}

ul
{
	margin-top: 0px;
	margin-block-end: 0px;
}

ul ul
{
	list-style-image: url('../Images/Bullet2.png');
	margin-left: -10px;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
	orphans: 2;
	widows: 2;
}

p.nodisplay
{
	display: none;
}

/*Glossary popups*/

MadCap|popup
{
	color: #ff7900;
}

MadCap|popup:focus
{
	color: #ff7900;
}

MadCap|popup:hover
{
	color: #e96025;
}

MadCap|popupHead
{
	color: #ff7900;
	font-weight: bold;
}

MadCap|glossaryTerm
{
	color: #3D0456;
	mc-closed-image: none;
	mc-open-image: none;
	white-space: nowrap;
	text-decoration: none;
	border-bottom: 1px dotted #3D0456;
}

MadCap|glossaryTerm.Popup
{
	mc-open-image: none;
	mc-closed-image: none;
}

MadCap|popupBody
{
	color: #ffffff;
	padding: 3px 8px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: center;
	background-color: #3D0456;
	border-radius: 4px;
}

.MCTextPopupArrow
{
	color: #3D0456;
	border-bottom-color: #3D0456;
}

/*Overriding MadCap's generated CSS because of Chrome oddities*/

.glossaryTerm:link,
.glossaryTerm:visited,
.glossaryTerm:active
{
	color: #8439A6;
	white-space: nowrap;
	font-weight: bold;
}

.glossaryTerm:hover .glossaryTerm:visited,
.glossaryTerm:hover,
.glossaryTerm:active
{
	color: #8439A6;
	white-space: nowrap;
	font-weight: bold;
	cursor: default;
}

/*
.menu._Skins_SideMenu.mc-component
{
	padding: 0 30px 0 0 !important;
}

.menu._Skins_SideMenu.mc-component a
{
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}*/

/*
.Content-Row-2-8-2 h1
{
	margin-top: 25px;
}

.Content-Row-2-8-2 img
{
	max-width: 100%;
}*/

.MCBreadcrumbsBox_0
{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/*CHECK*/

div.content
{
	padding-bottom: 432px;
}

.buttons._Skins_TopicToolBar.mc-component
{
	margin-bottom: 0;
	float: none;
	margin-left: calc(100% - 100px);
}

div.Content-Row-2-8-2 > div:nth-child(3)
{
	margin-top: 40px;
}

img.thumbnailHover
{
	mc-thumbnail: popup;
}

img.thumbnailHoverBig
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 120px;
}

img.MCPopupThumbnail_Popup
{
	border: 1px solid #cdcdcd;
}

/*
.heading2
{
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 20px;
}*/

/*A generic note with no prefixing text*/

p.Note-generic
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 20px solid #00A676; Updated by GG for new branding*/	
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
}

p.Note-genericblue
{
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 5px solid #8439A6; Updated by GG for new branding*/	
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -15px;
	padding: 10px;
	padding-left: 15px;
	box-shadow: #bbb 2px 2px 5px;
	width: fit-content;
	padding-right: 15px;
	max-width: calc(100% - 350px);
}

#topBanner
{
	border-radius: 0px;
	color: #000000;
	border: none;
	border-left: 5px solid #3D0456 !important;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -15px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	box-shadow: #bbb 2px 2px 5px;
	width: fit-content;
	max-width: calc(100% - 350px);
}

@media only screen and (max-width: 767px)
{
	#topBanner
	{
		margin-top: 15px;
	}
}

/*Top-of-topic note*/

.topicToolbarProxy + .Note-genericblue
{
	margin-top: 10px;
}

/*Top-of-topic note when version is in play*/

#versionDiv + .Note-genericblue
{
	margin-top: 10px;
}

p.Note-note
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Note: {/color}{/b}';
}

/*To be used for notes with bullet points, line breaks or similar, for 'regular' notes use p.note-note.*/

div.note
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Note: {/color}{/b}';
	background-repeat: no-repeat;
}

div.important
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	border-left: 5px solid #C21807;
	/*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Important: {/color}{/b}';
	background-repeat: no-repeat;
}

p.Note-important
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	border-left: 5px solid #C21807;
	/*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Important: {/color}{/b}';
}

p.Note-tip
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Tip: {/color}{/b}';
}

div.tip
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Tip: {/color}{/b}';
	background-repeat: no-repeat;
}

p.Note-video
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Video: {/color}{/b}';
}

div.video
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Video: {/color}{/b}';
	background-repeat: no-repeat;
}

p.Note-example
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Example: {/color}{/b}';
}

p.Note-caution
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #FF6D00;  /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Caution: {/color}{/b}';
}

div.example
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Example: {/color}{/b}';
}

div.generic
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
}

.backToBasics
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color #161618}Before you start {/color}{/b}';
}

.prerequisites
{
	background-color: #e6e6e6;
	/*Updated by GG for new branding*/
	border-radius: 0px;
	color: #000000;
	border: none;
	/* border-left: 2px solid #030A47; /*Updated by GG for new branding*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color #2a5769}Prerequisites {/color}{/b}';
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	display: block;
}

p.related
{
	margin-top: 60px;
	font-weight: bold;
	font-size: 1.2em;
}

/*
p.subHeading
{
	margin-top: 20px;
	font-weight: bold;
	font-size: 1.2em;
	color: #ff6d00;
}*/

h1
{
	font-size: 1.875em;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	color: #000426;
	/* updated to match Nintex colors by GG */
}

.dropDownBody h1
{
	font-size: 1.7em;
}

h2
{
	font-size: 1.6em;
	margin-top: 40px;
	font-weight: normal;
	margin-bottom: 4px;
	/*color: #052332;*/
}

/*Use this heading for a number-in-a-circle steps in solution stories*/

h2.solutionNumberedStep
{
	margin-top: 25px;
}

h3
{
	font-size: 1.2rem;
	margin-top: 40px;
	font-weight: normal;
	margin-bottom: 8px;
	/*color: #052332;*/
}

/*Anu - Use this heading for a number-in-a-circle steps*/

h3.NumberedStepCircle
{
	margin-top: 25px;
}

.MCTextPopupBody
{
	
}

MadCap|xref.showMe
{
	mc-format: 'Show me';
	color: #3D0456;
	/*Updated by GG for new branding*/
	text-decoration: none;
	font-weight: normal;
}

a.showMeH3
{
	color: #000000;
	text-decoration: none;
}

.showMeHowTable
{
	margin-top: 20px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.showMeHowTable th
{
	text-align: left;
	font-weight: normal;
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.showMeHowTable td:nth-child(1)
{
	border-top: 1px solid #DDDDDD;
	width: 75%;
}

.showMeHowTable td:nth-child(2)
{
	text-align: center;
	width: 15%;
}

.showMeHowTable td:nth-child(2) a
{
	border-top: 3px solid #0A85FF;
	display: block;
	padding-top: 10px;
	margin-top: -1px;
}

.showMeHowTable h3
{
	margin-bottom: 10px;
	margin-top: 25px;
}

/*This shows the text when it's in tablet and desktop, but hides it from mobile*/

.showMeHowTable p
{
	display: block;
	margin-bottom: 25px;
	padding-right: 10px;
}

img
{
	max-width: 100%;
}

/*NWC uses this in connector grid. Rename to something sensible later.*/

div.NewRowClass1	/*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;
	text-align: center;
}

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: 20%;
	margin-left: 1%;
}

div.NewRowClass1 > div:nth-child(2)
{
	width: 20%;
	margin-left: 1%;
}

div.NewRowClass1 > div:nth-child(3)
{
	width: 20%;
	margin-left: 1%;
}

div.NewRowClass1 > div:nth-child(4)
{
	width: 20%;
	margin-left: 1%;
}

div.NewRowClass1 > div:nth-child(5)
{
	width: 20%;
	margin-left: 1%;
}

div.TwoColumnResponsive	/*Dual column responsive layout used for putting code samples beside instructions*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.TwoColumnResponsive::before
{
	content: ' ';
	display: table;
}

div.TwoColumnResponsive::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.TwoColumnResponsive > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.TwoColumnResponsive > div:nth-child(1)
{
	width: 48%;
	margin-left: 0%;
}

div.TwoColumnResponsive > div:nth-child(2)
{
	width: 48%;
	margin-left: 1%;
}

div.TwoColumnTextOffsetResponsive	/*Dual column responsive layout used for putting images next to text, image will be 1/3 of layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.TwoColumnTextOffsetResponsive::before
{
	content: ' ';
	display: table;
}

div.TwoColumnTextOffsetResponsive::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.TwoColumnTextOffsetResponsive > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.TwoColumnTextOffsetResponsive > div:nth-child(1)
{
	width: 65%;
	margin-left: 0%;
}

div.TwoColumnTextOffsetResponsive > div:nth-child(2)
{
	width: 33%;
	margin-left: 1%;
}

div.TwoColumnLargeImageResponsive	/*Dual column responsive layout used for putting images next to text, image will be 2/3 of layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.TwoColumnLargeImageResponsive::before
{
	content: ' ';
	display: table;
}

div.TwoColumnLargeImageResponsive::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.TwoColumnLargeImageResponsive > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.TwoColumnLargeImageResponsive > div:nth-child(1)
{
	width: 35%;
	margin-left: 0%;
}

div.TwoColumnLargeImageResponsive > div:nth-child(2)
{
	width: 63%;
	margin-left: 1%;
}

div.responsiveTopicTOC	/*Three-column responsive for creating in-topic TOCs*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 66%;
	background-color: #F5F5F5;
	border-radius: 0px;
	color: #000000;
	border: none;
	border-left: 5px solid #052332;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
}

div.responsiveTopicTOC::before
{
	content: ' ';
	display: table;
}

div.responsiveTopicTOC::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.responsiveTopicTOC > div:nth-child(1)
{
	float: left;
	width: 50%;
	padding-left: 1%;
	mc-auto-number-format: '{b}{color black}What do you want to do... {/color}{/b}';
}

div.responsiveTopicTOC > div:nth-child(2)
{
	float: left;
	width: 50%;
	padding-left: 1%;
}

/*Hide the H1 level of the in-topic autogenerated toc.*/

ul._Skins_InTopicTOC > li:nth-child(1)
{
	display: none;
}

/*This is used for grid tables restricted to 4 columns only.*/

div.FourColumnResponsive
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.FourColumnResponsive::before
{
	content: ' ';
	display: table;
}

div.FourColumnResponsive::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.FourColumnResponsive > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.FourColumnResponsive > div:nth-child(1)
{
	width: 20%;
	margin-left: 1%;
}

div.FourColumnResponsive > div:nth-child(2)
{
	width: 20%;
	margin-left: 1%;
}

div.FourColumnResponsive > div:nth-child(3)
{
	width: 20%;
	margin-left: 1%;
}

div.FourColumnResponsive > div:nth-child(4)
{
	width: 20%;
	margin-left: 1%;
}

/*end of FourColumnResponsive*/

div.staticTopicToc
{
	background-color: #F5F5F5;
	border-radius: 0px;
	color: #000000;
	border: none;
	border-left: 5px solid #052332;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	mc-auto-number-format: '{b}{color black}What do you want to do... {/color}{/b}';
}

div.staticTopicToc::before
{
	content: ' ';
	display: table;
}

div.staticTopicToc::after
{
	content: ' ';
	display: table;
	clear: both;
}

MadCap|miniTocProxy
{
	border-top: ;
	text-decoration: underline;
}

p.nextStep
{
	text-align: right;
	font-size: 1.4em;
	font-style: italic;
}

a.nextStep
{
	font-weight: normal;
	text-decoration: none;
}

MadCap|xref.nextStep
{
	text-decoration: underline;
	font-weight: normal;
}

a.tutorial
{
	text-decoration: none;
	font-weight: normal;
	top: 0px;
}

MadCap|xref.tutorial
{
	text-decoration: underline;
	font-weight: normal;
}

H3 .xref.xreftutorial
{
	text-decoration: none;
	font-weight: normal;
}

H3 .xref.xreftutorial:link
{
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}

H3 .xref.xreftutorial:hover
{
	color: #000000;
}

H3 .xref.xreftutorial:visited
{
	color: #000000;
}

.xref.xrefshowMe:hover
{
	color: #2070d0;
	text-decoration: underline;
}

.xref.xrefshowMe:visited
{
	color: #2070d0;
}

img.thumbnailHoverRight
{
	mc-thumbnail: popup;
	float: right;
	padding-left: 10px;
}

div.toolbarButton
{
	
}

p.followAlong
{
	font-size: 1.2em;
	padding-right: 10px;
	vertical-align: middle;
}

.function
{
	color: #2A348A;
	/* Updated by GG to new brand colours*/
	font-style: italic;
	padding-right: 3px;
}

.function-variable
{
	color: #fff;
	display: inline-block;
	background: #030A47;
	/* Updated by GG to new brand colours*/
	border-radius: 4px;
	padding: 2px 4px;
	margin: 0 1px;
	font-size: 0.9rem;
}

.function-tag
{
	display: inline-block;
	background: #FFD4EB;
	/* Updated by GG to new brand colours*/
	border-radius: 4px;
	padding: 2px 4px;
	margin: 0 1px;
	font-size: 0.9rem;
}

.formula-variable
{
	color: #fff;
	display: inline-block;
	background: #8439A6;
	/* Updated by GG to new brand colours*/
	border-radius: 4px;
	padding: 2px 4px;
	margin: 0 1px;
	font-size: 0.9rem;
}

.function-value
{
	color: #a11;
}

.function-number
{
	color: #164;
}

.function-object
{
	color: #0101fd;
}

p.followH2
{
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 15px;
}

div.followAlong
{
	margin-bottom: 30px;
	margin-top: 30px;
	border-left: 5px solid #999999;
	/* Neutral, matches updated branding */
	background-color: #fdfdfd;
	margin-left: 10px;
	padding: 5px;
	padding-left: 15px;
}

div.followAlong td
{
	vertical-align: top;
}

body
{
	background-color: #f1f1f1;
	padding: 0;
	font-family: 'Open Sans';
	font-size: .875rem;
	line-height: 1.3333;
	color: #161718;
	height: 100%;
}

.body-container
{
	background-color: white;
	padding: 50px;
	padding-bottom: 120px;
	/*	margin: 35px; */
	border: solid 1px #e6e6e6;
	border-radius: 3px;
}

/*This makes sure the footer goes where it's supposed to.*/

.body-container > div:nth-child(1)
{
	min-height: 100%;
	position: relative;
}

/*FOOTER*/

div.footer
{
	position: absolute;
	bottom: -120px;
	padding-top: 10px;
	padding-bottom: 0px;
	border-top: 1px solid #e6e6e6;
	min-height: 40px;
	line-height: .3em;
	/*Make the different text lengths look less bad*/
	text-align: center;
	/*Making it responsive*/
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

div.footer::before
{
	content: ' ';
	display: table;
}

div.footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.footer > div
{
	width: 12%;
	min-width: 114px;
}

a.footer
{
	color: #161718;
	text-decoration: underline;
	font-size: .9em;
}

a.footer:hover
{
	color: #161718;
}

/*Add bottom border to header*/

nav.title-bar
{
	border-bottom: solid 1px #cbcbcb;
}

div.box
{
	display: flex;
	flex-wrap: wrap;
}

.box > *
{
	margin: 10px;
}

@media only screen and (max-width: 1279px)
{
	div.NewRowClass1 > div:nth-child(1)
	{
		margin-left: 1%;
	}

	div.NewRowClass1 > div:nth-child(2)
	{
		
	}

	div.NewRowClass1 > div:nth-child(3)
	{
		
	}

	div.NewRowClass1 > div:nth-child(4)
	{
		
	}

	div.NewRowClass1 > div:nth-child(5)
	{
		margin-left: 1%;
	}

	div.TwoColumnResponsive > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.TwoColumnResponsive > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	.MCDropDownBody
	{
		overflow: scroll;
	}

	.off-canvas-wrapper-inner .outer-row
	{
		padding-left: 0;
		padding-right: 0;
	}

	div.body-container
	{
		margin: 0px;
	}

	div.NewRowClass1 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 1%;
	}

	div.NewRowClass1 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.NewRowClass1 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.NewRowClass1 > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.NewRowClass1 > div:nth-child(5)
	{
		width: 100%;
		margin-left: 1%;
	}

	div.TwoColumnResponsive > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.TwoColumnResponsive > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.responsiveTopicTOC > div:nth-child(1)
	{
		width: 100%;
	}

	div.responsiveTopicTOC > div:nth-child(2)
	{
		width: 100%;
	}
}

div.center
{
	text-align: center;
}

/* fix the H2 nav issue in style guide*/

h1 a
{
	position: relative;
	top: -40px;
}

.main-section h2 a	/* adding specificity to prevent conflict with hotjar css*/
{
	position: relative;
	top: -40px;
}

h3 a
{
	position: relative;
	top: -40px;
}

h4 a
{
	position: relative;
	top: -40px;
}

@media only screen and (max-width: 767px)
{
	div.TwoColumnResponsive > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.TwoColumnResponsive > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	.off-canvas-content .main-section > .outer-row
	{
		max-width: 100%;
		/*Removed because it makes short pages really ugly. Not sure why it's here*/
		/*padding-bottom: 20em;*/
	}

	.showMeHowTable td p
	{
		display: none;
	}

	.showMeHowTable h3
	{
		min-height: 72px;
		padding-right: 5px;
		font-size: 1.25em;
	}

	a.showMeH3
	{
		font-size: 1em;
		color: #000000;
		text-decoration: none;
	}

	div.footer > div
	{
		width: 49%;
	}

	div.responsiveTopicTOC > div:nth-child(1)
	{
		width: 100%;
	}

	div.responsiveTopicTOC > div:nth-child(2)
	{
		width: 100%;
	}

	/*mobile view does not have Expand button, need to adjust top-of-topic note*/

	.topicToolbarProxy + .Note-genericblue
	{
		margin-top: 10px;
		max-width: 100%;
	}

	/*mobile view does not have Expand button, might have version switch, need to adjust top-of-topic note*/

	#versionDiv + .Note-genericblue
	{
		margin-top: 10px;
		max-width: 100%;
	}

	#versionDiv
	{
		margin-left: calc(100% - 200px);
	}
}

/* highlight INTERNAL-ONLY content*/

.internal
{
	background-color: #ffff00;
}

p.internal
{
	margin-bottom: 2pt;
	margin-top: 2pt;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-color: #ffff00;
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

/*fix the Search results page */

#searchPane a
{
	position: static;
}

/* change background of microresponse container */

div.micro-response
{
	background-color: #ffffff;
}

.logo-text
{
	position: absolute;
	left: 150px;
	/*IMPORTANT: if you change the left rule, you MUST also update the loadProductName.js script.*/
	top: 3px;
	z-index: 2000;
	padding-top: 0px;
	font-size: 22px;
	/*IMPORTANT: if you change the font-size or family, you MUST also update the loadProductName.js script.*/
	color: #fff;
}

@media only screen and (max-width: 1279px)
{
	.logo-text
	{
		top: 12px;
		/*IMPORTANT: if you change the top rule for mobile, you MUST also update the loadProductName.js script.*/
		position: fixed;
	}
}

/* Landing layout with cards */
/*Flexbox layout with cards*/

.card-container
{
	display: flex;
	flex-wrap: wrap;
}

.card
{
	background: #f2f2f2;
	/* Updated by GG using greyscale tones */
	position: relative;
	width: 300px;
	/* justify-content: center; updated left align from Marjory Philip */
	align-items: left;
	text-align: left;
	margin: 15px 15px 15px 15px;
	/* updated spacing from Marjory Philip */
	padding: 15px 30px 5px 30px;
	/* updated spacing from Marjory Philip */
}

.card:hover
{
	cursor: pointer;
}

/* added by GG for landing page update */

.card-top
{
	justify-content: center;
	align-items: left;
	min-height: 70px;
	margin-bottom: -5px;
}

.card-middle
{
	min-height: 85px;
	min-width: 200px;
}

.card-bottom
{
	height: 35px;
}

/*end of landing page layout with cards*/
/*Adding in-page tabs*/

ul.tabs
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.tabs:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs .tab-link
{
	color: #333;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: -2px;
	position: relative;
	z-index: 0;
	border-radius: 3px 3px 0px 0px;
}

ul.tabs .current
{
	background: #fff;
	color: #052332;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 100;
	font-weight: bold;
}

ul.tabs .tab-link:hover
{
	background: #ddd;
	color: #fff;
	display: inline-block;
	cursor: pointer;
}

ul.tabs .current:hover
{
	background: #fff;
	color: #052332;
	z-index: 2;
}

li.tab-link
{
	margin-bottom: 0px;
	border-right: solid 1px #ddd;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	background-color: #f9f9f9;
}

/*Stops the margin shenanigans sending this off the edge of the content area*/

ul.tabs > :first-child
{
	margin-left: 0px;
}

.tab-content
{
	display: none;
	background: #ededed;
	padding: 15px;
	background-color: transparent;
}

.tab-content.current
{
	display: block;
	border-left: solid 1px #ddd;
	box-shadow: 5px 5px #f9f9f9;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

/*End of in-page tab CSS*/
/*GLOSSARY*/

ul.MCGlossaryProxy_0
{
	border: 0px;
	padding-left: 0px;
}

div.GlossaryPageHeading_0
{
	border-bottom: 0px;
	border-top: 2px solid #eff0f0;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 2.8em;
	color: #3D0456;
	/* Updated by GG to new branding color */
	margin-bottom: -58px;
}

div.GlossaryPageHeading_0:first-child
{
	border: 0px;
}

li.GlossaryPageEntry
{
	list-style-type: none;
	padding-left: 50px;
	padding-bottom: 10px;
}

div.GlossaryPageTerm
{
	display: inline-flex;
	width: 110px;
	flex-direction: row;
	flex-wrap: wrap;
	hyphens: auto;
	overflow-wrap: break-word;
}

div.GlossaryPageDefinition
{
	display: inline-flex;
	flex-wrap: wrap;
	max-width: calc( 100% - 120px);
}

a.GlossaryPageLink
{
	text-decoration: none;
	color: #161718;
	font-weight: bold;
	font-size: 1.1em;
}

a.GlossaryPageLink:link
{
	text-decoration: none;
	color: #161718;
	font-weight: bold;
	font-size: 1.1em;
}

a.GlossaryPageLink:visited
{
	text-decoration: none;
	color: #161718;
	font-weight: bold;
	font-size: 1.1em;
}

a.GlossaryPageLink:hover
{
	text-decoration: none;
	color: #161718;
	font-weight: bold;
	font-size: 1.1em;
}

a.GlossaryPageLink:active
{
	text-decoration: none;
	color: #161718;
	font-weight: bold;
	font-size: 1.1em;
}

/*INDEX LETTERS*/

#alphaIndex
{
	display: flex;
	flex-wrap: wrap;
}

#alphaIndex > div
{
	color: #e0e0e0;
	font-size: 2em;
	width: 3.5%;
	min-width: 35px;
}

a.indexLetter
{
	color: #3D0456;
	/* Updated by GG to new branding color */
	text-decoration: none;
}

/*INDEXED TABLE*/

#indexMe
{
	margin-top: 15px;
}

/*END OF GLOSSARY*/
/*Let's have some funky table styles*/

div.sectionedTableWrapper > table
{
	width: 100%;
	border-collapse: separate;
	overflow: hidden;
	border-radius: 10px;
	border-spacing: 0px 0px;
}

div.sectionedTableWrapper > table > thead > tr > th
{
	padding: 5px;
	text-align: left;
	background-color: #E2E3E4;
	border-bottom: 1px solid #ffffff;
}

div.sectionedTableWrapper > table > tbody > tr > td
{
	padding: 5px;
	border-right: 1px solid #ffffff;
}

.sectionedTableLightRow
{
	background-color: #FAFAFA;
}

.sectionedTableDarkRow
{
	background-color: #EFF0F0;
}

.sectionedTableWrapper > table > tbody > tr > td:nth-child(1)
{
	font-weight: bold;
}

.sectionedTableWrapper > table > tbody > tr > td:nth-child(2)
{
	font-weight: bold;
}

.sectionedTableWrapper > table > tbody > tr > td:nth-child(1) ~ td
{
	border-bottom: 1px solid #ffffff;
}

.sectionedTableWrapper > table > tbody > tr:last-of-type > td:nth-child(1)
{
	border-bottom: 1px solid #ffffff;
}

span.unBold
{
	font-weight: normal;
}

div.manualTableWrapper > table
{
	width: 100%;
	border-collapse: separate;
	overflow: hidden;
	border-radius: 10px;
	border-spacing: 0px 0px;
}

div.manualTableWrapper > table > thead > tr > th
{
	padding: 5px;
	text-align: left;
	background-color: #E2E3E4;
	border-bottom: 1px solid #ffffff;
}

div.manualTableWrapper > table > tbody > tr > td
{
	padding: 5px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.manualTableWrapper > table > tbody > tr > td:nth-child(1)
{
	font-weight: bold;
}

.tableLightRowManualMerge
{
	background-color: #FAFAFA;
	border-bottom: 0px !important;
}

.tableDarkRowManualMerge
{
	background-color: #EFF0F0;
	border-bottom: 0px !important;
}

.inTopicTOC > ul
{
	list-style-type: none;
	padding-left: 0px;
}

/*li.inTopicTOC_H2{}*/

li.inTopicTOC_H3
{
	padding-left: 15px;
}

/* GG - Blue Link CSS for updated landing page and other 'call to action' links */
/* Blue links */

a.bluelink:link
{
	color: #3d0456 !important;
	font-weight: bold !important;
	font-size: 14px !important;
	text-decoration: none !important;
}

a.bluelink:visited
{
	color: #3d0456 !important;
}

a.bluelink:hover
{
	color: #3d0456 !important;
	text-decoration: none !important;
	margin-right: 5px;
}

.bluelink
{
	color: #3d0456 !important;
	font-weight: bold !important;
	font-size: 14px !important;
	vertical-align: bottom;
}

img.blueIcon
{
	width: 50px;
	height: 50px;
	filter: invert(11%) sepia(35%) saturate(800%) hue-rotate(2760deg) brightness(95%) contrast(120%);
	/* This sets the colorization of all the icons on the landing page, turning greyscale to purples.
	I used https://codepen.io/sosuke/pen/Pjoqqp */
}

/* Blue chevrons */

svg.bluelink
{
	position: relative;
	margin-bottom: 4px;
	fill: #3d0456;
	top: 1px;
	width: 17px;
	height: 12px;
}