/*<meta />*/

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

/*********** Fonts ***********/

@font-face 
{
	font-family: Baskervville-Regular;
	src: url(../Fonts/Baskervville-Regular.ttf);
}

/*Headlines*/

@font-face 
{
	font-family: Archivo-SemiBold;
	src: url(../Fonts/Archivo-SemiBold.ttf);
}

/*Subheads*/

@font-face 
{
	font-family: Archivo-Regular;
	src: url(../Fonts/Archivo-Regular.ttf);
}

@font-face 
{
	font-family: Archivo-Medium;
	src: url(../Fonts/Archivo-Medium.ttf);
}

/*Getting started - Filter buttons*/
/* font-weight: 500 */
/*Body copy*/
/*****************************/

body
{
	font-family: Archivo-Regular;
	scrollbar-face-color: #c0c0c0;
	scrollbar-highlight-color: #ebebeb;
	scrollbar-3dlight-color: #ebebeb;
	scrollbar-darkshadow-color: #ebebeb;
	scrollbar-shadow-color: #ebebeb;
	scrollbar-arrow-color: #c0c0c0;
	scrollbar-track-color: #ebebeb;
	background-image: none !important;
	background-repeat: no-repeat;
	font-size: 12pt;
	color: #292929;
	line-height: 20px;
}

body:before
{
	display: none;
	content: url('../Images/Icons/SocialMedia/Contact-blue.png') url('../Images/Icons/SocialMedia/FB-blue.png') url('../Images/Icons/SocialMedia/Twitter-blue.png') url('../Images/Icons/SocialMedia/Insta-blue.png') url('../Images/Icons/SocialMedia/LI-blue.png');
}

root:before
{
	display: none;
	content: url('../Images/Icons/SocialMedia/Contact-blue.png') url('../Images/Icons/SocialMedia/FB-blue.png') url('../Images/Icons/SocialMedia/Twitter-blue.png') url('../Images/Icons/SocialMedia/Insta-blue.png') url('../Images/Icons/SocialMedia/LI-blue.png');
}

._Skins_HTML5___Side_Navigation__SMC .body-container
{
	padding: 0;
	background-color: #FFFFFF;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	overflow: auto;
}

.height-container-sidenav
{
	padding-bottom: 0;
}

p
{
	mc-hyphenate: never;
	color: #341b36;
	font-size: 12pt;
	padding-bottom: 8pt;
	font-family: Archivo-Regular;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	line-height: 20px;
}

p.Remark
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #64CDBE;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

p.Note
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #64CDBE;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

p.TechnicalNote
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #637285;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

p.Example
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	margin-top: 12pt;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #EBB81B;
}

p.warning
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #FB715B;
}

/** Technical Documentation page styling **/

p.TechDocPDF
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #FB715B;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

p.TechDocHTML
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #637285;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

p.TechDocCampaign
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #28A8D5;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

p.TechDocSite
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #64CDBE;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

p.TechDocEngage
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	background-color: #f9f9f9;
	color: #292929;
	border-left: solid 2px #1A4C49;
	margin-left: 5px;
	margin-right: 5px;
	border-collapse: collapse;
	padding: 15px;
}

/***************************************/

p.RemarkWithIndent
{
	font-family: Archivo-Regular;
	border-left-style: None;
	border-right-style: None;
	border-top-style: None;
	border-bottom-style: None;
	mc-next-tag: p;
	border: solid 2px #1A4C49;
	margin-top: 12pt;
	padding: 5px;
	padding-left: 10px;
	line-height: 20px;
	margin-left: 5px;
	margin-right: 5px;
	background: #f9f9f9;
	box-shadow: rgb(0 0 0 / 30%) 0 0 10px;
	border-collapse: collapse;
	padding: 15px;
}

p.remark-note
{
	font-family: Archivo-Regular;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	margin-bottom: 12pt;
	border-top-style: double;
	border-top-width: 4px;
	border: solid 2px #203a80;
	border-radius: 25px;
	background: #f9f9f9;
	color: #203a80;
	box-shadow: rgb(0 0 0 / 30%) 0 0 10px;
	border-collapse: collapse;
	padding: 15px;
}

p.NoteIndent1
{
	font-family: Archivo-Regular;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 11px 0 11px .25in;
	mc-hyphenate: never;
	mc-auto-number-class: zformatBodyNote;
	font-size: 11pt;
	background: #f9f9f9;
	color: #341b36;
	margin-bottom: 16px;
	margin-left: 0.32in;
	padding-bottom: 6px;
	padding-top: 6px;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-top-color: #bebebe;
	mc-auto-number-format: 'Note: ';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #929292;
	box-shadow: rgb(0 0 0 / 30%) 0 0 10px;
	border-collapse: collapse;
	padding: 15px;
}

p.NoteTable
{
	font-family: Archivo-Regular;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	margin: 11px 0 11px 0;
	mc-hyphenate: never;
	background: #f9f9f9;
	color: #341b36;
	padding-left: 4pt;
	padding-top: 2pt;
	mc-auto-number-class: zformatBodyNote;
	border-bottom-style: solid;
	border-bottom: solid 1px;
	border-bottom-color: #929292;
	border-top: solid 1px;
	border-top-color: #929292;
	margin-bottom: 11px;
	padding-bottom: 4pt;
	mc-auto-number-format: 'Note: ';
	box-shadow: rgb(0 0 0 / 30%) 0 0 10px;
	border-collapse: collapse;
	padding: 15px;
}

p.FigureCaption
{
	font-family: Archivo-Regular;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	mc-next-tag: p;
	mc-auto-number-format: 'GH:Figure {n+}: ';
	font-size: 12pt;
	margin: 0;
	margin-top: 12pt;
	color: #3d4950;
	page-break-after: avoid;
	margin-bottom: 12pt;
}

p.FigureCaptionIndent
{
	font-family: Archivo-Regular;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	mc-next-tag: p;
	mc-auto-number-format: 'GH:Figure {n+}: ';
	font-size: 12pt;
	color: #3d4950;
	page-break-after: avoid;
	margin-top: 12pt;
	margin-left: 28px;
	margin-bottom: 12pt;
}

p.IMP_Important
{
	font-family: Archivo-Regular;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	mc-hyphenate: never;
	margin: 16px 0 16px 0in;
	padding: 6px 3px 6px 3px;
	color: #341b36;
	font-size: 11pt;
	mc-auto-number-format: '{b}Important: {/b}';
	border-top: solid 1px #292929;
	border-top-color: #929292;
	border-bottom: solid 1px #292929;
	border-bottom-color: #929292;
}

p.IMP1_ImportantIndent1
{
	font-family: Archivo-Regular;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	mc-hyphenate: never;
	margin: 16px 0 16px .25in;
	padding: 6px 3px 6px 3px;
	border-top: solid 1px #929292;
	border-bottom: solid 1px #929292;
	color: #341b36;
	font-size: 11pt;
	mc-auto-number-format: '{b}Important: {/b}';
	border-bottom-color: #929292;
	border-top-color: #929292;
}

p.Indent
{
	margin-left: 80px;
	margin-right: 80px;
}

a
{
	--tw-text-opacity: 1;
	color: #1A4C49;
	text-decoration: underline;
	text-underline-offset: 4px;
}

a:link
{
	--tw-text-opacity: 1;
	color: #1A4C49;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.table1 a:link
{
	color: #1A4C49;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.cta a:link
{
	color: #ffffff !important;
}

.cta2 a:link
{
	color: #ffffff !important;
}

.cta3 a:link
{
	background-color: #ffffff !important;
}

a[class^="MiniTOC"]:link
{
	text-decoration: underline;
	color: #1A4C49;
	font-family: Baskervville-Regular;
	font-size: 14pt;
	word-spacing: 2px;
}

div.wrap-content > div.container > div > a:link
{
	text-decoration: none !important;
}

nav-lang a:link
{
	color: #1A4C49;
	text-decoration: none !important;
}

a:visited
{
	--tw-text-opacity: 1;
	color: #1A4C49;
	text-decoration: none;
}

.table1 a:visited
{
	color: #292929;
	text-decoration: none;
}

.cta a:visited
{
	--tw-text-opacity: 1;
	color: #ffffff;
	text-decoration: none;
}

div.wrap-content > div.container > div > a:visited
{
	text-decoration: none !important;
}

nav-lang a:visited
{
	background-color: transparent !important;
	color: #1A4C49;
}

a:focus
{
	--tw-text-opacity: 1;
	color: #1A4C49;
	/*text-decoration: underline;
	text-underline-offset: 4px;*/
	outline: none;
	/* Removes the outline */
}

#mc-main-content > p a:hover
{
	color: #64CDBE;
}

#mc-main-content > ul > li a:hover
{
	color: #64CDBE;
}

#mc-main-content > div > p a:hover
{
	color: #64CDBE;
}

#mc-main-content > div a:hover
{
	color: #64CDBE;
}

span a:hover
{
	color: #64CDBE;
}

a:hover
{
	--tw-text-opacity: 1;
	/*color: #1A4C49;*/
	color: #64CDBE;
	/*text-decoration: underline;
	text-underline-offset: 4px;*/
}

div.home-tiles a:hover	/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
	color: #fff;
}

div#modal a:hover
{
	color: #333;
	border: 2px solid #333;
}

.wn-sidebar a:hover
{
	color: #00bfff;
}

.table1 a:hover
{
	color: #1A4C49 !important;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li.ButtonA > a:hover
{
	background: #f5f5f5;
}

.cta a:hover
{
	text-decoration: none;
}

.cta2 a:hover
{
	text-decoration: none;
}

.cta3 a:hover
{
	text-decoration: none;
}

div.wrap-content > div.container > div > a:hover
{
	text-decoration: none !important;
}

nav-lang a:hover
{
	background-color: transparent !important;
	color: #64CDBE !important;
}

a:active
{
	text-decoration: none;
	font-family: Archivo-Regular;
	font-weight: bold;
	color: #1A4C49;
}

div.wrap-content > div.container > div > a:active
{
	text-decoration: none !important;
}

nav-lang a:active
{
	background-color: transparent !important;
	color: #1A4C49 !important;
	font-weight: bold !important;
}

#mc-main-content
{
	padding-left: 25px;
	padding-right: 25px;
}

#mc-main-content > ul li p a:link,
#mc-main-content > ul li a:link,
#mc-main-content > ol li p a:link,
#mc-main-content > ol li a:link
{
	--tw-text-opacity: 1;
	color: #1A4C49;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

#mc-main-content > ul li p a:hover,
#mc-main-content > ul li a:hover,
#mc-main-content > ol li p a:hover,
#mc-main-content > ol li a:hover,
#mc-main-content > table a:hover
{
	color: #64CDBE;
}

/** Related Topics Control styling **/

.relatedTopics:link
{
	color: #1A4C49;
}

.link-list-popup
{
	color: #000000;
	background-color: #dcdcdc;
	border: solid 1px #dcdcdc;
	margin: 0px;
	padding: 0px;
}

.link-list-popup ul
{
	color: #1A4C49;
	background-color: #ffffff;
}

.link-list-popup ul li
{
	font-family: 'Archivo-Regular';
	font-size: 10pt;
	color: #292929;
	padding: 5px;
}

.link-list-popup ul li:hover
{
	color: #ffffff;
	background-color: #1A4C49;
}

/************************************/

a.GenListOfTextListOf:link
{
	display: list-item;
	font-family: Archivo-Regular;
	font-size: 8pt;
	color: #1A4C49;
	padding-bottom: 0pt;
	padding-top: 0pt;
}

a.MiniTOC1
{
	color: #1A4C49;
}

a.MiniTOC2
{
	color: #1A4C49;
}

a.MiniTOC3
{
	color: #1A4C49;
}

a.MiniTOC4
{
	color: #1A4C49;
}

a.MiniTOC5
{
	color: #1A4C49;
}

span.expandtext
{
	color: #ff0000;
	font-weight: normal;
	font-style: italic;
}

span.glosstext
{
	font-weight: normal;
	font-style: italic;
	color: #929292;
}

h1
{
	mc-next-tag: p;
	mc-next-class: Body;
	font-family: Archivo-Regular;
	font-size: 32px;
	font-weight: 400;
	padding-bottom: 15px;
	color: #1C1C1C;
	line-height: 36px;
}

h2
{
	mc-next-tag: p;
	mc-next-class: Body;
	font-family: Archivo-SemiBold;
	font-size: 16pt;
	color: #1A4C49;
	line-height: 20px;
}

h3
{
	mc-next-tag: p;
	mc-next-class: Body;
	font-family: Archivo-SemiBold;
	font-size: 14pt;
	font-weight: bold;
	color: #1A4C49;
	line-height: 20px;
}

.whatsnew-header
{
	font-family: Archivo-Regular;
	font-size: 24px;
	font-weight: 400;
	color: #1A4C49;
	line-height: 28px;
}

.whatsnew-SMC
{
	border-left: 1px solid #2A706B;
	padding-left: 10px;
}

.whatsnew-Campaign
{
	border-left: 1px solid #2A91B5;
	padding-left: 10px;
}

.whatsnew-Site
{
	border-left: 1px solid #29B466;
	padding-left: 10px;
}

p.WN-header-Marigold-background
{
	border-top: 3px solid #F7FBFA;
	border-bottom: 3px solid #F7FBFA;
	text-align: center;
}

.WN-headertext-Marigold
{
	font-family: Archivo-Regular;
	font-weight: 400;
	font-size: 32px;
	color: #1C1C1C;
	display: block;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 30px;
}

.WN-subheadertext-Marigold
{
	font-family: Archivo-Regular;
	font-size: 28px;
	font-weight: 400;
	line-height: 32px;
	color: #1A4C49;
}

h4
{
	mc-next-tag: p;
	mc-next-class: Body;
	font-family: Archivo-SemiBold;
	font-size: 12pt;
	font-weight: bold;
	color: #1A4C49;
	line-height: 20px;
}

h5
{
	mc-next-tag: p;
	mc-next-class: Body;
	font-family: Archivo-SemiBold;
	font-size: 12pt;
	color: #1A4C49;
	line-height: 20px;
}

h6
{
	mc-next-tag: p;
	mc-next-class: Body;
	font-family: Archivo-SemiBold;
	font-size: 12pt;
	color: #1A4C49;
	line-height: 20px;
}

p.eyebrow
{
	font-family: Archivo-SemiBold;
	font-size: 12pt;
	margin-bottom: 2rem;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgba(0,131,179,var(--tw-text-opacity));
	letter-spacing: .12em;
	font-weight: 700;
	font-size: .875rem;
}

p.MoreIndent
{
	margin-left: 32pt;
}

td
{
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
}

ol
{
	margin-left: 5px;
	margin-right: 5px;
	/*margin-left: 80px;
	margin-right: 80px;*/
	margin-bottom: 4pt;
	margin-top: 4pt;
}

div.header
{
	height: 55px;
	background-color: #341b36;
}

ol.col,
ol.responsiveList
{
	margin: 0;
	width: 100%;
	display: block;
	padding-left: 40px;
	box-sizing: border-box;
}

ol.col li,
ol.responsiveList li
{
	margin: 0;
	list-style: none;
	float: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

p.TitleWithSeparation
{
	border-top: 2px solid #EFEFEF;
	margin-right: 3.5em;
	text-decoration: none;
	font-size: 12pt;
	padding: 6px 0px 0px;
	color: #1A4C49;
}

ol.col
{
	
}

ol.responsiveList
{
	
}

/* Breadcrumbs styling */

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-count: 5;
	mc-breadcrumbs-prefix: ' ';
	border-bottom-style: none;
	position: inherit;
}

.breadcrumbs
{
	font-family: Archivo-Regular;
	text-align: right;
	color: #1A4C49;
	line-height: 20px;
	padding-right: 15px !important;
	white-space: break-spaces;
}

.breadcrumbs > *
{
	font-weight: 500;
	font-size: 16px;
	padding-left: 5px;
}

a.MCBreadcrumbsLink
{
	color: #64CDBE;
	font-family: Archivo-Regular;
	font-size: 16px;
	text-decoration: none;
}

a.MCBreadcrumbsLink:hover
{
	color: #1A4C49;
	text-decoration: underline;
}

@media screen and (max-width: 1150px)
{
	.breadcrumbs > *
	{
		font-size: 13px !important;
		padding-left: 3px !important;
	}
}

/* Tablet view */

@media screen and (max-width: 1000px)
{
	.breadcrumbs > *
	{
		font-size: 16px !important;
		padding-left: 5px !important;
	}
}

@media screen and (max-width: 860px)
{
	.breadcrumbs > *
	{
		font-size: 13px !important;
		padding-left: 3px !important;
	}
}

/* Mobile view */

@media screen and (max-width: 700px)
{
	.breadcrumbs
	{
		text-align: center !important;
		padding-top: 50px !important;
		padding-bottom: 1px !important;
		margin-bottom: 1px !important;
		white-space: normal;
	}

	.breadcrumbs > *
	{
		font-size: 14px !important;
		padding-left: 3px !important;
	}
}

/**********************/

MadCap|glossaryTerm
{
	color: #0ad377;
}

MadCap|miniTocProxy
{
	font-family: Archivo-Regular;
	font-size: 12pt;
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	margin-top: 12pt;
	background-color: #F4F4F4;
	color: #292929;
	margin-left: 5px;
	margin-right: 5px;
	padding: 15px;
}

div[class^="MCMiniTocBox"]
{
	width: 100%;
	border: none;
	background: none;
}

MadCap|listOfProxy
{
	font-size: 12pt;
	font-family: Archivo-Regular;
	border-top-style: none;
	padding-top: 0px;
	color: #1A4C49;
}

tr
{
	font-size: 12pt;
}

MadCap|xref:focus
{
	font-family: Archivo-Regular;
	font-weight: bold;
	color: #1A4C49;
	text-decoration: underline;
	text-underline-offset: 4px;
}

MadCap|xref:hover
{
	color: #1A4C49;
	/*text-decoration: underline;
	text-underline-offset: 4px;*/
}

MadCap|xref
{
	text-decoration: underline;
	color: #1A4C49;
}

ol.col li.full,
ol.responsiveList li.full
{
	width: 100% !important;
}

p.Separation
{
	margin-right: 3.5em;
	border-top: solid 2px;
	border-top-color: #eFEFEF;
	color: #1A4C49;
}

MadCap|expandingHead.expandspot
{
	cursor: pointer;
	font-style: normal;
	color: #1A4C49;
}

MadCap|dropDownHotSpot.dropspot
{
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
	font-family: Archivo-Regular;
	text-decoration: underline;
	text-underline-offset: 4px;
	color: #341b36;
	font-size: 13pt;
}

MadCap|dropDownHotspot:hover
{
	color: #64CDBE;
}

MadCap|dropDownHotspot
{
	font-size: 13pt;
	font-weight: bold;
	color: #1A4C49;
}

.dropdownH2
{
	font-family: Archivo-Regular;
	font-size: 28px;
	font-weight: 400;
	line-height: 32px;
	color: #1A4C49;
}

.MCDropDown_Closed .MCDropDown_Image_Icon
{
	position: absolute;
	right: 25px;
	background-image: url(../Images/wn-arrow-down.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.MCDropDown_Open .MCDropDown_Image_Icon
{
	position: absolute;
	right: 25px;
	background-image: url(../Images/wn-arrow-up.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: none;
	padding-left: 5px;
	display: block;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: none;
	padding-left: 5px;
	display: block;
}

.dropDownHead
{
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 1px;
}

MadCap|dropDownHotSpot.indented
{
	font-weight: normal;
	font-size: 13pt;
	color: #1A4C49;
}

MadCap|dropDownHotspot.indented:hover
{
	color: #ff9e25;
	font-size: 13pt;
}

/* This will only target elements with class="MCDropDown newsfeed" :*/

.dropDownNewsfeed
{
	margin-top: 40px;
}

/******************/

.MCDropDownHotSpot h2
{
	line-height: 18px;
}

.MCDropDownBody
{
	margin-left: 0;
}

.MCDropDownBody p
{
	margin-top: 1px !important;
}

.MCDropDownHotSpot_.MCHotSpotImage:hover *
{
	color: #64CDBE;
}

.MCDropDown_Closed .MCDropDown_Image_Icon:hover
{
	background-image: url(../Images/wn-arrow-down_mask.png);
}

.MCDropDown_Open .MCDropDown_Image_Icon:hover
{
	background-image: url(../Images/wn-arrow-up_mask.png);
}

.MCDropDownHotSpot_.MCHotSpotImage:hover > img[alt~="Closed"]
{
	background-image: url(../Images/wn-arrow-down_mask.png);
}

.MCDropDownHotSpot_.MCHotSpotImage:hover > img[alt~="Open"]
{
	background-image: url(../Images/wn-arrow-up_mask.png);
}

MadCap|expandingBody.expandtext
{
	font-weight: normal;
	font-style: italic;
	color: #64CDBE;
}

MadCap|glossaryTerm.glossterm
{
	cursor: pointer;
	color: #459ad5;
	font-style: normal;
}

MadCap|expandingBody.glossterm
{
	font-weight: normal;
	font-style: italic;
	color: #929292;
}

/* READMORE DROPDOWNS */
/* --- This will only target elements with <MadCap:dropDown class="Readmore"> --- */
/* --- which results in html output in class="dropDownreadmore" --- */

.dropDownReadmore
{
	margin-top: 0;
}

p:has(+\000020.dropDownReadmore\000020)
{
	padding-bottom: 0;
}

.dropDownReadmore > .dropDownHead
{
	display: inline-block;
	width: auto;
	border-bottom: none;
	padding-bottom: 10px;
}

.MCDropDownHotSpot_Readmore
{
	display: inline;
	width: auto;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-decoration: underline;
	margin-left: 4px;
}

.MCDropDownHotSpot_Readmore:link
{
	color: #6C7373 !important;
	background-color: #ECECEC !important;
	border: 0.714px solid #8C9494 !important;
	padding-top: 4px;
	padding-left: 16px !important;
	padding-right: 16px !important;
	border-radius: 20px;
	font-family: Archivo-Medium;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.3s ease;
	height: 30px;
}

.MCDropDownHotSpot_Readmore:link:hover
{
	color: #3EC0AD !important;
	background: #EFFAF8 !important;
	border: 0.714px solid #77D3C6 !important;
}

.dropDownReadmore > .dropDownHead > .MCDropDownHotSpot,
.dropDownReadmore .MCDropDown_Image_Icon
{
	background-image: none !important;
}

/* START: Force Readmore dropdowns to start closed */

.dropDownReadmore.MCDropDown_Open .MCDropDownBody
{
	display: block;
}

.dropDownReadmore.MCDropDown_Closed .MCDropDownBody
{
	display: none;
}

/* END: Allow normal toggle behavior */
/************************************************************/

img.Thumbnail
{
	page-break-before: avoid;
	margin: 0px;
	/*max-width: 650px;*/
	max-width: 100%;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 700px;
	mc-thumbnail: popup;
	border: none 2px #dedede;
}

.Example .img.imgThumbnail
{
	max-width: 100% !important;
}

p.HeaderFooter
{
	color: #929292;
	font-size: 8pt;
	margin-left: 0;
}

p.Index1
{
	margin-bottom: 2pt;
}

p.Index2
{
	margin-bottom: 2pt;
}

p.Index3
{
	margin-bottom: 2pt;
}

p.Index4
{
	margin-bottom: 2pt;
}

p.IndexHeading
{
	font-family: Archivo-Regular;
}

p.Step
{
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-top: 11px;
	margin-bottom: 11px;
	mc-hyphenate: never;
	color: #3d4950;
	font-size: 11pt;
	text-align: left;
	padding-left: 20px;
	mc-auto-number-offset: 5px;
	text-indent: -38px;
	margin-left: 43px;
	mc-auto-number-format: 'e:{b}{n=1}.{/b}     ';
}

p.Step_plus
{
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-top: 11px;
	margin-bottom: 11px;
	mc-hyphenate: never;
	color: #341b36;
	padding-left: 20px;
	mc-auto-number-offset: 0px;
	margin-left: 43px;
	text-indent: -38px;
	mc-auto-number-format: 'e:{b}{n+}.{/b}     ';
	font-size: 12pt;
}

p.Table
{
	margin-left: 0in;
	margin-right: 0in;
	margin-top: 0pt;
	margin-bottom: 5pt;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0em;
	color: #341b36;
	mc-hyphenate: never;
	text-indent: 0px;
	text-decoration: none;
	font-size: 12pt;
	padding-top: 4pt;
	padding-bottom: 4pt;
}

p.Table_Footnote
{
	text-align: left;
	margin-left: 0in;
	margin-right: 0in;
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-weight: normal;
	font-style: normal;
	font-size: 8pt;
	letter-spacing: 0em;
	color: #341b36;
	mc-hyphenate: never;
	mc-auto-number-format: 'O:{n+} ';
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0px;
	text-indent: 0px;
	line-height: 10pt;
	text-decoration: none;
}

p.Table_Header
{
	text-align: left;
	margin-left: 0in;
	margin-right: 0in;
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-style: normal;
	letter-spacing: 0em;
	mc-hyphenate: never;
	text-indent: 0px;
	text-decoration: none;
	color: #341b36;
	font-size: 12pt;
	font-weight: bold;
}

p.Table_Note
{
	text-align: left;
	margin-left: 0in;
	margin-right: 0in;
	margin-top: 0pt;
	margin-bottom: 3pt;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt;
	letter-spacing: 0em;
	color: #341b36;
	mc-hyphenate: never;
	mc-auto-number-format: 'Note:  ';
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0px;
	mc-auto-number-class: Note;
	text-indent: 0px;
	text-decoration: none;
}

p.Table_Title
{
	text-align: left;
	margin-left: 1in;
	margin-right: 0in;
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
	letter-spacing: 0em;
	color: #341B36;
	mc-hyphenate: never;
	mc-auto-number-format: 'T:Table {n+} ';
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0px;
	mc-auto-number-class: Bold;
	text-indent: 0px;
	line-height: 12pt;
	text-decoration: none;
}

p.TableCaption
{
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	mc-next-tag: p;
	mc-auto-number-format: 'GH:Table {n+}: ';
	font-size: 12pt;
	margin: 0;
	margin-top: 12pt;
	margin-bottom: 12pt;
	cue-after: p;
	page-break-after: avoid;
}

p.TableCaptionIndent
{
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	mc-next-tag: p;
	mc-auto-number-format: 'GH:Table {n+}: ';
	font-size: 12pt;
	margin: 0;
	cue-after: p;
	margin-top: 16pt;
	line-height: 0px;
	page-break-after: avoid;
	margin-left: 28px;
	margin-bottom: 12pt;
}

p.TOC1
{
	margin: 0;
	mc-leader-indent: 5pt;
	margin-top: 0;
	padding-top: 6pt;
	font-size: 12pt;
	font-weight: bolder;
	padding-bottom: 2pt;
}

p.TOC2
{
	margin-bottom: 0pt;
	margin: 0;
	margin-left: 10pt;
	font-size: 12pt;
	padding-bottom: 2px;
}

p.TOC3
{
	font-size: 12pt;
	padding-bottom: 2px;
	margin: 0;
	margin-left: 20pt;
}

p.TOC4
{
	font-size: 12pt;
	padding-bottom: 2px;
	margin: 0;
	margin-left: 30pt;
}

p.TOC5
{
	color: #341b36;
	font-size: 12pt;
	padding-bottom: 2px;
	margin: 0;
	margin-left: 40pt;
}

p.TOC6
{
	color: #341b36;
	font-size: 12pt;
	padding-bottom: 2px;
	margin: 0;
}

p.TOC7
{
	
}

p.TOC8
{
	
}

p.TOC9
{
	
}

.navigation-wrapper,
.off-canvas-wrapper-inner .outer-row,
.main-section > .outer-row
{
	max-width: 100% !important;
	padding-left: 0em;
}

._Skins_HTML5___Side_Navigation__SMC .off-canvas-wrapper-inner .main-section .outer-row
{
	width: 100%;
	padding-left: 0em;
}

.navigation-wrapper
{
	position: absolute !important;
	top: 50px;
}

ul.navigation ul > li:hover > a
{
	color: #fff;
}

ul.navigation a
{
	font-weight: normal;
	font-size: 12px;
}

/* Button general */

.btn
{
	border: 2px solid #292929;
	background-color: white;
	color: #292929;
	padding: 14px 28px;
	font-size: 16px;
	cursor: pointer;
	margin: auto;
	display: block;
	border-radius: 8px;
}

/* Contact button */

.contactbutton
{
	border: 2px solid white;
	background-color: #1A4C49;
	color: white;
	padding: 2px 8px;
	cursor: pointer;
	border-radius: 8px;
}

.contactbutton:hover
{
	background-color: #0b7094;
	transform: scale(1.1);
}

/* Button blue */

.info
{
	border-color: #2196F3;
	color: dodgerblue;
	cursor: pointer;
}

/* Button hover */

.info:hover
{
	background: #2196F3;
	color: white;
	cursor: pointer;
}

/* Button 51 (= Highlights video button in Overview-WhatsNew) */

.button-51
{
	background-color: #1A4C49;
	border: 1px solid #1A4C49;
	border-radius: 4px;
	color: #FFFFFF;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	white-space: nowrap;
	height: 30px;
	line-height: 24px;
	padding: 2px 9px;
	margin: 3px;
	cursor: pointer;
}

.button-51:hover,
.button-51:active
{
	outline: 0;
}

.button-51:hover
{
	background-color: #FFFFFF;
	border-color: #1A4C49;
	color: #1A4C49;
	cursor: pointer;
}

/*.button-51:before
{
	background-color: #D5EDF6;
	content: "";
	height: calc(100% + 3px);
	position: absolute;
	right: -7px;
	top: -9px;
	transition: background-color 300ms ease-in;
	width: 100%;
	z-index: -1;
}

.button-51:hover:before
{
	background-color: #6DCFF6;
}*/

/**************************************************************/

MadCap|popupBody
{
	color: #00d0fa;
	font-size: 12pt;
}

MadCap|popupHead
{
	font-family: Archivo-Regular;
	font-style: normal;
	color: #1A4C49;
}

MadCap|tocProxy
{
	border-top-style: none;
}

MadCap|slideshow
{
	background-repeat: no-repeat;
	background-size: cover;
}

:root
{
	--SMC-blue: #1A4C49;
}

/**** Highlight search term in search pane + in topic after clicking through ****/

#searchPane b
{
	background: #64CDBE4A;
	color: #292929;
}

span.SearchHighlight
{
	background: #64CDBE4A;
	color: #292929;
}

p.link-btn
{
	background-color: #ffffff;
	border: solid 1px #000080;
	color: #1A4C49;
	vertical-align: middle;
	text-align: center;
	font-size: 11pt;
	padding: 5px;
	width: 200px;
}

/**** End highlight css ****/

a.XRefStyle:visited
{
	text-decoration: none;
	color: #1A4C49;
}

a.XRefStyle:active
{
	color: #1A4C49;
}

nav.title-bar
{
	/*height: 102px;*/
	height: auto;
}

ul.navigation ul > li:hover
{
	background-color: #1A4C49 !important;
}

section.main-section
{
	height: calc(100% - 104px) !important;
	overflow: auto;
}

.main-section
{
	height: calc(100% - 104px) !important;
	overflow: auto;
}

.row.nav-search
{
	position: absolute !important;
	top: 12px !important;
	right: 10px !important;
	width: 500px !important;
	margin: 0 !important;
	z-index: 3;
	/*padding-top: 15px;*/
}

.search-bar
{
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	z-index: 3;
}

.search,
.search-bar
{
	width: 100%;
	position: relative;
	color: #DADADA;
	margin: 0 auto;
	right: 50px;
}

._Skins_HTML5___Side_Navigation__SMC .search-bar .search-field
{
	height: 44px;
	color: #341b36;
	font-family: Archivo-Regular;
	font-size: 12pt;
	background-color: #ffffff;
	padding-right: 50px;
	width: 350px;
	height: 44px;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
	padding-left: 45px;
}

input[type="search"],
textarea
{
	outline: none;
	border-bottom: 1px solid green;
}

.search-bar .search-field
{
	border-bottom: 1px solid #d3d3d3;
}

.search-bar .search-field:focus
{
	/*border-bottom: solid 1px #EBB81B;*/
	border: solid 2px #C5EDD7;
}

.search-bar .search-submit-wrapper
{
	position: absolute;
	left: 7px;
	top: 7px;
	width: 36px;
}

/*.search-submit-wrapper:hover {
	background-color: #64CDBE !important;
}*/

.search-submit
{
	border: none !important;
}

.search-submit:hover
{
	width: 36px;
	background-color: #C5EDD7 !important;
}

.search-bar .search-filter-wrapper
{
	position: absolute;
	top: -25px;
	left: 360px;
}

.search-bar .search-filter
{
	border-left: none 1px #d3d3d3;
	border-right: none 1px #d3d3d3;
	border-top: none 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	color: #341b36;
	font-family: Archivo-Regular;
	font-size: 12pt;
	background-color: #ffffff;
	width: 185px !important;
	height: 44px !important;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
	padding-left: 45px;
}

.search-filter:before
{
	content: attr(title);
	position: absolute;
	left: 15px;
	top: 32px;
	color: #637285;
	width: 100px;
}

.search-filter:hover:before
{
	content: "select filter";
}

.search-filter:after
{
	content: "▼";
	position: absolute;
	left: 155px;
	top: 32px;
	color: #637285;
	width: 5px;
}

.search-filter:link
{
	/*background-color: #64CDBE2A !important;*/
	background-color: #C5EDD72A !important;
}

.search-filter:hover
{
	/*background-color: #64CDBE !important;*/
	background-color: #C5EDD7 !important;
}

.search-filter:visited
{
	/*background-color: #64CDBE2A !important;*/
	background-color: #C5EDD72A !important;
}

.search-filter:focus
{
	/*background-color: #64CDBE !important;*/
	background-color: #C5EDD7 !important;
}

.search-filter:active
{
	/*background-color: #64CDBE !important;*/
	background-color: #C5EDD7 !important;
}

.search-filter.selected
{
	/*background-color: #64CDBE2A !important;*/
	background-color: #C5EDD72A !important;
}

.search-filter-content
{
	top: 24px !important;
	color: #1A4C49 !important;
	border: 2px solid #EBEBEB;
	border-radius: 8px;
	position: absolute;
	right: -82px;
	width: 187px;
}

.search-filter-content ul
{
	font-family: 'Archivo-Regular';
}

.search-filter-content > ul > li:hover
{
	background-color: #C5EDD7 !important;
}

.search-filter-content > ul > li:hover > button > span
{
	background-color: #C5EDD7 !important;
}

.search-filter-content > ul > li:hover > button
{
	background-color: transparent !important;
	cursor: pointer;
}

.search-filter-content > ul > li:hover > button > span:active
{
	background-color: #C5EDD7 !important;
}

.searchinfo
{
	background: #F7FBFA;
	display: inline-block;
	justify-content: center;
	align-items: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-align: left;
	width: 100%;
	font-family: Archivo-Regular;
	line-height: 26px;
	color: #292929;
	margin-top: 20px;
	margin-bottom: 20px;
}

.searchinfo > h5
{
	font-family: Archivo-Regular;
	font-weight: 400;
	font-size: 20px;
	line-height: 1px;
	text-align: left;
	color: #1C1C1C;
	padding-left: 25px;
}

.searchinfo > ul
{
	padding-right: 25px;
}

.searchinfo > ul > li
{
	font-family: Archivo-Regular;
	font-weight: 400;
	font-size: 16px;
	padding-bottom: 8px;
	text-align: left;
	color: #292929;
}

.codeSnippet
{
	font-size: 11pt;
	background-color: #ffffff;
}

@media only screen and (max-width: 1530px)
{
	.codeSnippet
	{
		max-width: 900px !important;
		margin: auto;
	}
}

@media only screen and (max-width: 1270px)
{
	.codeSnippet
	{
		max-width: 550px !important;
		margin: auto;
	}
}

/* tablet view */

@media only screen and (max-width: 1000px)
{
	.row.nav-search
	{
		position: absolute !important;
		width: auto !important;
		margin-top: 5px !important;
		z-index: 3;
		padding-top: 1px !important;
		padding-right: 120px;
	}

	.nav-search-wrapper
	{
		padding-top: 10px;
	}

	/*.menu-icon span
	{
		filter: invert(65%);
	}*/

	nav.title-bar .menu-icon
	{
		display: block;
		border: none;
		z-index: 100;
		background: transparent;
		cursor: pointer;
		transform: translate(0%,10%);
		/*position: relative;*/
		left: 1px !important;
		top: -10px !important;
	}

	._Skins_HTML5___Side_Navigation__SMC .title-bar .menu-icon
	{
		margin-top: 7px !important;
	}

	/* updated tablet/mobile hamburger menu icon => new file menuicon.svg in Images folder */

	._Skins_HTML5___Side_Navigation__SMC .title-bar .menu-icon span
	{
		background: url(../Images/menuicon.svg) no-repeat center center, transparent;
	}

	._Skins_HTML5___Side_Navigation__SMC .title-bar-layout a.logo
	{
		margin-left: 60px !important;
		height: 32px !important;
		margin-top: 10px !important;
	}

	._Skins_HTML5___Side_Navigation__SMC .search-bar.search-bar-container .search-submit
	{
		background-repeat: no-repeat;
		background-position: center center;
		background-color: transparent;
	}

	.search-filter-content
	{
		right: -186px;
	}

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

/* old: 1024px */

MadCap|bodyProxy
{
	
}

/*styles for the home page tiles*/
/*==Home Page Hero Section==*/

div.topic-hero	/*This is the Hero/Banner on the Home Page - To replace the banner image with your own, change background-image property*/
{
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
	padding-bottom: 150px;
	padding-top: 50px;
	background-image: url('../Images/WideImage3.png');
	background-position: center;
}

/*==Home Tiles section==*/

div.home-tiles-container
{
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: -150px;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

div.home-tiles	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 460px;
	background-color: rgba(93,188, 210, 0.85);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 11.5px;
	padding-right: 11.5px;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	overflow: hidden;
	border-radius: 25px;
}

div.home-tiles > div:nth-child(1)
{
	width: 16%;
	margin-left: 15%;
	background: rgba(10,170,170,0.8);
	opacity: 0.9;
}

div.home-tiles > div:nth-child(2)
{
	width: 16%;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(3)
{
	width: 16%;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(4)
{
	width: 16%;
	margin-left: 2%;
	background: rgba(0,120,140,0.7);
}

/*=Elements for text contained within each home-tile=*/

p.tile-title
{
	font-size: 1.5em !important;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

p.tile-subtitle
{
	text-align: center;
	font-size: 1.2em;
	color: #ffffff;
	border-bottom: 1px solid #d3d3d3;
}

p.tile-content
{
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #d3d3d3;
}

div.home-tiles a	/*Complex Selector: Links within the home tiles will have the following properties*/
{
	text-decoration: none;
	color: #4682b4;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/*==Info section==*/

div.info-section	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.info-section::before
{
	content: ' ';
	display: table;
}

div.info-section::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.info-section > div:nth-child(1)
{
	width: 16%;
	margin-left: 15%;
}

div.info-section > div:nth-child(2)
{
	width: 16%;
	margin-left: 2%;
}

div.info-section > div:nth-child(3)
{
	width: 16%;
	margin-left: 2%;
}

div.info-section > div:nth-child(4)
{
	width: 16%;
	margin-left: 2%;
}

/*=Elements for content contained within each info section=*/

p.info-title
{
	line-height: 1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #9c9c9c;
}

p.info-content
{
	font-size: 0.9em;
}

span.highlight	/*Span class used to change the color of text within block elements*/
{
	color: #1A4C49;
}

/*==Home Page Footer==*/

div.footer
{
	background: white;
	text-align: center;
	width: 100%;
	/*margin-top: 100px;*/
	overflow: auto;
}

/*** Social icons ***/

#ContactImg:hover
{
	content: url('../Images/Icons/SocialMedia/Contact-blue.png');
	opacity: 1.0;
}

#SupportImg:hover
{
	content: url('../Images/support_blue.png');
	opacity: 1.0;
}

#FacebookImg:hover
{
	content: url('../Images/Icons/SocialMedia/FB-blue.png');
	opacity: 1.0;
}

#TwitterImg:hover
{
	content: url('../Images/Icons/SocialMedia/Twitter-blue.png');
	opacity: 1.0;
}

#InstagramImg:hover
{
	content: url('../Images/Icons/SocialMedia/Insta-blue.png');
	opacity: 1.0;
}

#LinkedinImg:hover
{
	content: url('../Images/Icons/SocialMedia/LI-blue.png');
	opacity: 1.0;
}

div.footer p	/* Complex Selector: Any <p> that is contained within div.footer will have the following properties */
{
	font-size: 0.8em;
	color: #292929;
}

div.home-master-page-footer	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-master-page-footer::before
{
	content: ' ';
	display: table;
}

div.home-master-page-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.home-master-page-footer > div:nth-child(1)
{
	width: 33.33%;
	margin-left: 0%;
	padding-left: 50px;
	padding-right: 50px;
}

div.home-master-page-footer > div:nth-child(2)
{
	width: 33.33%;
	margin-left: 0%;
	padding-left: 50px;
	padding-right: 50px;
}

div.home-master-page-footer > div:nth-child(3)
{
	width: 33.33%;
	margin-left: 0%;
	padding-left: 50px;
	padding-right: 50px;
}

div.info-container
{
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	padding-bottom: 75px;
}

/*==Whats New pages specific CSS==*/

.wn-wrapper
{
	width: 100%;
	margin: auto;
	padding: 20px;
}

.wn-header
{
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.wn-headertext
{
	height: auto;
	width: 100%;
}

.wn-content
{
	margin-left: 260px;
	width: 50%;
}

.wn-sidebar
{
	float: left;
	width: 200px;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}

.wn-sidebar a
{
	display: block;
	color: #292929;
	padding: 5px;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
}

/*== Feedback button ==*/

.feedback
{
	width: 100%;
	position: static;
}

.feedbackbutton_long
{
	margin: auto;
	border-radius: 12px;
	background-color: #ffffff;
	border: 1px solid #1A4C49;
	color: #1A4C49;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	width: 190px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	vertical-align: middle;
	horizontal-align: middle;
}

.feedbackbutton_long span
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.feedbackbutton_long span:after
{
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.feedbackbutton_long:hover span
{
	padding-right: 20px;
}

.feedbackbutton_long:hover span:after
{
	opacity: 1;
	right: 0;
}

html
{
	scroll-behavior: smooth;
}

/* SCROLLBAR */

._Skins_HTML5___Side_Navigation__SMC .sidenav-wrapper
{
	border-right: solid 1px white;
	overflow-x: hidden;
}

/* width */

::-webkit-scrollbar
{
	width: 8px;
}

/* Track */

::-webkit-scrollbar-track
{
	background: #F7FBFA;
}

/* Handle */

::-webkit-scrollbar-thumb
{
	background: #DCDCDC;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover
{
	background: #999;
}

/* Wizard. There are three button styles - wizbutton (standard), wizbutton_long (for longer text, where there are only two options to display) and wizbutton_nav for the back and start again buttons */

div.wizard
{
	border: 8px solid #e6e6e6;
	padding: 10px;
	background-color: #e6e6e6;
	text-align: center;
}

.wizbutton
{
	display: inline-block;
	border-radius: 12px;
	background-color: #1A4C49;
	border: none;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 170px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	vertical-align: middle;
}

.wizbutton_long
{
	display: inline-block;
	border-radius: 12px;
	background-color: #1A4C49;
	border: none;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	width: 190px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	vertical-align: middle;
}

.wizbutton_nav
{
	display: inline-block;
	border-radius: 12px;
	background-color: #1A4C49;
	border: none;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 3px;
	padding-right: 3px;
	width: 100px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	vertical-align: middle;
}

.wizbutton span
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.wizbutton span:after
{
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.wizbutton:hover
{
	background-color: #64CDBE;
}

.wizbutton:hover span
{
	padding-right: 20px;
}

.wizbutton:hover span:after
{
	opacity: 1;
	right: 0;
}

.wizbutton_long span
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.wizbutton_long span:after
{
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.wizbutton_long:hover
{
	background-color: #64CDBE;
}

.wizbutton_long:hover span
{
	padding-right: 20px;
}

.wizbutton_long:hover span:after
{
	opacity: 1;
	right: 0;
}

div.sideContentWizard
{
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 33.33%;
	background-color: #ffffff;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
	border-left: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
	border-bottom-left-radius: 6px;
}

.wiztext	/* for use with image buttons */
{
	color: #1f618d;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 4px;
	font-size: 20px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

img.wiz	/* for use with image buttons */
{
	cursor: pointer;
}

/******** Video related css : ********/
/** Video icons for WN and other topics **/

.video_icon
{
	border: 1px solid rgb(212,228,217);
}

.video_icon:hover
{
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}

/** Video tiles for the Video.htm topic **/

.video_tile
{
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: cover;
	cursor: pointer;
	position: relative;
	float: left;
	padding: 0 50px 50% 50px;
	background-position: center;
	border: 10px solid white;
	border-radius: 25px;
}

.video_image-title
{
	width: 100%;
	height: 100%;
	color: white;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 5px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 12pt;
	border-radius: 15px;
}

.video_tile .video_image-title
{
	transition: 0.4s ease;
}

.video_tile:hover .video_image-title
{
	background-color: rgba(255, 255, 255, 0.4);
	height: 100%;
	color: #292929;
	text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
	font-weight: bold;
}

/* Responsive tiles */

@media screen and (max-width: 1800px)
{
	.video_image-title
	{
		font-size: 12pt;
	}
}

@media screen and (max-width: 1600px)
{
	.video_image-title
	{
		font-size: 9pt;
	}
}

@media screen and (max-width: 1400px)
{
	.video_image-title
	{
		font-size: 8pt;
	}
}

@media screen and (max-width: 1000px)
{
	.video_image-title
	{
		font-size: 7pt;
	}
}

@media screen and (max-width: 700px)
{
	.video_image-title
	{
		font-size: 6pt;
	}
}

.video_topnav
{
	display: block;
	padding: 0 0 10px 0;
}

.video_topnav_list
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	height: 30px;
	font-weight: bold;
}

.video_topnav_listitem
{
	display: list-item;
	height: 30px;
}

.video_topnav_sectionlink
{
	text-decoration: none;
	color: #000;
	font-family: Archivo-Regular;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
	padding: 6px 12px 6px 12px;
	text-transform: uppercase;
	border: 1px solid #292929;
	border-radius: 6px;
}

.video_topnav_sectionlink:hover
{
	text-decoration: none;
	color: #fff;
	font-family: Archivo-Regular;
	background-color: #1A4C49;
	border: 1px solid #1A4C49;
	border-radius: 6px;
}

/******** End of Video related css ********/
/******** Search explanation DIALOG (for Landing page) ********/

*
{
	box-sizing: border-box;
}

div#modal
{
	position: absolute;
	width: 350px;
	height: 550px;
	top: 15%;
	right: 20px;
	background: rgba(0,103,138,0.9);
	color: white;
	padding: 50px 100px;
	border-radius: 25px;
	z-index: 1;
}

div#modal_content
{
	position: absolute;
	width: 300px;
	top: 28%;
	right: 300px;
	margin: -130px -275px;
}

div#modal h1,
div#modal h2
{
	text-shadow: 1px 1px 0px #000;
}

div#modal a
{
	color: white;
	display: block;
	margin: auto;
	width: 50px;
	height: 50px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	font-size: 2em;
	padding: 5px;
	border: 2px solid white;
	border-radius: 50%;
	text-shadow: 0 0 5px #333;
	box-shadow: 0 0 2px #333;
}

/** modal version 2 **/

div#modal2
{
	background: #80808036;
}

/******** End search explanation DIALOG (for Landing page) ********/
/************** ROUNDED BLOCKS (used for Learning Center, Services Center, Technical Documents, Releases Overview, ... **************/
/************** ROUNDED BLOCKS header **************/

.topHeader
{
	background-image: url('../Images/Learning/banner-water.png');
	border-bottom: 1px solid #cccccc;
	background-repeat: no-repeat;
	padding-right: 10%;
	padding-bottom: 30px;
	background-position: 100% 50%;
}

.topHeader-image
{
	float: left;
	width: 150px;
}

.topHeader-title
{
	font-family: Archivo-Regular;
	font-size: 26pt;
	font-weight: bold;
	color: #1A4C49;
}

.topHeader-subtitle
{
	font-family: Archivo-Regular;
	font-size: 20pt;
}

.blacklink
{
	color: #292929 !important;
	font-family: Archivo-Regular;
	font-style: italic;
	font-weight: bold;
}

.blacklink:hover
{
	color: #64CDBE !important;
	font-family: Archivo-Regular;
	font-style: italic;
	font-weight: bold;
}

.learningcenter-link
{
	color: #1A4C49 !important;
	font-family: Archivo-Regular;
}

.learningcenter-link:hover
{
	color: #64CDBE !important;
	font-family: Archivo-Regular;
}

/*** topheader version 2 ***/

.topHeader2
{
	background-image: url('../Images/WideImage5.png');
	border-bottom: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 5px;
	padding-bottom: 5px;
}

.topHeader2-image
{
	float: left;
	width: 150px;
}

.topHeader2-title
{
	font-size: 40pt;
	font-weight: bold;
	margin-left: 30px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.topHeader2-subtitle
{
	font-size: 12pt;
	margin-left: 30px;
	padding-bottom: 110px;
}

/************** End of ROUNDED BLOCKS header **************/
/************** ROUNDED BLOCKS main content **************/

div.blocks
{
	text-align: center;
}

div.blocks-landing
{
	text-align: center;
	position: relative;
	top: -40px;
	z-index: 8;
}

div.blocks-landing2
{
	text-align: center;
}

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

div.blocks-landing::before
{
	content: ' ';
	display: table;
}

div.blocks-landing2::before
{
	content: ' ';
	display: table;
}

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

div.blocks-landing::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.blocks-landing2::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.blocks > a > div
{
	background-color: rgba(242, 242, 242, 1);
	transition-duration: .3s;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.3);
	margin: 20px;
	width: 250px;
	height: 220px;
	border-radius: 35px;
	filter: grayscale(30%);
	display: inline-block;
	vertical-align: top;
}

div.blocks > div.disabled
{
	background-color: #e6e6e6;
	box-shadow: none;
	pointer-events: none;
	margin: 20px;
	width: 250px;
	height: 220px;
	border-radius: 35px;
	filter: grayscale(30%);
	display: inline-block;
	vertical-align: top;
}

div.blocks-landing > a > div
{
	background-color: rgba(242, 242, 242, 1);
	transition-duration: .3s;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.3);
	margin: 20px;
	width: 250px;
	height: 400px;
	border-radius: 35px;
	filter: grayscale(30%);
	display: inline-block;
	vertical-align: top;
}

div.blocks-landing > a > div > p.blocks-text
{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}

div.blocks-landing > a > div:hover
{
	height: 400px;
	transition-duration: 0.4s;
}

div.blocks-landing > a > div > p:nth-child(1)
{
	margin-top: 65px;
}

div.blocks-landing > a > div:hover > p
{
	transform: translateY(-45px);
	transition: 0.3s;
	-webkit-animation: item-hover 0.3s;
	-moz-animation: item-hover 0.3s;
	animation: item-hover 0.3s;
}

div.blocks-landing > a > div:hover > p.blocks-text
{
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.3s ease-in;
}

div.content-landing2
{
	width: 550px;
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}

@media screen and (max-width: 1000px)
{
	div.content-landing2
	{
		width: 350px;
		display: inline-block;
		vertical-align: top;
		margin: 40px;
	}
}

/* old: 1024px */

p.blocks-title
{
	font-size: 16pt !important;
	text-align: center;
	padding: 6px;
	height: 60px;
	color: #292929;
}

p.blocks-subtitle
{
	font-size: 12pt !important;
	text-align: center;
	color: #292929;
	padding: 1px;
}

p.blocks-text
{
	font-size: 10pt !important;
	text-align: center;
	color: #292929;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	height: 60px;
}

p.blocks2-text
{
	font-size: 10pt !important;
	text-align: center;
	color: #292929;
	text-align: justify;
}

div.blocks > a > div:hover
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	filter: grayscale(0%);
}

div.blocks > a > div:hover > p
{
	color: #00b5fa;
}

div.blocks > a > div:hover > p.blocks-title
{
	color: #00b5fa;
}

div.blocks > a > div:hover > p.blocks-subtitle
{
	color: #00b5fa;
}

div.blocks-landing > a > div:hover
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	filter: grayscale(0%);
}

div.blocks-landing > a > div:hover > p
{
	color: #00b5fa;
}

div.blocks-landing > a > div:hover > p.blocks-title
{
	color: #00b5fa;
}

div.blocks-landing > a > div:hover > p.blocks-subtitle
{
	color: #00b5fa;
}

/** on tablet + mobile view **/

@media screen and (max-width: 1000px)
{
	div.blocks a > div
	{
		width: 250px;
		height: 220px;
	}
}

/* old: 1024px */

@media (min-width: 300px)
{
	si-main-content.homepage,
	.si-search-results.homepage
	{
		width: 80%;
		text-align: center;
		max-width: 2200px;
		margin: 0 auto;
		padding: 16px 0 48px;
		float: none;
	}

	.text-center
	{
		text-align: center;
	}

	.content-tabs
	{
		text-align: center;
	}

	.content-tabs .info-box
	{
		transition-duration: .3s;
		cursor: pointer;
		padding: 5px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.3);
		margin: 20px;
		width: 220px;
		height: 200px;
		border-radius: 20px;
		filter: grayscale(60%);
		display: inline-block;
		vertical-align: middle;
	}

	.content-tabs .info-box > div,
	.content-tabs .info-box > a > img
	{
		width: 55px;
		margin-top: 16px;
		margin-bottom: 0;
	}

	.content-tabs .info-box > div,
	.content-tabs .info-box:hover
	{
		box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
		filter: grayscale(0%);
	}

	.si-main-content img
	{
		max-width: 100%;
		margin: 24px 0;
	}

	/************** End of ROUNDED BLOCKS main content **************/
	/************************ End of ROUNDED BLOCKS css ************************/
	/***************** LEARNING VIDEO page content ************************/
	/************* Video explanation *************/

	.learning-sidebar
	{
		float: left;
		width: 250px;
		position: sticky;
		position: -webkit-sticky;
		top: 0;
	}

	.learning-sidebar > div
	{
		padding-bottom: 15px;
	}

	.learning-sidebar a
	{
		color: #292929;
		padding: 5px;
	}

	.learning-sidebar a:hover
	{
		color: #00bfff;
	}

	.learning-sidebar a.active
	{
		color: #0092cc !important;
		font-weight: bold;
	}

	.figurebox
	{
		padding: 0.7em 0.71em 0.7em 0.7em;
		border: 1px dashed;
		border-color: rgba(0.2,0.2,0.2,0.2);
		font-size: 10pt;
		/*old = margin: auto;*/
		max-width: 290px;
	}

	/************* End of Video explanation *************/
	/*********************** End of VIDEO page content ***********************/
	/************* Related Topics : Keyword link info - on hover *************/

	.keywordLink.keywordLinkinfo:hover
	{
		background: #e5eff7;
		color: #4f81bd;
	}
}

p.LearningLink
{
	text-align: left;
	line-height: 20px;
	padding: 5px;
	padding-left: 10px;
	border-right-style: None;
	margin-top: 12pt;
	border-top-style: double;
	border-top-width: 4px;
	border: solid 2px #292929;
	background-position: 1px;
}

/* Speech balloon */

.speech-bubble
{
	position: relative;
	background: #1A4C49;
	border-radius: .4em;
	display: inline-block;
	float: right;
	margin-top: 150px;
	margin-right: 5%;
	width: 22%;
	padding: 20px;
	border: solid 3px #1A4C49;
	color: white;
	font-size: 12pt;
}

.speech-bubble:after
{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #1A4C49;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}

/* horizontal line */

.h-line
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 2px solid #292929;
	margin: 1em 0;
	padding: 0;
}

/*****************************************/
/** Learning Center - New styled blocks **/
/**           ------------->>           **/

.page-node-type-learning .block-local-tasks-block,
.page-node-type-learning .block-page-title-block,
.path-learning #block-selligent-portal-page-title
{
	display: none;
}

.learning_page_content
{
	padding: 0px 70px;
}

.learning_page_content .top_filter
{
	padding: 40px 50px;
	border-radius: 12px;
	background: white;
	border: 1px solid rgb(214,228,215);
	margin-bottom: 50px;
}

.learning_page_content .learning_page_title
{
	font-size: 30px;
	color: #292929;
	margin-bottom: 20px;
}

.learning_page_content .line_by
{
	margin-bottom: 20px;
}

.learning_page_content .by_value
{
	font-weight: bold;
	color: rgb(241,173,2);
}

.learning_page_content .doc_found
{
	text-transform: uppercase;
	color: rgb(72,72,72);
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0px;
	display: inline-block;
}

.learning_page_content .line_lang
{
	padding-bottom: 30px;
}

.learning_page_content .line_lang input[type=radio]
{
	background: no-repeat url(../images/learning/img/radio_off.png);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0px;
	border-radius: 0px;
	width: 20px;
	height: 20px;
	box-shadow: none;
	margin-left: 10px;
	margin-right: 5px;
	cursor: pointer;
}

.learning_page_content .line_lang input[type=radio]:checked
{
	background: no-repeat url("../images/learning/img/radio_on.png");
	box-shadow: none;
}

.learning_page_content a.type_link,
.learning_page_content a.type_link:not([href]):not([tabindex])
{
	display: inline-block;
	padding: 5px 15px;
	background: rgb(236,249,255);
	border-radius: 5px;
	color: rgb(5,181,254);
	font-size: 14px;
	font-weight: bold;
	margin-left: 8px;
	cursor: pointer;
}

.learning_page_content .type_section
{
	margin-top: 20px;
}

.learning_page_content a.type_link.type_link_hidden,
.learning_page_content a.type_link.type_link_hidden:not([href]):not([tabindex]),
.learning_page_content .type_section.section_hidden
{
	display: none;
}

.learning_page_content .type_section_header
{
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 14px;
	color: rgb(72,72,72);
}

.learning_page_content .type_section_content
{
	padding: 20px;
	border-radius: 6px;
	background: white;
}

.learning_block
{
	display: none;
	width: 173px;
	height: 305px;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 25px;
}

.learning_block.landscape
{
	width: 300px;
	height: 650px;
}

.learning_block.active_lang
{
	display: inline-block;
	height: 100%;
	vertical-align: top;
}

.learning_block.active_id
{
	border: 1px solid #1A4C49;
}

.lang_select_wrapper
{
	display: inline-block;
	position: relative;
	padding: 7px 10px 4px;
	background: white;
	border: 1px solid rgb(212,228,217);
	border-radius: 5px;
	margin-right: 7px;
	width: 60px;
	text-transform: uppercase;
	color: rgb(72,72,72);
	font-weight: bold;
	font-size: 14px;
}

.video_details_wrapper .lang_select_wrapper
{
	color: #1A4C49;
	padding: 9px 16px 6px;
	font-size: 18px;
}

.lang_select_wrapper span
{
	display: inline-block;
	width: 40px;
}

.lang_select_wrapper.sequence
{
	text-transform: none;
	width: 130px;
}

.lang_select_wrapper.sequence span
{
	width: 120px;
}

.duration
{
	font-size: 14px;
	padding-left: 23px;
	background-size: contain;
}

.video_details_wrapper .duration
{
	font-size: 18px;
	padding-left: 32px;
	margin-left: 5px;
	color: #292929;
}

.video_details_wrapper .insp_actions,
.learning_block .insp_actions
{
	margin-bottom: 20px;
}

.video_details_wrapper .insp_actions .share_link,
.learning_block .insp_actions .share_link,
.video_details_wrapper .insp_actions .flag,
.learning_block .insp_actions .flag
{
	display: inline-block;
	float: right;
	margin-left: 11px;
	width: 33px;
	height: 33px;
}

.video_details_wrapper .insp_actions .flag
{
	width: 40px;
	height: 40px;
}

.video_details_wrapper .insp_actions .flag,
.learning_block .insp_actions .flag
{
	cursor: pointer;
	background: no-repeat url("../images/learning/img/fav_off.png");
}

.video_details_wrapper .insp_actions .flag a,
.learning_block .insp_actions .flag a
{
	text-indent: -9999px;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.video_details_wrapper .insp_actions .share_link,
.learning_block .insp_actions .share_link
{
	display: inline-block;
	text-indent: -9999px;
	position: relative;
}

.video_details_wrapper .insp_actions .flag.action-unflag,
.learning_block .insp_actions .flag.action-unflag
{
	background: no-repeat url("../images/learning/img/fav_on.png");
}

.video_details_wrapper .insp_actions .share_link,
.learning_block .insp_actions .share_link
{
	background: no-repeat url("../images/learning/img/share.png");
}

.video_details_wrapper .insp_actions .flag,
.video_details_wrapper .insp_actions .flag.action-unflag
{
	background-size: cover;
}

.insp_title
{
	height: 40px;
	font-size: 12pt;
	color: gray;
	width: 290px;
}

@media (min-width: 1001px) and (max-width: 1090px)
{
	.insp_title
	{
		font-size: 14px !important;
	}
}

.learning_block .select_lang
{
	cursor: pointer;
	background: no-repeat url("../images/learning/img/select_lang.png") 27px 7px;
}

.learning_block .list_langs
{
	width: 60px;
	position: absolute;
	top: -1px;
	left: -1px;
	display: none;
	border-radius: 5px;
	padding: 7px 10px 4px;
	background: white;
	border: 1px solid rgb(212,228,217);
	cursor: pointer;
}

.learning_block .insp_image img
{
	/*width: 163px;
	height: 290px;*/
	width: 250px;
	height: auto;
	margin-bottom: 5px;
}

.learning_block.landscape .insp_image img
{
	max-width: 290px;
}

.insp_image img
{
	border: 1px solid rgb(212,228,217);
}

.insp_image img:hover
{
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}

.w_videos
{
	text-transform: none;
}

.course_name
{
	clear: both;
	font-size: 16px;
	padding-left: 7px;
	margin-bottom: 2px;
	font-weight: 500;
}

.learn_product_wrap
{
	margin-top: 3px;
}

.learn_product
{
	color: rgb(241,173,2);
	font-weight: bold;
}

.video_details_wrapper,
.view_more_wrapper
{
	padding: 20px;
	border-radius: 6px;
	background: white;
	min-height: 20px;
	margin-left: 70px;
	margin-right: 70px;
}

.video_details_wrapper
{
	margin-bottom: 50px;
	padding: 40px 80px;
	margin-left: 70px;
	margin-right: 70px;
	border-radius: 10px;
	border: 1px solid rgb(213,227,213);
}

.video_details_inner
{
	max-width: 960px;
	margin: 0 auto;
}

.video_details_info
{
	margin-top: 30px;
}

.video_details_title
{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #292929;
}

.video_details_body
{
	
}

.view_more_header
{
	color: #1A4C49;
	font-size: 20px;
	padding: 20px;
	font-weight: 500;
}

.video_details_title,
.video_details_body,
.video_details_wrapper .insp_actions
{
	width: 800px;
}

.video_details_path
{
	margin-left: 70px;
	margin-right: 70px;
	margin-bottom: 20px;
}

.video_details_path_category,
.video_details_path_topic,
.video_details_path_course
{
	display: inline-block;
	padding: 5px 20px;
	font-size: 17px;
}

.video_details_path_category,
.video_details_path_topic
{
	border-right: 1px solid #8F9198;
}

.video_details_path_course
{
	color: #1A4C49;
}

/**           <<-------------           **/
/** Learning Center - New styled blocks **/
/*****************************************/
/************************/
/******2020 STYLING******/
/*  ↓   ↓   ↓   ↓   ↓   */
/* ELEMENTS */

.header1
{
	font-family: Archivo-Regular;
	font-size: 24pt;
	font-style: italic;
	font-weight: bolder;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
}

.header2
{
	font-size: 16pt;
	padding-bottom: 6px;
	padding-top: 3px;
	margin-top: 11pt;
	color: #1A4C49;
	font-family: Archivo-Regular;
	font-weight: bold;
}

.header3
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #dedede;
	font-size: 14pt;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-bottom: .42em;
	margin-top: 7pt;
	color: #1A4C49;
	font-family: Archivo-Regular;
	font-weight: bold;
}

.header4
{
	font-size: 12pt;
	color: #454545;
	padding-bottom: 6px;
	padding-top: 7px;
	margin-top: .56em;
	margin-bottom: .56em;
	font-family: Archivo-Regular;
	font-weight: bold;
}

.header5
{
	font-size: 11pt;
	margin-top: .75em;
	margin-bottom: .75em;
	color: #1A4C49;
	font-family: Archivo-Regular;
	font-weight: bold;
}

.header6
{
	font-size: 12pt;
	padding-top: 7px;
	margin-top: .84em;
	margin-bottom: .84em;
	color: #1A4C49;
	font-family: Archivo-Regular;
	font-weight: bold;
}

p.link-btn:hover
{
	background-color: #203a80;
	color: #ffffff;
	display: block;
	cursor: pointer;
}

/* TOPIC SECTIONS */
/* Top Title */

section-toptitle
{
	display: block;
	background-color: #1f3a7f;
	background: linear-gradient(to left,#01b7f9 0%,#1f3a7f 100%);
	height: 120px;
	padding-left: 200px;
	padding-right: 200px;
}

/* Light-gray */

section-LGray
{
	display: block;
	background-color: #eeeeee;
	border-bottom: 1px solid #808080;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 200px;
	padding-right: 200px;
}

/* Light-blue - dark gray left border */

section-LBlue-DGrayLftB
{
	display: block;
	border-left: 10px solid #808080;
	border-bottom: 1px solid #1A4C49;
	background-color: #F0F8FF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 200px;
	padding-right: 200px;
}

/* White - light blue right border */

section-White-LBlueRghtB
{
	display: block;
	border-right: 10px solid #1A4C49;
	border-bottom: 1px solid #203a80;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 200px;
	padding-right: 200px;
}

/* Light-gray - dark blue left border */

section-LGray-DBlueLftB
{
	display: block;
	border-left: 10px solid #203a80;
	border-bottom: 1px solid #808080;
	background-color: #f1f1f1;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 200px;
	padding-right: 200px;
}

/* Light-blue - dark gray right border */

section-LBlue-DGrayRghtB
{
	display: block;
	border-right: 10px solid #808080;
	border-bottom: 1px solid #1A4C49;
	background-color: #F0F8FF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 200px;
	padding-right: 200px;
}

/* White - light blue left border */

section-White-LBlueLftB
{
	display: block;
	border-left: 10px solid #1A4C49;
	border-bottom: 1px solid #203a80;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 200px;
	padding-right: 200px;
}

/* Light-blue */

section-LBlue
{
	display: block;
	background-color: #F0F8FF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 200px;
	padding-right: 200px;
}

/****Feature-based WN****/

.featuretext
{
	width: 100%;
	padding: .5em 1em;
	line-height: 1.4em;
	padding: 20px;
	background-color: #ecf0f1;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	text-align: left;
	display: inline-block;
}

.text-container
{
	display: block;
	position: relative;
	padding-right: 30px;
	vertical-align: top;
}

.feature
{
	width: 70%;
	display: block;
	margin: auto;
	background-color: #dde1e2;
	padding-bottom: 2em;
	-webkit-box-shadow: #bdc3c7 0 5px 5px;
	-moz-box-shadow: #bdc3c7 0 5px 5px;
	box-shadow: #bdc3c7 0 5px 5px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-bottom: 2em;
}

.feature li
{
	padding: 1em 0;
	list-style: none;
}

.videothumb-img-left
{
	opacity: 80%;
	display: block;
	margin: auto;
	width: 310px;
	float: left;
	left: 195px;
	top: 109px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #ffffff;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #ffffff;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #ffffff;
}

.videothumb-img-left:hover
{
	opacity: 100%;
	box-shadow: 0 0 10px #ccc;
}

.videothumb-img-right
{
	opacity: 80%;
	display: block;
	margin: auto;
	width: 310px;
	float: right;
	left: 195px;
	top: 109px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #ffffff;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #ffffff;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #ffffff;
}

.videothumb-img-right:hover
{
	opacity: 100%;
	box-shadow: 0 0 10px #ccc;
}

.feature-pageheader
{
	width: 70%;
	display: block;
	margin: auto;
	background-color: #3498db;
	text-shadow: #2084c7 1px 1px 0;
	padding: 1em 0 !important;
	color: white;
	text-align: center;
	margin-top: 1em;
	font-size: 1.6em;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	position: relative;
}

hf3
{
	font-family: Archivo-SemiBold;
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: .2em;
	color: #485051;
}

.feature-note
{
	display: block;
	padding: 5px;
	margin-bottom: 2em;
	border: solid 2px #1A4C49;
}

.feature-example
{
	display: block;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 2em;
	border: dashed 2px #0AD377;
}

.vid-icon
{
	cursor: pointer;
	opacity: 80%;
}

.vid-icon:hover
{
	opacity: 100%;
}

.top-icon
{
	cursor: pointer;
	opacity: 70%;
}

.top-icon:hover
{
	opacity: 100%;
}

.blue
{
	color: #185875;
}

.yellow
{
	color: #FFF842;
}

.table1 a
{
	display: block;
	text-decoration: none;
}

.table1 td
{
	border-color: #c4c4c4;
	background-color: rgba(242, 242, 242, 1);
	transition-duration: .3s;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.3);
}

.table1 td:hover
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	filter: grayscale(0%);
}

.table2
{
	color: #292929;
	pointer-events: none;
}

.oval-thought-border
{
	position: relative;
	padding: 70px 30px;
	margin: 1em auto 80px;
	border: 10px solid #c81e2b;
	text-align: center;
	color: #333;
	background: #fff;
	-webkit-border-top-left-radius: 240px 140px;
	-webkit-border-top-right-radius: 240px 140px;
	-webkit-border-bottom-right-radius: 240px 140px;
	-webkit-border-bottom-left-radius: 240px 140px;
	-moz-border-radius: 240px / 140px;
	border-radius: 240px / 140px;
}

.example-obtuse
{
	position: relative;
	padding: 15px 30px;
	margin: 0;
	color: #000;
	background: #f3961c;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
	background: -moz-linear-gradient(#f9d835, #f3961c);
	background: -o-linear-gradient(#f9d835, #f3961c);
	background: linear-gradient(#f9d835, #f3961c);
	-webkit-border-top-left-radius: 25px 50px;
	-webkit-border-top-right-radius: 25px 50px;
	-webkit-border-bottom-right-radius: 25px 50px;
	-webkit-border-bottom-left-radius: 25px 50px;
	-moz-border-radius: 25px / 50px;
	border-radius: 25px / 50px;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li a,
._Skins_HTML5___Side_Navigation__SMC ul.off-canvas-list li a
{
	font-family: Archivo-Regular;
}

._Skins_HTML5___Side_Navigation__SMC .title-bar-layout a.logo
{
	margin-left: 4px;
	width: 180px;
	/*height: 40px;*/
	background-color: transparent;
	background-image: url('../Images/Marigold-Logo-Evergreen.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

._Skins_HTML5___Top_Navigation__SMC .title-bar-layout a.logo:hover
{
	box-shadow: 0 0 10px #ccc;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul ul > li > a
{
	margin-left: 2em;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul ul ul > li > a
{
	margin-left: 3em;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul ul ul ul > li > a
{
	margin-left: 4em;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul ul ul ul ul > li > a
{
	margin-left: 5em;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul ul ul ul ul ul > li > a
{
	margin-left: 6em;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul ul ul ul ul ul ul > li > a
{
	margin-left: 7em;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul ul ul ul ul ul ul ul > li > a
{
	margin-left: 8em;
}

/* Styling for 'Learning VIDEOS' item in TOC -->> */

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li.ButtonA
{
	border: 1px solid #142d56;
	border-left: none;
	border-right: none;
	color: #142d56;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li.ButtonA > a
{
	background: #F0F8FF;
}

/* <<-- Styling for 'Learning VIDEOS' item in TOC */

td.jos:hover
{
	background-color: #191970 !important;
}

td.jos2:hover
{
	background-color: #D4EBFF !important;
}

td.wn-banner:hover
{
	filter: brightness(1.10);
}

.wn-button
{
	box-shadow: 10px 10px 5px lightblue;
}

.wn-button:hover
{
	filter: brightness(1.05);
}

td.classroomblock:hover
{
	background-color: #ffffff !important;
}

/* cta 1 */

.cta
{
	display: inline-block;
	cursor: pointer;
	--tw-bg-opacity: 1;
	background-color: #1A4C49;
	padding: 15px 25px 15px 25px;
	text-align: center;
	font-family: Archivo-Regular;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	--tw-text-opacity: 1;
	color: #ffffff !important;
	border-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgba(0,131,179,var(--tw-border-opacity));
	border-radius: 30px;
	text-decoration: none;
}

.cta:hover
{
	background-color: #64CDBE;
	border-color: #1A4C49;
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
}

/* cta 2 */

.cta2
{
	display: inline-block;
	cursor: pointer;
	--tw-bg-opacity: 1;
	background-color: rgba(0,131,179,var(--tw-bg-opacity));
	padding: 1rem 2.25rem 0.75rem;
	text-align: center;
	font-family: Archivo-Regular;
	font-size: .875rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.18;
	letter-spacing: .12em;
	--tw-text-opacity: 1;
	color: #ffffff !important;
	border-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgba(0,131,179,var(--tw-border-opacity));
	border-top-left-radius: 9999px;
	border-top-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	height: 150px;
	text-decoration: none;
}

.cta2:hover
{
	background-color: #1A4C49;
	background-color: rgba(6,64,79,var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255,255,255,var(--tw-text-opacity));
	text-decoration: none;
}

/* cta 3 */

.cta3
{
	display: inline-block;
	cursor: pointer;
	--tw-bg-opacity: 1;
	color: #1A4C49;
	padding: 8px 5px 2px 8px;
	text-align: center;
	font-family: Archivo-Regular;
	font-size: .875rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.18;
	letter-spacing: .12em;
	--tw-text-opacity: 1;
	background-color: #ffffff !important;
	--tw-border-opacity: 1;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #1A4C49;
}

.cta3:hover
{
	background-color: #EBB81B !important;
	color: #FFFFFF !important;
	border-color: #EBB81B !important;
	--tw-bg-opacity: 1;
	--tw-border-opacity: 1;
	--tw-text-opacity: 1;
}

/* side menu proxy - extra styling */

.sticky-menu
{
	border-left: 1px solid #292929;
}

ul.menu._Skins_SideMenuFixed.mc-component li > a
{
	color: #1A4C49 !important;
}

/* header block for WhatsNew */

.WN-header-block
{
	background: #ffffff;
	color: #292929;
	box-shadow: rgb(0 0 0 / 40%) 0 0 10px;
	border-radius: 15px;
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 18px;
	padding-bottom: 18px;
}

/* search results */

#resultList > li
{
	list-style: none;
	margin: 30px !important;
}

/* Style TOC icons for Learning courses */

/*
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_2_SMC_Videos.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_10_SDS.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_3_Cortex_Videos.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_4_Site_Videos.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics1.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics2.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Advanced.htm"]
{
	background-image: url('../Images/Assets/Icons/MainIcons/mortarboard.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_2_SMC_Videos.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_2_SMC_Videos.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_2_SMC_Videos.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a.selected[href*="Learning_2_SMC_Videos.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_10_SDS.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_10_SDS.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_10_SDS.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a.selected[href*="Learning_10_SDS.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_3_Cortex_Videos.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_3_Cortex_Videos.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_3_Cortex_Videos.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a.selected[href*="Learning_3_Cortex_Videos.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_4_Site_Videos.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_4_Site_Videos.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_4_Site_Videos.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a.selected[href*="Learning_4_Site_Videos.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics1.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics1.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics1.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a.selected[href*="Learning_5_Campaign_Basics1.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics2.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics2.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Basics2.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a.selected[href*="Learning_5_Campaign_Basics2.htm"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Advanced.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Advanced.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a[href*="Learning_5_Campaign_Advanced.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav ul > li > a.selected[href*="Learning_5_Campaign_Advanced.htm"]
{
	background-color: #EBB81B;
	background-image: url('../Images/Assets/Icons/MainIcons/mortarboard.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Learning_Center.htm"]
{
	background-image: url('../Images/Assets/Icons/MainIcons/video.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left top;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Learning_Center.htm"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Learning_Center.htm"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Learning_Center.htm"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="Learning_Center.htm"]
{
	background-color: #EBB81B;
	background-image: url('../Images/Assets/Icons/MainIcons/video.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left top;
}
*/

/* Style TOC icons for Technical Doc PDFs */

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="MSDynamics365Integration_EN_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceClassicIntegration_EN_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceLightningIntegration_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SugarCRMIntegration_EN_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="CDMConnectorSetupAndFunctionalGuide_EN_9.1.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Facebook leads to file app - Technical documentation.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_US_ORD_file_service_setup.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_EU_IZ_file_service_setup.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="PDFMerger - Technical documentation.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="WhatsApp-CM-ClientSetupDoc.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ContentBuilding.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Stored procedures.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Campaign VS SMC functions.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generic Export.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generating_A_Har_File_2022.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SupportPortalServiceDesk.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="GoogleReCAPTCHA - Technical documentation.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SMC_API_Limitations.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ReputationWarmUp.pdf"]
{
	background-image: url('../Images/Learning/assets/pdf.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left top;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="MSDynamics365Integration_EN_V6.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="MSDynamics365Integration_EN_V6.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="MSDynamics365Integration_EN_V6.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="MSDynamics365Integration_EN_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceClassicIntegration_EN_V6.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceClassicIntegration_EN_V6.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceClassicIntegration_EN_V6.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="SalesforceClassicIntegration_EN_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceLightningIntegration_V6.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceLightningIntegration_V6.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SalesforceLightningIntegration_V6.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="SalesforceLightningIntegration_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SugarCRMIntegration_EN_V6.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SugarCRMIntegration_EN_V6.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SugarCRMIntegration_EN_V6.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="SugarCRMIntegration_EN_V6.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="CDMConnectorSetupAndFunctionalGuide_EN_9.1.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="CDMConnectorSetupAndFunctionalGuide_EN_9.1.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="CDMConnectorSetupAndFunctionalGuide_EN_9.1.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="CDMConnectorSetupAndFunctionalGuide_EN_9.1.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Facebook leads to file app - Technical documentation.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Facebook leads to file app - Technical documentation.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Facebook leads to file app - Technical documentation.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="Facebook leads to file app - Technical documentation.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_US_ORD_file_service_setup.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_US_ORD_file_service_setup.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_US_ORD_file_service_setup.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="_SAAS_US_ORD_file_service_setup.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_EU_IZ_file_service_setup.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_EU_IZ_file_service_setup.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="_SAAS_EU_IZ_file_service_setup.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="_SAAS_EU_IZ_file_service_setup.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="PDFMerger - Technical documentation.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="PDFMerger - Technical documentation.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="PDFMerger - Technical documentation.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="PDFMerger - Technical documentation.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="WhatsApp-CM-ClientSetupDoc.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="WhatsApp-CM-ClientSetupDoc.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="WhatsApp-CM-ClientSetupDoc.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="WhatsApp-CM-ClientSetupDoc.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ContentBuilding.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ContentBuilding.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ContentBuilding.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="ContentBuilding.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Stored procedures.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Stored procedures.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Stored procedures.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="Stored procedures.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Campaign VS SMC functions.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Campaign VS SMC functions.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Campaign VS SMC functions.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="Campaign VS SMC functions.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generic Export.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generic Export.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generic Export.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="Generic Export.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generating_A_Har_File_2022.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generating_A_Har_File_2022.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="Generating_A_Har_File_2022.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="Generating_A_Har_File_2022.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SupportPortalServiceDesk.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SupportPortalServiceDesk.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SupportPortalServiceDesk.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="SupportPortalServiceDesk.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="GoogleReCAPTCHA - Technical documentation.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="GoogleReCAPTCHA - Technical documentation.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="GoogleReCAPTCHA - Technical documentation.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="GoogleReCAPTCHA - Technical documentation.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SMC_API_Limitations.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SMC_API_Limitations.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="SMC_API_Limitations.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="SMC_API_Limitations.pdf"],
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ReputationWarmUp.pdf"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ReputationWarmUp.pdf"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="ReputationWarmUp.pdf"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="ReputationWarmUp.pdf"]
{
	background-color: #EBB81B;
	background-image: url('../Images/Learning/assets/pdf.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left top;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="selligent-generic-exports.zip"]
{
	background-image: url('../Images/Learning/assets/zip.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left top;
}

._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="selligent-generic-exports.zip"]:hover,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="selligent-generic-exports.zip"]:active,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a[href*="selligent-generic-exports.zip"]:visited,
._Skins_HTML5___Side_Navigation__SMC ul.sidenav li > a.selected[href*="selligent-generic-exports.zip"]
{
	background-color: #EBB81B;
	background-image: url('../Images/Learning/assets/zip.png');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: left top;
}

/*** Landing/overview pages 2023 ***/

h1.how-can-we-help
{
	font-family: Baskervville-Regular;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	font-size: 48px;
	color: #1A4C49;
	padding-bottom: 25px;
	line-height: 30px;
}

.wrap-content
{
	padding-bottom: 100px;
}

/*@media (min-width: 1240px) {
	.wrap-content {
		padding: 0 100px 100px;
	}
}*/

.container.large-container
{
	width: 100%;
}

.container
{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.container:before,
.container:after
{
	content: " ";
	display: table;
}

*,
*:before,
*:after
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-xs-3,
.col-xs-3-titleonly
{
	width: 33.3333%;
}

.col-xs-4
{
	width: 25%;
}

.col-xs-5
{
	width: 20%;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-3-titleonly,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11
{
	float: left;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-3-titleonly,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12
{
	position: relative;
	min-height: 1px;
}

.home-panel
{
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	color: #25252b;
	outline: none !important;
}

.col-xs-3 .home-panel
{
	height: 178px;
	padding: 15px;
}

.col-xs-3-titleonly .home-panel
{
	padding: 40px;
}

.col-xs-3:nth-child(1),
.col-xs-3:nth-child(4),
.col-xs-3:nth-child(7)
{
	padding-right: 20px;
}

.col-xs-3:nth-child(3),
.col-xs-3:nth-child(6),
.col-xs-3:nth-child(9)
{
	padding-left: 20px;
}

.col-xs-4 .home-panel
{
	height: auto;
	padding: 4px;
}

.col-xs-4-titleonly .home-panel
{
	padding: 4px;
}

.col-xs-5 .home-panel
{
	height: auto;
	padding: 4px;
}

.col-xs-5-titleonly .home-panel
{
	padding: 4px;
}

.home-panel:hover
{
	background: #64CDBE2A;
	text-decoration: none;
	color: #424242;
	box-shadow: 0 6px 2px -2px #1A4C49;
}

.col-xs-3 .home-panel h3
{
	font-family: Archivo-Regular;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #1A4C49;
}

.col-xs-3 .home-panel > p
{
	font-family: Archivo-Regular;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #1C1C1C;
}

.col-xs-3-titleonly .home-panel h3
{
	font-family: Archivo-Regular;
	font-weight: 700;
	font-style: normal;
	font-size: 28px;
	line-height: 32px;
}

.home-panel h1,
.home-panel h2,
.home-panel h3,
.home-panel h4,
.home-panel h5,
.home-panel h6
{
	overflow-wrap: break-word;
	height: auto;
	color: #1A4C49 !important;
	text-decoration: none !important;
}

.col-xs-4 .home-panel h3
{
	font-size: 18px;
}

.home-panel h1,
.home-panel h2,
.home-panel h3
{
	margin-top: 20px;
	margin-bottom: 10px;
}

.home-panel h1,
.home-panel h2,
.home-panel h3,
.home-panel h4,
.home-panel h5,
.home-panel h6
{
	font-family: Archivo-Regular;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.landinglink
{
	color: #3a7af0;
	text-decoration: none;
}

.col-xs-3 .fpicon
{
	transition: background-color 0.25s ease;
	height: 32px;
	width: 32px;
	margin: 0 auto;
	padding: 0;
}

.col-xs-3-titleonly .fpicon
{
	transition: background-color 0.25s ease;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	padding: 0;
}

.col-xs-4 .fpicon
{
	transition: background-color 0.25s ease;
	height: 50px;
	width: 50px;
	margin: 0 auto;
	padding: 0;
}

.col-xs-5 .fpicon
{
	transition: background-color 0.25s ease;
	height: 50px;
	width: 50px;
	margin: 0 auto;
	padding: 0;
}

.FeedbackBtn
{
	text-align: left;
}

@media only screen and (max-width: 1275px)
{
	.home-panel h3
	{
		margin-top: 3px !important;
		margin-bottom: 3px !important;
	}
}

@media only screen and (max-width: 1200px)
{
	.col-xs-3 .home-panel h3
	{
		font-size: 18px !important;
	}

	.col-xs-3-titleonly .home-panel h3
	{
		font-size: 18px !important;
	}

	.col-xs-3 p
	{
		margin-top: 8px !important;
		margin-bottom: 2px !important;
	}
}

@media only screen and (max-width: 1140px)
{
	.col-xs-3 .fpicon
	{
		height: 24px;
		width: 24px;
	}

	.col-xs-3 .home-panel h3
	{
		font-size: 16px !important;
	}

	.col-xs-3-titleonly .home-panel h3
	{
		font-size: 16px !important;
	}

	.col-xs-4 .home-panel h3
	{
		font-size: 13px !important;
	}

	.col-xs-5 .home-panel h3
	{
		font-size: 13px !important;
	}

	.col-xs-3 p
	{
		font-size: 10pt !important;
	}
}

@media only screen and (max-width: 1060px)
{
	.col-xs-3 .home-panel > h3
	{
		line-height: 20px;
	}

	.col-xs-3 .home-panel > p
	{
		line-height: 16px;
	}
}

/* TABLET VIEW */

@media only screen and (max-width: 1000px)
{
	/* old: 1024px */

	.col-xs-3,
	.col-xs-3-titleonly
	{
		width: 50%;
	}

	.col-xs-3:nth-child(1),
	.col-xs-3:nth-child(3),
	.col-xs-3:nth-child(5),
	.col-xs-3:nth-child(7),
	.col-xs-3:nth-child(9)
	{
		padding-right: 20px;
		padding-left: 0;
	}

	.col-xs-3:nth-child(2),
	.col-xs-3:nth-child(4),
	.col-xs-3:nth-child(6),
	.col-xs-3:nth-child(8)
	{
		padding-right: 0;
		padding-left: 0;
	}

	.col-xs-3 .home-panel h3
	{
		font-size: 20px !important;
		line-height: 24px !important;
	}

	.col-xs-3 .home-panel > p
	{
		font-size: 16px !important;
		line-height: 20px !important;
	}

	.col-xs-3-titleonly .home-panel h3
	{
		font-size: 28px !important;
		line-height: 32px !important;
	}

	.col-xs-4 .home-panel h3
	{
		font-size: 18px !important;
	}

	.col-xs-3 .fpicon
	{
		height: 32px !important;
		width: 32px !important;
	}

	.col-xs-5 .home-panel h3
	{
		font-size: 16px !important;
	}
}

/* Top with SEARCH bar - move to next line */

@media only screen and (max-width: 850px)
{
	.title-bar-container,
	.title-bar.sticky.is-stuck
	{
		height: 140px;
	}

	._Skins_HTML5___Side_Navigation__SMC .nav-search-wrapper
	{
		position: absolute;
		top: 60px;
		width: 100%;
		display: table;
		margin-right: auto;
		margin-left: auto;
	}

	.row.nav-search
	{
		margin: auto !important;
		left: 10px;
	}

	.search,
	.search-bar
	{
		right: 0 !important;
	}

	._Skins_HTML5___Side_Navigation__SMC .search-bar .search-filter-wrapper
	{
		right: 9999px;
		left: 76%;
	}

	._Skins_HTML5___Side_Navigation__SMC .title-bar-layout a.logo
	{
		display: block;
	}

	.search-field
	{
		width: 74% !important;
	}
}

@media only screen and (max-width: 550px)
{
	.search-bar .search-filter
	{
		width: 115px !important;
	}

	.search-filter:after
	{
		left: 85px;
	}

	._Skins_HTML5___Side_Navigation__SMC .search-bar .search-filter-wrapper
	{
		left: 85%;
	}

	.search-field
	{
		width: 83% !important;
		text-overflow: ellipsis;
	}
}

/* MOBILE VIEW */

@media only screen and (max-width: 700px)
{
	/* stack blocks on top of each other */

	.col-xs-3
	{
		width: 100%;
	}

	.col-xs-3-titleonly
	{
		width: 100%;
	}

	.col-xs-3-titleonly
	{
		width: 100%;
	}

	.col-xs-3:nth-child(n)
	{
		padding-right: 0;
		padding-left: 0;
	}

	.col-xs-4
	{
		width: 100%;
	}

	.col-xs-5
	{
		width: 100%;
	}

	.home-panel
	{
		border: none;
	}

	.col-xs-3 .home-panel h3
	{
		vertical-align: text-bottom;
		padding-left: 15px;
		padding-bottom: 3px;
	}

	.col-xs-3 .home-panel h3,
	.col-xs-3 .fpicon
	{
		display: inline-block;
	}

	.col-xs-3 .home-panel > p
	{
		display: none;
	}

	.col-xs-3 .home-panel
	{
		height: auto;
		padding: 1px;
		text-align: left;
	}

	.col-xs-3 a:hover,
	.col-xs-3 a h3:hover
	{
		background: none !important;
		color: #64CDBE !important;
		box-shadow: none !important;
	}

	.title-bar-layout .logo-wrapper
	{
		justify-content: center !important;
	}

	.ProductFullLogo
	{
		margin: auto;
		width: 60%;
		padding-left: 1px !important;
		padding-right: 1px !important;
		text-align: center !important;
	}

	nav-lang
	{
		left: 50%;
		transform: translate(-50%, -50%);
		padding-top: 15px;
	}

	.FeedbackBtn
	{
		text-align: center !important;
	}
}

@media only screen and (max-width: 395px)
{
	.ProductFullLogo
	{
		width: 70% !important;
	}

	.ProductFullLogo img
	{
		height: 26px !important;
		width: 26px !important;
	}

	.ProductFullLogo span
	{
		font-size: 20px !important;
	}

	.col-xs-3 .home-panel h3
	{
		font-size: 18px !important;
		line-height: 20px !important;
		padding-left: 5px;
	}

	.col-xs-3 .fpicon
	{
		height: 26px !important;
		width: 26px !important;
	}
}

@media only screen and (max-width: 335px)
{
	.col-xs-3 .home-panel h3
	{
		padding-left: 2px;
		line-height: 12px !important;
	}

	.col-xs-3 .fpicon
	{
		height: 18px !important;
		width: 18px !important;
	}
}

/* Mobile hamburger menu - extra styling */

ul.off-canvas-list li a.selected
{
	border-left: solid 1px #f7e19b;
	border-right: solid 1px #f7e19b;
	border-top: solid 1px #f7e19b;
	border-bottom: solid 1px #f7e19b;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

/*** Language selectors -->>> ***/

nav-lang
{
	position: absolute;
	padding-left: 25px;
}

nav-lang a
{
	float: left;
	font-size: 12pt;
	margin-right: 10px;
	display: inline-block;
	transition: all 0.5s ease 0s;
}

/*******************************/
/*** Dark mode toggle ***/

.dark-mode
{
	filter: invert(100%);
}

/************************/
/*** TOC expander icon ***/

.is-accordion-submenu-parent > a span.submenu-toggle
{
	border: solid #637285;
	border-width: 0 2px 2px 0;
	display: inline-block;
	vertical-align: middle;
	padding: 3px;
	transform: rotate(45deg) !important;
	-webkit-transform: rotate(45deg) !important;
}

a[aria-expanded='true'] > .submenu-toggle-container > span.submenu-toggle
{
	transform: rotate(225deg) !important;
	-webkit-transform: rotate(225deg) !important;
}

@media only screen and (max-width: 1000px)
{
	._Skins_HTML5___Side_Navigation__SMC ul.off-canvas-list li.is-accordion-submenu-parent > a[aria-expanded='true'] span.submenu-toggle
	{
		transform: rotate(225deg) !important;
		-webkit-transform: rotate(225deg) !important;
	}
}

/*************************/
/** Feature videos : thumbnails **/

.imgstretch
{
	max-width: 100% !important;
}

.imgstretch:hover
{
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.3);
}

/*********************************/
/* toolbar buttons styles */

._Skins_TopicToolBar.mc-component .button-icon-wrapper
{
	width: 25px !important;
	height: 25px !important;
}

._Skins_TopicToolBar.mc-component .button.previous-topic-button .button-icon-wrapper :hover,
._Skins_TopicToolBar.mc-component .button.next-topic-button .button-icon-wrapper :hover,
._Skins_TopicToolBar.mc-component .button.print-button .button-icon-wrapper :hover
{
	background-color: #64CDBE7A;
}

/**************************/
/* Micro Content header */

.microcontent-header
{
	font-size: 26pt;
	color: #FB715B;
	font-weight: bolder;
	font-family: Baskervville-Regular;
	text-align: center;
	letter-spacing: 2px;
	margin-top: 0px !important;
	padding: 0px !important;
	margin-bottom: 12px !important;
	line-height: 30px !important;
}

/************************/
/* Toolbar buttons section (print, previous, next) extra styling */

.buttons._Skins_TopicToolBar.mc-component
{
	float: right;
	margin-right: 4px;
	position: relative;
	margin-bottom: 5px;
}

._Skins_TopicToolBar.mc-component .button .button-icon
{
	background-size: contain !important;
}

/*********************************/

MadCap|menuProxy.menutoc
{
	mc-toc-depth: 1;
	mc-context-sensitive: True;
	mc-include-parent: False;
	mc-include-siblings: False;
	mc-include-children: True;
	color: #FB715B !important;
	text-decoration: none !important;
}

/** Apply specific styling to links in menutoc **/

#mc-main-content > ul.menutoc > li > a:link,
#mc-main-content > ol.menutoc > li > a:link
{
	text-decoration: none !important;
	font-family: Archivo-Regular;
	font-size: 32px;
	font-weight: 400;
	padding-bottom: 15px;
	color: #1C1C1C;
	line-height: 36px;
}

#mc-main-content > ul.menutoc > li > ul.sub-menu > li a:link,
#mc-main-content > ol.menutoc > li > ul.sub-menu > li a:link
{
	text-decoration: none !important;
	line-height: 1.8;
	color: #1A4C49;
	font-size: 18px;
}

#mc-main-content > ul.menutoc li p a:link:hover,
#mc-main-content > ul.menutoc li a:link:hover,
#mc-main-content > ol.menutoc li p a:link:hover,
#mc-main-content > ol.menutoc li a:link:hover
{
	color: #64CDBE;
	/*text-decoration: underline !important;*/
}

/** Remove bullets from menutoc list items **/

#mc-main-content > ul.menutoc li,
#mc-main-content > ol.menutoc li
{
	list-style-type: none !important;
}

/*#mc-main-content > ul.menutoc li p a.selected:link,
#mc-main-content > ul.menutoc li a.selected:link,
#mc-main-content > ol.menutoc li p a.selected:link,
#mc-main-content > ol.menutoc li a.selected:link
{
	font-weight: bold;
	color: #1A4C49;
	font-size: 20px;
}*/

/*****************/
/** Browser refresh-info block (poppy BG with white text & icon) **/

p.poppyblock
{
	background: #FB715B;
	color: #FFFFFF;
	padding: 15px;
	line-height: 22px;
	font-size: 13pt;
}

p.poppyblock > img
{
	filter: brightness(0) invert(1);
}

/*****************************************************************/
/* Styling for the Search dropdown */

#searchResultsDropdown > li:hover
{
	background-color: #64CDBE2A;
}

#searchResultsDropdown > li:first-child::before
{
	content: "Quick search (5 first results)";
	color: #637285;
	font-weight: bold;
	border: 1px solid;
}

/***********************************/
/* Product logo in the body section on top of each page */

.ProductFullLogo
{
	padding: 25px;
}

/********************************************************/
/************* Footer row -> *************/

.FooterRow
{
	margin-left: auto;
	margin-right: auto;
	background-color: #1C1C1C;
	width: 100%;
	margin-top: 30px;
	position: absolute;
	bottom: 0;
	height: 200px;
}

.SpaceBeforeFooterRow
{
	height: 230px;
}

.FooterRow a
{
	color: #ffffff;
}

.FooterRow a:hover,
.FooterRow a:active
{
	color: #64CDBE;
}

.FooterColumnLeft
{
	float: left;
	width: 60%;
	margin-left: 0%;
	padding-left: 80px;
	padding-top: 80px;
}

.FooterColumnRight
{
	float: right;
	width: 40%;
	color: #ffffff;
	text-align: left;
	line-height: 24px;
	padding-top: 40px;
	padding-right: 15px;
}

div.FooterSpacer
{
	clear: both;
}

/* Fit footer content */

@media only screen and (max-width: 1296px)
{
	.FooterColumnRight
	{
		padding-top: 27px;
	}
}

/* Tablet view specifics */
/* Tablet view specifics */

@media only screen and (max-width: 1000px)
{
	.FooterColumnLeft
	{
		width: 50%;
		margin-left: 0%;
	}

	.FooterColumnRight
	{
		width: 50%;
		margin-left: 0%;
		padding-top: 40px;
	}
}

@media only screen and (max-width: 806px)
{
	.FooterColumnRight
	{
		padding-top: 27px;
	}
}

/* Mobile view specifics */

@media only screen and (max-width: 700px)
{
	.FooterRow
	{
		width: 100%;
		height: 300px;
		text-align: center;
	}

	.SpaceBeforeFooterRow
	{
		height: 330px;
	}

	.FooterRow > div
	{
		float: none;
		margin: 0;
		text-align: center;
	}

	.FooterColumnLeft
	{
		width: auto;
		padding-left: 1px;
		padding-bottom: 0;
		text-align: center;
		padding-top: 30px;
	}

	.FooterColumnLeft > div > img
	{
		height: 25px;
	}

	.FooterColumnRight
	{
		padding-right: 1px;
		padding-top: 10px;
		line-height: 35px;
		width: 100%;
		display: table;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 415px)
{
	.FooterRow
	{
		height: 330px;
	}

	.SpaceBeforeFooterRow
	{
		height: 360px;
	}
}

/************* <- Footer row *************/
/*********************************/
/* Category/Overview pages =>>>  */
/*********************************/

category-title
{
	font-family: Archivo-Regular;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
	color: #1C1C1C;
	display: block;
	padding-top: 50px;
	padding-bottom: 30px;
}

.col-xs-overview
{
	width: 25%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/*.col-xs-overview:not(:nth-child(4n)) {
	padding-right: 35px;
}*/

.col-xs-overview .home-panel
{
	height: 120px;
	padding: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
	/*display: grid;*/
	align-items: center;
}

.col-xs-overview-titleonly .home-panel
{
	padding: 4px;
}

.col-xs-overview .home-panel h3
{
	line-height: 1.5 !important;
	font-size: 20px !important;
	color: #1A4C49 !important;
	text-overflow: ellipsis;
	margin-top: 10px;
	margin-bottom: 15px;
}

.col-xs-overview .fpicon
{
	transition: background-color 0.25s ease;
	height: 32px;
	width: 32px;
	margin: 0 auto;
	padding: 0;
}

.col-xs-overview:last-of-type
{
	padding-bottom: 30px;
}

/* Fit tile content */

@media only screen and (max-width: 1200px)
{
	.col-xs-overview .home-panel
	{
		height: 140px;
	}

	.col-xs-overview .home-panel h3
	{
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 1060px)
{
	.col-xs-overview .home-panel h3
	{
		font-size: 16px !important;
	}
}

/* TABLET VIEW */

@media only screen and (max-width: 1000px)
{
	.col-xs-overview
	{
		width: 33.33%;
	}

	.col-xs-overview .home-panel
	{
		height: 120px;
	}

	.col-xs-overview .home-panel h3
	{
		font-size: 18px !important;
	}

	/*.col-xs-overview:not(:nth-child(3)) {
		padding-right: 35px;
	}*/
}

@media only screen and (max-width: 715px)
{
	.col-xs-overview .home-panel h3
	{
		font-size: 18px !important;
	}
}

/* MOBILE VIEW */

@media only screen and (max-width: 700px)
{
	.col-xs-overview
	{
		width: 100%;
	}

	.col-xs-overview:nth-child(n)
	{
		padding-right: 0;
		padding-left: 0;
	}

	.col-xs-overview .home-panel h3
	{
		vertical-align: text-bottom;
		padding-left: 2px;
		padding-bottom: 3px;
		font-size: 18px !important;
	}

	.col-xs-overview .home-panel h3,
	.col-xs-overview .fpicon
	{
		display: inline-block;
	}

	.col-xs-overview .home-panel > p
	{
		display: none;
	}

	.col-xs-overview .home-panel
	{
		display: block;
		height: auto;
		padding: 1px;
		text-align: left;
	}

	.col-xs-overview a:hover,
	.col-xs-overview a h3:hover
	{
		background: none !important;
		color: #64CDBE !important;
		box-shadow: none !important;
	}

	category-title
	{
		text-align: center;
	}
}

@media only screen and (max-width: 388px)
{
	.col-xs-overview .fpicon
	{
		width: 24px;
	}

	.col-xs-overview .home-panel h3
	{
		font-size: 18px !important;
		letter-spacing: -1px;
		padding-left: 1px;
	}
}

@media only screen and (max-width: 345px)
{
	.col-xs-overview .fpicon
	{
		width: 18px;
	}

	.col-xs-overview .home-panel h3
	{
		font-size: 16px !important;
	}
}

/*********************************/
/*  <<<= Category/Overview pages */
/*********************************/
/*******************************/
/* Tiles with list items =>>>  */
/*******************************/

.col-xs-list
{
	width: 33.33%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/*.col-xs-list:not(:nth-child(3n)) {
	padding-right: 35px;
}*/

.col-xs-list .home-panel
{
	height: 270px;
	padding: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.col-xs-list .home-panel:hover
{
	background: none;
	box-shadow: none;
}

.col-xs-list-titleonly .home-panel
{
	padding: 4px;
}

.col-xs-list .home-panel h3
{
	line-height: 1.5 !important;
	font-size: 24px !important;
	color: #1A4C49 !important;
	text-overflow: ellipsis;
	margin-top: 10px;
	margin-bottom: 15px;
}

.col-xs-list .fpicon
{
	transition: background-color 0.25s ease;
	height: 1.8vw;
	width: 1.8vw;
	margin: 0 auto;
	padding: 0;
}

.col-xs-list:last-of-type
{
	padding-bottom: 30px;
}

.col-xs-list .home-panel ul
{
	text-align: center;
	width: 99%;
	margin: auto;
	padding-top: 15px;
}

.col-xs-list .home-panel ul li
{
	text-align: left;
	font-size: 16px !important;
}

/* Fit tile content */

@media only screen and (max-width: 1630px)
{
	.col-xs-list .home-panel h3
	{
		font-size: 22px !important;
	}
}

@media only screen and (max-width: 1515px)
{
	.col-xs-list .home-panel
	{
		height: 300px;
	}

	.col-xs-list .home-panel h3
	{
		font-size: 20px !important;
	}
}

@media only screen and (max-width: 1430px)
{
	.col-xs-list .home-panel ul li
	{
		font-size: 15px !important;
	}
}

@media only screen and (max-width: 1375px)
{
	.col-xs-list .home-panel h3
	{
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 1315px)
{
	.col-xs-list .home-panel
	{
		height: 320px;
	}
}

@media only screen and (max-width: 1215px)
{
	.col-xs-list .home-panel
	{
		height: 360px;
	}

	.col-xs-list .home-panel h3
	{
		font-size: 17px !important;
	}

	.col-xs-list .home-panel ul li
	{
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 1150px)
{
	.col-xs-list .home-panel
	{
		height: 340px;
	}
}

@media only screen and (max-width: 1065px)
{
	.col-xs-list .home-panel
	{
		height: 360px;
	}
}

/* TABLET VIEW */

@media only screen and (max-width: 1000px)
{
	.col-xs-list
	{
		width: 50%;
	}

	.col-xs-list .home-panel
	{
		height: 240px;
	}

	.col-xs-list .home-panel h3
	{
		font-size: 22px !important;
	}

	.col-xs-list .home-panel ul li
	{
		font-size: 16px !important;
	}

	/*.col-xs-list:not(:nth-child(2)) {
		padding-right: 35px;
	}*/
}

@media only screen and (max-width: 980px)
{
	.col-xs-list .home-panel h3
	{
		font-size: 20px !important;
	}

	.col-xs-list .home-panel ul li
	{
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 900px)
{
	.col-xs-list .home-panel
	{
		height: 260px;
	}
}

@media only screen and (max-width: 850px)
{
	.col-xs-list .home-panel
	{
		height: 280px;
	}
}

@media only screen and (max-width: 770px)
{
	.col-xs-list .home-panel
	{
		height: 300px;
	}
}

/* MOBILE VIEW */

@media only screen and (max-width: 700px)
{
	.col-xs-list
	{
		width: 100%;
	}

	.col-xs-list:nth-child(n)
	{
		padding-right: 0;
		padding-left: 0;
	}

	.col-xs-list .home-panel h3
	{
		vertical-align: text-bottom;
		padding-left: 2px;
		padding-bottom: 3px;
		font-size: 18px !important;
	}

	.col-xs-list .home-panel h3,
	.col-xs-list .fpicon
	{
		display: inline-block;
	}

	.col-xs-list .fpicon
	{
		width: 32px;
		height: 32px;
		margin: 5px;
	}

	.col-xs-list .home-panel > p
	{
		display: none;
	}

	.col-xs-list .home-panel
	{
		height: auto;
		padding: 1px;
		text-align: left;
	}

	.col-xs-list a:hover,
	.col-xs-list a h3:hover
	{
		background: none !important;
		color: #64CDBE !important;
		box-shadow: none !important;
	}
}

/*******************************/
/*  <<<= Tiles with list items */
/*******************************/
/********************************/
/* Integrations Hub page  =>>>  */
/********************************/

.col-xs-integrations
{
	width: 25%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/*.col-xs-integrations:not(:nth-child(4n)) {
	padding-right: 35px;
}*/

.col-xs-integrations .home-panel
{
	height: 230px;
	padding: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
	align-items: center;
}

.col-xs-integrations-titleonly .home-panel
{
	padding: 4px;
}

.col-xs-integrations .home-panel h3
{
	line-height: 1.5 !important;
	font-size: 20px !important;
	color: #1A4C49 !important;
	text-overflow: ellipsis;
	margin-top: 10px;
	margin-bottom: 15px;
}

.col-xs-integrations .fpicon
{
	transition: background-color 0.25s ease;
	height: 32px;
	width: 32px;
	margin: 0 auto;
	padding: 0;
}

.col-xs-integrations:last-of-type
{
	padding-bottom: 30px;
}

/* Fit tile content */

@media only screen and (max-width: 1200px)
{
	.col-xs-integrations .home-panel
	{
		height: 250px;
	}

	.col-xs-integrations .home-panel h3
	{
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 1100px)
{
	.col-xs-integrations .home-panel
	{
		height: 260px;
	}

	.col-xs-integrations .home-panel h3
	{
		font-size: 16px !important;
	}

	.col-xs-integrations .fpicon
	{
		height: 24px;
		width: 24px;
	}

	.col-xs-integrations .home-panel p
	{
		font-size: 14px !important;
	}
}

/* TABLET VIEW */

@media only screen and (max-width: 1000px)
{
	.col-xs-integrations
	{
		width: 33.33%;
	}

	.col-xs-integrations .home-panel
	{
		height: 230px;
	}

	.col-xs-integrations .home-panel h3
	{
		font-size: 20px !important;
	}

	.col-xs-integrations .fpicon
	{
		height: 32px;
		width: 32px;
	}

	.col-xs-integrations .home-panel p
	{
		font-size: 16px !important;
	}

	/*.col-xs-integrations:not(:nth-child(3)) {
		padding-right: 35px;
	}*/
}

@media only screen and (max-width: 715px)
{
	.col-xs-integrations .home-panel h3
	{
		font-size: 18px !important;
	}
}

/* MOBILE VIEW */

@media only screen and (max-width: 700px)
{
	.col-xs-integrations
	{
		width: 100%;
	}

	.col-xs-integrations:nth-child(n)
	{
		padding-right: 0;
		padding-left: 0;
	}

	.col-xs-integrations .home-panel
	{
		display: block;
		height: auto;
		padding: 1px;
		text-align: left;
	}

	.col-xs-integrations .home-panel h3
	{
		vertical-align: text-bottom;
		padding-left: 50px;
		padding-bottom: 3px;
		font-size: 18px !important;
	}

	.col-xs-integrations .fpicon
	{
		left: 5px;
		position: absolute;
	}

	.col-xs-integrations .home-panel h3,
	.col-xs-integrations .fpicon
	{
		display: inline-block;
	}

	.col-xs-integrations .home-panel > p
	{
		display: none;
	}

	.col-xs-integrations a:hover,
	.col-xs-integrations a h3:hover
	{
		background: none !important;
		color: #64CDBE !important;
		box-shadow: none !important;
	}

	category-title
	{
		text-align: center;
	}
}

@media only screen and (max-width: 388px)
{
	.col-xs-integrations .fpicon
	{
		width: 24px;
	}

	.col-xs-integrations .home-panel h3
	{
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 345px)
{
	.col-xs-integrations .fpicon
	{
		width: 18px;
	}

	.col-xs-integrations .home-panel h3
	{
		font-size: 16px !important;
	}
}

/********************************/
/*  <<<=  Integrations Hub page */
/********************************/
/* Extra styling for the menu proxy in topics (mini side nav on the right of each topic) */
/* Jump to section header */

ul.menu._Skins_SideMenuFixed.mc-component::before
{
	content: "Jump to section";
	font-family: Archivo-Regular;
	font-weight: 400;
	font-size: 20px;
	line-height: 18px;
	color: #1C1C1C;
	display: block;
	height: 40px;
}

/* set border around selected item */

ul.menu._Skins_SideMenuFixed.mc-component li a.selected
{
	border: 1px solid #EBB81B;
	border-radius: 4px;
	border-spacing: 15px;
	/*padding: 5px !important;*/
	/* Styling updates NOV-4-2024 -- REMOVED */
	font-weight: normal !important;
	/* Styling updates NOV-4-2024 -- NEW */
}

/* border when hovering an already selected item */

ul.menu._Skins_SideMenuFixed.mc-component li a.selected:hover
{
	border: 1px solid #1A4C49;
}

/* add polygon icon on the left of selected list item */

ul.menu._Skins_SideMenuFixed.mc-component li:has(\00003E\000020a.selected)
{
	list-style-image: url('../Images/polygon.svg');
}

/* remove lists items indentation */

ul.menu._Skins_SideMenuFixed.mc-component ul > li > a
{
	/*padding-left: 0 !important;*/
	/* Styling updates NOV-4-2024 -- REMOVED */
}

/* h1 styling */

ul.menu._Skins_SideMenuFixed.mc-component > li > a
{
	font-family: Archivo-Regular;
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	color: #1A4C49;
	padding-left: 3px !important;
	/* Styling updates NOV-4-2024 -- NEW */
}

/* h1 styling SELECTED ITEM */
/* Styling updates NOV-4-2024 -- NEW */

ul.menu._Skins_SideMenuFixed.mc-component > li > a.selected
{
	/* Styling updates NOV-4-2024 -- NEW */
	font-weight: bold !important;
	/* Styling updates NOV-4-2024 -- NEW */
}

/** h2 styling **/

ul.menu._Skins_SideMenuFixed.mc-component > ul > li > a
{
	font-family: Archivo-Regular;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	color: #1A4C49;
}

/* Add a border line on top of each h2 list item, to split sections */

ul.menu._Skins_SideMenuFixed.mc-component > ul > li
{
	/*border-top: 1px solid #EBEBEB !important;*/
	/* Styling updates NOV-4-2024 -- REMOVED */
}

/* h3 styling */

ul.menu._Skins_SideMenuFixed.mc-component > ul > ul > li > a
{
	font-family: Archivo-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #1A4C49;
}

/* h4 styling */

ul.menu._Skins_SideMenuFixed.mc-component > ul > ul > ul > li > a
{
	font-family: Archivo-Regular;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #1A4C49;
}

/* Hover menu proxy items */

ul.menu._Skins_SideMenuFixed.mc-component ul li
{
	border: none;
}

/* Limit body content to fit screen */

.row .row
{
	max-width: 100%;
	display: inline-block !important;
	width: 100%;
}

/* Extra styling for mini-toc menu */
/* Styling updates NOV-4-2024 -- NEW */

.column.right
{
	position: sticky;
	/* Make sure it sticks to the viewport */
	top: 0;
	/* Stick to the top */
	height: calc(100vh - 10vh);
	/* Adjust the height, subtract header height if necessary */
	overflow-y: auto;
	/* Enable vertical scrolling if content overflows */
}

/************************************/
/* Hide menu proxy on the right when on tablet/mobile view & show content on 100% width */
/* Styling updates NOV-5-2024 -- UPDATE */

@media only screen and (max-width: 1000px)
{
	/* Styling updates NOV-5-2024 -- UPDATE */

	.right
	{
		display: none !important;
	}

	.left
	{
		width: 100% !important;
	}
}

/* Limit width of all images to 100% of element, so they don't overlap other elements/are outside of screen */

img
{
	max-width: 100% !important;
}

/* Buttons should not overlap divs */

.topicToolbarProxy
{
	clear: both;
}

/* Hide elements not needed when printing page/saving as pdf (when clicking the PRINT icon) */

@media print
{
	._Skins_HTML5___Side_Navigation__SMC .sidenav-wrapper,
	.right,
	.buttons._Skins_TopicToolBar.mc-component,
	nav-lang,
	.body-container .height-container table:has(p.FeedbackBtn),
	.FooterRow,
	.nocontent,
	.ProductFullLogo,
	.wizard
	{
		display: none !important;
	}

	.left
	{
		width: 100% !important;
	}
}

/********************************************************************************************/
/* Fix for whitespace under footer when sticky menu is long (eg. ConstraintBuilder topic) */

.sticky-menu.is-at-bottom
{
	top: 0 !important;
}

/*************************/
/* Add icons to TOC menu items 'All Products' + 'Home' */

ul.vertical.menu.sidenav > li > a[href^="https://getstarted.meetmarigold.com/"][href$="?TocPath=_____1"]::before
{
	content: "\2190 \00a0";
}

ul.vertical.menu.sidenav > li > a[href*="LandingPage.htm"]::before
{
	content: "\1F3E0 \00a0";
}

/*******************************************************/
/*<meta sourceDocument="C:\Users\UmaRaniOmprakash\Downloads\How to_ Enable reCAPTCHA (Spam Entry Protection).docx" />*/

p.p_1
{
	mc-hyphenate: never;
	color: #341b36;
	padding-bottom: 8pt;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 20px;
	font-family: Arial;
	font-size: 11pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

ol.ol_1
{
	--tw-text-opacity: 1;
	text-decoration: underline !important;
	text-underline-offset: 4px;
	mc-hyphenate: never;
	color: #341b36;
	padding-bottom: 8pt;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 20px;
	font-family: Arial;
	font-size: 11pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

ul.ul_1
{
	--tw-text-opacity: 1;
	text-decoration: underline !important;
	text-underline-offset: 4px;
	mc-hyphenate: never;
	color: #341b36;
	padding-bottom: 8pt;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 20px;
	font-family: Arial;
	font-size: 11pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

li.li_1
{
	--tw-text-opacity: 1;
	text-decoration: underline !important;
	text-underline-offset: 4px;
	mc-hyphenate: never;
	color: #341b36;
	padding-bottom: 8pt;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 20px;
	font-family: Arial;
	font-size: 11pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

td.td_1
{
	margin-left: 5px;
	margin-right: 5px;
	font-family: Arial;
	font-size: 11pt;
	vertical-align: top;
}

p.Title
{
	page-break-after: avoid;
	page-break-inside: avoid;
	margin-bottom: 3pt;
	font-family: Arial;
	font-size: 26pt;
}

h3.Heading3
{
	page-break-after: avoid;
	page-break-inside: avoid;
	margin-top: 16pt;
	margin-bottom: 4pt;
	mc-heading-level: 3;
	font-family: Arial;
	color: #434343;
	font-size: 14pt;
	font-weight: normal;
}

h2.Heading2
{
	page-break-after: avoid;
	page-break-inside: avoid;
	margin-top: 18pt;
	margin-bottom: 6pt;
	mc-heading-level: 2;
	font-family: Arial;
	font-size: 16pt;
	font-weight: normal;
}

/* Fallback for Grow feedback form style not loaded correctly - causing it to be partly outside of the screen */

iframe[src*="x.wayin.com"]
{
	width: 100% !important;
	height: 869px !important;
	display: block;
}

/***************************/
/* PDF/PRINT CSS */
/* Hide elements when printing a page (physical printout or PDF) */

@media print
{
	iframe,
	.SupportPortal
	{
		display: none !important;
	}

	/* Hide specific divs by class */

	.SpaceBeforeFooterRow,
	.FooterRow
	{
		display: none !important;
	}
}

/* Fallback for Grow feedback form style not loaded correctly - causing it to be partly outside of the screen */

iframe[src*="x.wayin.com"]
{
	width: 100% !important;
	height: 869px !important;
	display: block;
}

/***************************/

MadCap|xref.H3
{
	mc-format: '{h3}';
}