/*<meta />*/



@font-face 
{
	font-family: 'Open Sans';  /*IMPORTANT: if you change the font-family, you MUST also update the loadProductName.js script.*/
	src: url(../Fonts/OpenSans-Regular.ttf);
}

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

/*IMAGES*/

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


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

img.Thumbnail
{
	mc-thumbnail: popup;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-title]
{
	position: relative;
}

[data-titleSelect]
{
	position: relative;
}

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

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

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


 /*mopinion embedded survey*/
#surveyContent{
    padding-top: 50px;
    margin-bottom: -35px;
}

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

/*Anu - Use for smaller circle steps*/
.numberedStepCircleSmall
{
	font-size: 16px;
	width: 35px;
	height: 35px;
	padding-top: 3px;
    padding-left: 10px;
    border-radius: 50%;
    border: solid;
	color: white;
    background-color: #f56900;
}

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

}

/*Hiding the addSearch tags*/
.addSearchTag
{
	display: none;
}


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

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

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

.codehighlight
{
	color: #00ff7f;

}

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

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


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

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



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

						 
 
							
 
		 

/*LINKS*/
a
{
	font-size: mini;
	text-decoration: none;
	color: #006BD6;
}

a:link
{
	color: #006BD6;
	text-decoration: underline;
}

a:visited
{
	text-decoration: none;
	color: #006BD6;
}

a:hover
{
	color: #006BD6;
	text-decoration: underline;
}

/*.backToBasics .dropDown a:hover
{
	color: #006BD6;
}

.prerequisites .dropDown a:hover
{
	color: #006BD6;
}*/


a.MiniTOC1:link
{
	color: #006BD6;
	text-decoration: underline;
}

a.MiniTOC2:link
{
	color: #006BD6;
	text-decoration: underline;
}


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

a.MCBreadcrumbsLink:visited
{
	color: #006BD6;
}

a.MCBreadcrumbsLink:hover
{
	color: #006BD6;
}

MadCap|xref:visited
{
	color: #006BD6;
}

MadCap|xref.Tutorial
{
	color: #006BD6;
	font-weight: normal;
}

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

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

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

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

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

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

MadCap|xref:hover
{
	color: # #006BD6;
	text-decoration: underline;
}


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

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



/*Breadcrumbs and dropdown hotspots*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

		 

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

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

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

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


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


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


p.nodisplay
{
	display: none;
}


/*Glossary popups*/

MadCap|popup
{
	color: #ff7900;
}

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

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

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

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

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

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

.MCTextPopupArrow
{
	color: #006bd6;
	border-bottom-color: #006bd6;
}

/*Overriding MadCap's generated CSS because of Chrome oddities*/
.glossaryTerm:link, .glossaryTerm:visited, .glossaryTerm:active 
{
    color: #2070d0;
    white-space: nowrap;
    font-weight: bold;
}

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

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

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

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

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

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

/*CHECK*/

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


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


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


img.thumbnailHover
{
	mc-thumbnail: popup;
}

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

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

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

/*A generic note with no prefixing text*/
p.Note-generic
{
	background-color: #F5F5F5;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #008738;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
}

p.Note-genericblue
{
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #006BD6;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -15px;
	padding: 10px;
	padding-left: 15px;
	box-shadow: #bbb 2px 2px 5px;
    width: fit-content;
    padding-right: 15px;
	max-width: calc(100% - 350px);
}

#topBanner {

	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #006BD6;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -15px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	box-shadow: #bbb 2px 2px 5px;
    width: fit-content;
	max-width: calc(100% - 350px);

}

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


/*Top-of-topic note*/
.topicToolbarProxy + .Note-genericblue 
{
	margin-top: 10px;	

}

	/*Top-of-topic note when version is in play*/
#versionDiv + .Note-genericblue 
{
	margin-top: 10px;	

}

p.Note-note
{
	background-color: #FAFAFA;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #008738;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Note: {/color}{/b}';
}

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

div.note
{
	background-color: #F5F5F5;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #008738;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Note: {/color}{/b}';
	background-repeat: no-repeat;
}

div.important
{
	background-color: #F5F5F5;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #E60000;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Important: {/color}{/b}';
	background-repeat: no-repeat;
}

p.Note-important
{
	background-color: #FAFAFA;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #E60000;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Important: {/color}{/b}';
}

p.Note-tip
{
	background-color: #FAFAFA;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #003870;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Tip: {/color}{/b}';
}

div.tip
{
	background-color: #F5F5F5;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #003870;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Tip: {/color}{/b}';
	background-repeat: no-repeat;
}

p.Note-video
{
	background-color: #FAFAFA;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #003870;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Video: {/color}{/b}';
}

div.video
{
	background-color: #F5F5F5;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #003870;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Video: {/color}{/b}';
	background-repeat: no-repeat;
}

p.Note-example
{
	background-color: #FAFAFA;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #003870;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Example: {/color}{/b}';
}

div.example
{
	background-color: #FAFAFA;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #003870;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Example: {/color}{/b}';
}

div.generic	
{	
	background-color: #FAFAFA;	
	border-radius: 0px;	
	color: #5B5B5B;	
	border: none;	
	border-left: 5px solid #003870;	
	margin-left: 20px;	
	margin-right: 20px;	
	margin-top: 15px;	
	margin-bottom: 10px;	
	padding: 10px;	
	padding-left: 15px;	
}

.backToBasics
{
	background-color: #f9f9f9;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #161618;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color #161618}Before you start {/color}{/b}';
}

.prerequisites
{
	background-color: #f9f9f9;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #008738;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color #2a5769}Prerequisites {/color}{/b}';
}
p
{
	margin-bottom: 8px;
	margin-top: 8px;
	display: block;
}

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

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

h1
{
	font-size: 1.875em;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	color: #052332;
}

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

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

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

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


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

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

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

.MCTextPopupBody
{
	
}



MadCap|xref.showMe
{
	mc-format: 'Show me';
	color: #006BD6;
	text-decoration: none;
	font-weight: normal;
}

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

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

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

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

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

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

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

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

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

img
{
	max-width: 100%;
}

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

div.NewRowClass1	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*Hide the H1 level of the in-topic autogenerated toc.*/
ul._Skins_InTopicTOC > li:nth-child(1)
{
	display: none;
}


/*This is used for grid tables restricted to 4 columns only.*/
div.FourColumnResponsive	
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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

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

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

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

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

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

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

/*end of FourColumnResponsive*/


div.staticTopicToc
{

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

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

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


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



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

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

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

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

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

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

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

H3 .xref.xreftutorial:hover
{
	color: #5B5B5B;
}

H3 .xref.xreftutorial:visited
{
	color: #5B5B5B;
}

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

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

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

div.toolbarButton
{
	
}

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

.function
{
	color: #18a377;
	font-style: italic;
	padding-right: 3px;
}

.function-variable
{
	color: #fff;
	display: inline-block;
	background: #4a90e2;
	border-radius: 4px;
	padding: 2px 4px;
	margin: 0 1px;
	font-size: 0.9rem;
}

.function-tag
{
	display: inline-block;
	background: #E0D6F5;
	border-radius: 4px;
	padding: 2px 4px;
	margin: 0 1px;
	font-size: 0.9rem;
}

.formula-variable
{
	color: #fff;
	display: inline-block;
	background: #18a377;
	border-radius: 4px;
	padding: 2px 4px;
	margin: 0 1px;
	font-size: 0.9rem;
}

.function-value
{
	color: #a11;
}

.function-number
{
	color: #164;
}

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

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

div.followAlong
{
	margin-bottom: 30px;
	margin-top: 30px;
	border-left: 5px solid #999999;
	background-color: #fdfdfd;
	margin-left: 10px;
	padding: 5px;
	padding-left: 15px;
}

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

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

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

														   

								  
 
				  
					
 

		  

/*This makes sure the footer goes where it's supposed to.*/	
.body-container > div:nth-child(1)	
{	
	min-height: 100%;	
	position: relative;	
}	
/*FOOTER*/	
div.footer	
{	
	position: absolute; 	
	bottom: -120px;	
	padding-top: 10px;	
	padding-bottom: 0px;	
	border-top: 1px solid #e6e6e6;	
	min-height: 40px;	
	line-height: .3em;
	
	/*Make the different text lengths look less bad*/
	text-align: center;	
		
	/*Making it responsive*/	
	mc-grid-row: true;	
	margin-left: auto;	
	margin-right: auto;	
	width: 100%;	
		
}	

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

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

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

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

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

			  
 
				
 

/*Add bottom border to header*/

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

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

.box > *
{
	margin: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.center
{
	text-align: center;
}

p.Note-caution
{
	background-color: #FAFAFA;
	border-radius: 0px;
	color: #5B5B5B;
	border: none;
	border-left: 5px solid #ffcf1a;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	mc-auto-number-format: '{b}{color black}Caution: {/color}{/b}';
}

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

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

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

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

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


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

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

	.showMeHowTable td p
	{
		display: none;
	}

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

	a.showMeH3
	{
		font-size: 1em;
		color: #5B5B5B;
		text-decoration: none;
	}
	
	
	div.footer > div
	{
		width: 49%;
		
	}
	
	div.responsiveTopicTOC > div:nth-child(1)
	{
		width: 100%;
	}

	div.responsiveTopicTOC > div:nth-child(2)
	{
		width: 100%;
	}
	
	/*mobile view does not have Expand button, need to adjust top-of-topic note*/
	.topicToolbarProxy + .Note-genericblue 
	{
		margin-top: 10px;
		max-width: 100%;	
	
	}
	
		/*mobile view does not have Expand button, might have version switch, need to adjust top-of-topic note*/
	#versionDiv + .Note-genericblue 
	{
		margin-top: 10px;
		max-width: 100%;	
	
	}
	
	#versionDiv 
	{
		margin-left: calc(100% - 200px); 
	} 

}

/* highlight INTERNAL-ONLY content*/

.internal
{
	background-color: #ffff00;
}

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

/*fix the Search results page */

#searchPane a
{
	position: static;
}

/* change background of microresponse container */

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

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

}

@media only screen and (max-width: 1279px){

.logo-text
{
	top: 12px; /*IMPORTANT: if you change the top rule for mobile, you MUST also update the loadProductName.js script.*/
	position: fixed;
}



}

/*Flexbox layout with cards*/

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

.card { 
	background: #f8fafd; /* updated color from Marjory Philip */
	position:relative;
	width: 300px;
	/* justify-content: center; updated left align from Marjory Philip */
	align-items: left;
	text-align: left;
	margin: 15px 15px 15px 15px; /* updated spacing from Marjory Philip */
	padding: 15px 30px 5px 30px; /* updated spacing from Marjory Philip */
}

.card:hover {
  cursor: pointer;
}

/* added by GG for landing page update */
.card-top
{
	justify-content: center;
	align-items: left;
	height: 70px;
	margin-bottom: -5px;
}

.card-middle {	
	height: 85px;
}

.card-bottom
{	
	height: 35px;
}

/*end of Flexbox layout with cards*/


/*Adding in-page tabs*/
ul.tabs
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

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

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

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

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

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

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

}

/*Stops the margin shenanigans sending this off the edge of the content area*/
ul.tabs > :first-child
{
	margin-left: 0px;
}

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

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

/*End of in-page tab CSS*/

/*GLOSSARY*/

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

}

div.GlossaryPageHeading_0{
	border-bottom: 0px;
	border-top: 2px solid #eff0f0;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 2.8em;
	color: #003870;
	margin-bottom: -58px;


}

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

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


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


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

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

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

a.GlossaryPageLink:visited {

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

a.GlossaryPageLink:hover {

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

a.GlossaryPageLink:active {

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


/*INDEX LETTERS*/

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

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

a.indexLetter{
	color: #003870;
	text-decoration: none;
}


/*INDEXED TABLE*/

#indexMe {
	margin-top: 15px;
}

/*END OF GLOSSARY*/




/*Let's have some funky table styles*/

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

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

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

.sectionedTableLightRow
{
	background-color: #FAFAFA;
}

.sectionedTableDarkRow
{
	background-color: #EFF0F0;
}

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

}

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

}

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

}

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

span.unBold
{
	font-weight: normal;
}

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

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

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

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

}

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

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

.inTopicTOC > ul {

    list-style-type: none;
    padding-left: 0px;
}

/*li.inTopicTOC_H2{}*/

li.inTopicTOC_H3{

	padding-left: 15px;
}

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

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

a.bluelink:visited {
	color: #1d5398 !important;
}

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

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


img.blueIcon {
	width: 50px;
	height: 50px;
}

/* Blue chevrons */

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