/*<meta />*/

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

@font-face 
{
	font-family: 'Roboto Light';
	src: url(../Fonts/Roboto-Light.ttf);
}

@font-face 
{
	font-family: 'Roboto LightItalic';
	src: url(../Fonts/Roboto-LightItalic.ttf);
}

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

@font-face 
{
	font-family: 'Roboto Italic';
	src: url(../Fonts/Roboto-Italic.ttf);
}

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

@font-face 
{
	font-family: 'Roboto SemiBoldItalic';
	src: url(../Fonts/Roboto-SemiBoldItalic.ttf);
}

@font-face 
{
	font-family: 'Roboto Bold';
	src: url(../Fonts/Roboto-Bold.ttf);
}

@font-face 
{
	font-family: 'Roboto BoldItalic';
	src: url(../Fonts/Roboto-BoldItalic.ttf);
}

:root
{
	--aui-body-text: #172b4d;
	--Black: #2D2A26;
	--JuvareRed: #ce0e2d;
	--White: #ffffff;
	--GrayDark: #758692;
	--GrayLight: #dae1e9;
	--RedDark: #aa182c;
}

body
{
	color: #282828;
	background-color: #ffffff;
	font-family: 'Roboto Light', 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	letter-spacing: .25px;
}

.body-container
{
	padding: 36px 0 0;
}

#mc-main-content
{
	margin: 0 32px;
}

.title-bar-container
{
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	/*creates the shadow effect in the header*/
}

/* Removes the side navigation from the home topic */

html.home-topic .sidenav-wrapper
{
	display: none;
}

/* Headings */

#title-text
{
	font-weight: 500;
	font-size: 28px;
}

h1
{
	font-family: 'Roboto SemiBold';
	font-size: 2rem;
	font-weight: normal;
	margin-top: 12px;
}

h2
{
	font-size: 1.625rem;
}

h3
{
	font-size: 1.25rem;
}

p
{
	line-height: 1.4rem;
	margin: 16px 0;
}

/* Links */

a,
a:link,
a:visited,
a:active
{
	color: #0052CC;
	text-decoration: none;
}

a:hover
{
	color: #0052CC;
	text-decoration: underline;
}

/* nested unordered list styling */

ul
{
	list-style-type: disc;
}

ul ul
{
	list-style-type: circle;
}

ul ul ul
{
	list-style-type: square;
}

ul ul ul ul
{
	list-style-type: disc;
}

ul ul ul ul ul
{
	list-style-type: circle;
}

/* ordered list nesting */

ol
{
	list-style-type: decimal;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ol ol ol ol
{
	list-style-type: decimal;
}

ol ol ol ol ol
{
	list-style-type: lower-alpha;
}

/*Makes imgages responsive*/

img
{
	max-width: 100%;
	height: auto;
}

/* BREADCRUMBS */

.breadcrumbs
{
	padding-bottom: 0;
	border-bottom: none;
}

span.MCBreadcrumbsSelf:last-of-type
{
	font-weight: bold;
}

/* SEARCH HIGHLIGHT */

span.SearchHighlight
{
	background-color: #ffffc5;
}

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

.topic-top
{
	mc-grid-row: true;
	margin-left: 32px;
	margin-right: 32px;
	padding-bottom: 20px;
	padding-top: 16px;
}

.topic-top::before
{
	content: ' ';
	display: table;
}

.topic-top::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

.topic-top > div:nth-child(1)
{
	width: 66.66667%;
	margin-left: 0%;
}

.topic-top > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

/*Top Button*/

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #555;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
}

#myBtn:hover
{
	background-color: transparent;
}

MadCap|codeSnippetCopyButton
{
	mc-label: 'Copy Code';
}

MadCap|xref
{
	color: #0052CC;
	text-decoration: none;
}

MadCap|xref:hover
{
	text-decoration: underline;
}

MadCap|breadcrumbsProxy
{
	border-bottom-style: none;
}

/* Dropdown icons */

MadCap|dropDown
{
	mc-closed-image: url('../Images/skin/dropdown-arrow-right.png');
	mc-open-image: url('../Images/skin/dropdown-arrow-down.png');
}

MadCap|dropDownHotspot
{
	color: #282828;
	font-size: 1.1rem;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	padding-left: 6px;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	padding-left: 6px;
}

/* Hover (and keyboard focus) state */

MadCap|dropDownHotspot:hover
{
	color: #0052cc;
}

div.MCDropDown
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-bottom: 10px;
	padding-top: 10px;
}

td div.MCDropDown
{
	padding-bottom: 4px;
	padding-top: 4px;
}

.dropDown
{
	border-bottom: 1px solid #dddddd;
}

td .dropDown
{
	border-bottom: 0;
}

/*Apply to UI elements that you click. Select the word or words first.*/

.Click-UI-Element
{
	font-weight: bold;
}

/*Apply to the sentence introducing the procedure text. Click anywhere in the line first.*/

.Heading-Procedure
{
	font-weight: bold;
}

/*Used for second level headings in release notes.*/

.Heading-Section-Red
{
	font-weight: 600;
	font-family: 'Roboto SemiBold';
	font-size: 14pt;
	color: #CE0E2D;
}

/*Apply to the p tag to center an image.*/

.img-Center
{
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Beginning of note p and div styles*/

p.Note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	background-repeat: no-repeat;
	border: solid 1px #3498db;
	border-radius: 6px;
	overflow: hidden;
	background-image: url('../Images/skin/note-icon.png');
	padding: 15px 15px 16px 53px;
	background-position: 8px 6px;
}

/*Allows for multiple paragraphs and lists within notes*/

div.Note-Multiple-Bullets
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	background-repeat: no-repeat;
	border: solid 1px #3498db;
	border-radius: 6px;
	overflow: hidden;
	background-image: url('../Images/skin/note-icon.png');
	padding: 15px 15px 16px 53px;
	background-position: 8px 6px;
	margin: 14px 0;
}

/* End of new note style*/
/* Beginning multiple paragraph div styling */

div.Note-Multiple-Bullets > ul,
div.Note-Multiple-Bullets > ol,
div.Important-Multiple-Bullets > ul,
div.Important-Multiple-Bullets > ol,
div.Tips-Multiple-Bullets > ul,
div.Tips-Multiple-Bullets > ol,
div.Example-Multiple-Bullets > ul,
div.Example-Multiple-Bullets > ol
{
	margin-left: -15px;
}

div.Note-Multiple-Bullets > p:first-child,
div.Important-Multiple-Bullets > p:first-child,
div.Tips-Multiple-Bullets > p:first-child,
div.Example-Multiple-Bullets > p:first-child
{
	margin-top: 0;
}

div.Note-Multiple-Bullets > p:last-child,
div.Important-Multiple-Bullets > p:last-child,
div.Tips-Multiple-Bullets > p:last-child,
div.Example-Multiple-Bullets > p:last-child
{
	margin-bottom: 0;
}

div.Note-Multiple-Bullets li:first-child > p,
div.Important-Multiple-Bullets li:first-child > p,
div.Tips-Multiple-Bullets li:first-child > p,
div.Example-Multiple-Bullets li:first-child > p
{
	margin-top: 0;
}

div.Note-Multiple-Bullets li:last-child > p,
div.Important-Multiple-Bullets li:last-child > p,
div.Tips-Multiple-Bullets li:last-child > p,
div.Example-Multiple-Bullets li:last-child > p
{
	margin-bottom: 0;
}

div.Note-Multiple-Bullets > ul,
div.Note-Multiple-Bullets > ol,
div.Important-Multiple-Bullets > ul,
div.Important-Multiple-Bullets > ol,
div.Tips-Multiple-Bullets > ul,
div.Tips-Multiple-Bullets > ol,
div.Example-Multiple-Bullets > ul,
div.Example-Multiple-Bullets > ol
{
	margin-top: 0;
	margin-bottom: 0;
}

div.Note-Multiple-Bullets ul li ul > li:first-child > p,
div.Note-Multiple-Bullets ul li ol > li:first-child > p,
div.Note-Multiple-Bullets ol li ul > li:first-child > p,
div.Note-Multiple-Bullets ol li ol > li:first-child > p,
div.Important-Multiple-Bullets ul li ul > li:first-child > p,
div.Important-Multiple-Bullets ul li ol > li:first-child > p,
div.Important-Multiple-Bullets ol li ul > li:first-child > p,
div.Important-Multiple-Bullets ol li ol > li:first-child > p,
div.Tips-Multiple-Bullets ul li ul > li:first-child > p,
div.Tips-Multiple-Bullets ul li ol > li:first-child > p,
div.Tips-Multiple-Bullets ol li ul > li:first-child > p,
div.Tips-Multiple-Bullets ol li ol > li:first-child > p,
div.Example-Multiple-Bullets ul li ul > li:first-child > p,
div.Example-Multiple-Bullets ul li ol > li:first-child > p,
div.Example-Multiple-Bullets ol li ul > li:first-child > p,
div.Example-Multiple-Bullets ol li ol > li:first-child > p
{
	margin-top: 14px;
}

/* End multiple paragraph div styling */
/* Beginning of "important" note p and div styles */

p.Note-Important
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fcf7f3;
	background-repeat: no-repeat;
	border-radius: 6px;
	overflow: hidden;
	padding: 15px 15px 16px 53px;
	border: solid 1px #ffb071;
	background-image: url('../Images/skin/important-icon.png');
	background-position: 8px 6px;
}

div.Important-Multiple-Bullets	/*Allows for multiple paragraphs and lists within notes*/
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fcf7f3;
	background-repeat: no-repeat;
	border: solid 1px #ffb071;
	border-radius: 6px;
	overflow: hidden;
	background-image: url('../Images/skin/important-icon.png');
	padding: 15px 15px 16px 53px;
	background-position: 8px 6px;
	margin: 14px 0;
}

/* End of "important" note p and div styles */
/* Beginning of "tip" note p and div styles */

p.Note-Tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #FEFBEA;
	background-repeat: no-repeat;
	border-radius: 6px;
	overflow: hidden;
	padding: 15px 15px 16px 53px;
	background-image: url('../Images/skin/tip-icon.png');
	border: solid 1px #F1C611;
	background-position: 8px 6px;
}

div.Tips-Multiple-Bullets	/*Allows for multiple paragraphs and lists within notes*/
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #FEFBEA;
	background-repeat: no-repeat;
	border: solid 1px #F1C611;
	border-radius: 6px;
	overflow: hidden;
	background-image: url('../Images/skin/tip-icon.png');
	padding: 15px 15px 16px 53px;
	background-position: 8px 6px;
	margin: 14px 0;
}

/* End of "tip" note p and div styles */
/* Beginning of "example" note p and div styles */

p.Note-Example
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #E7F6F1;
	background-repeat: no-repeat;
	border-radius: 6px;
	overflow: hidden;
	padding: 15px 60px 15px 15px;
	border: solid 1px #71A68A;
	background-position: 10px 9px;
	mc-auto-number-format: 'Example ';
	mc-auto-number-class: ExampleAutoNumText;
}

div.Example-Multiple-Bullets
{
	mc-auto-number-format: 'Example ';
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: solid 1px #71A68A;
	background-color: #E7F6F1;
	padding: 15px;
	mc-auto-number-class: ExampleAutoNumText;
	margin: 14px 0;
}

span.ExampleAutoNumText
{
	letter-spacing: 2px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
}

/* End of "example" note p and div styles */
/*Apply this style to window names. Select the word or words first.*/

.Window
{
	font-style: italic;
}

img.Image-Border	/*Adds border to image*/
{
	border: 1px solid #dddddd;
}

/*Select the image tag and apply this style. Reduces an img to 75% of original size.*/

img.Img-75
{
	width: 75%;
}

/*Select the image tag and apply this style. Reduces an img to 65% of original size.*/

img.Img-65
{
	width: 65%;
}

/*Select the image tag and apply this style. Reduces an img to 50% of original size.*/

img.Img-50
{
	width: 50%;
}

/*Select the image tag and apply this style. Reduces an img to 35% of original size.*/

img.Img-35
{
	width: 35%;
}

/*Select the image tag and apply this style. Reduces an img to 25% of original size.*/

img.Img-25
{
	width: 25%;
}

img.ThumbnailLarge
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 250px;
	height: auto;
	border: 1px solid #dddddd;
}

img.ThumbnailMedium
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 188px;
	height: auto;
	border: 1px solid #dddddd;
}

img.ThumbnailSmall
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 125px;
	height: auto;
	margin-right: 15px;
	border: 1px solid #dddddd;
}

img.Proxy-Snippet-Image
{
	max-width: 100%;
	max-height: 100%;
	min-width: 375px;
	min-height: 250px;
	border: 1px solid #dddddd;
}

p.Proxy-Snippet-Image-Paragraph
{
	text-align: center;
	margin: 0;
}

#search-results
{
	padding-top: 0px;
}

/* TABLES - Standardized table cell margins to ensure consistent spacing regardless of whether a <p> tag is present. */

td
{
	line-height: 1.4rem;
}

/* Default: apply bottom margin to all <p> in <td> */

td > p
{
	margin: 16px 0;
}

/* Remove top margin if <p> or <div> is the first child */

td > :first-child
{
	margin-top: 0;
}

/* Remove bottom margin if <p> or <div> is the last child */

td > :last-child
{
	margin-bottom: 0;
}

td > ol,
td > ul
{
	margin-top: 0;
	margin-bottom: 0;
}

/* First <li> in a UL/OL inside a table cell */

td ul li:first-child p,
td ol li:first-child p
{
	margin-top: 0;
}

/* Last <li> in a UL/OL inside a table cell */

td ul li:last-child p,
td ol li:last-child p
{
	margin-bottom: 0;
}

/* Reset list indentation inside table cells */

td ul,
td ol
{
	padding-left: 25px;
	/* or 0 if you want no indentation at all */
}

/* Allows for word breaks in tds that have strings with pipes (|) in them. This is a workaround for a Flare bug. */

table td
{
	word-break: break-word;
	overflow-wrap: anywhere;
}

caption
{
	text-align: left;
	padding-bottom: 5px;
	font-size: 1.1rem;
}

/* Renames headings for concept relationship links from default Concept Information to Related Concepts */

MadCap|relationshipsHeading.concept
{
	mc-label: 'Related Concepts';
}

/* Added spacing above the border to make it equal to spacing below the border, also reduced relationship link spacing */

div.MCRelationshipsProxy_0
{
	margin-top: 32px;
	padding-top: 16px;
}

.conceptItem_concept_0
{
	margin: 8px 0;
}

.taskItem_task_0
{
	margin: 8px 0;
}

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

div.Tiles-9-3
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-9-3::before
{
	content: ' ';
	display: table;
}

div.Tiles-9-3::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-9-3 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Tiles-9-3 > div:nth-child(1)
{
	width: 75%;
	margin-left: 0%;
}

div.Tiles-9-3 > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

div.Tiles-8-4	/*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;
}

div.Tiles-8-4::before
{
	content: ' ';
	display: table;
}

div.Tiles-8-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-8-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Tiles-8-4 > div:nth-child(1)
{
	width: 66.66667%;
	margin-left: 0%;
}

div.Tiles-8-4 > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

/* "What's New" text and box styling */

div.Whats-New-Menu-Box
{
	box-shadow: 1px 1px 4px #cccccc;
	margin-right: 32px;
	margin-top: 20px;
}

.Whats-New
{
	margin: 0;
	font-size: 1.25rem;
	font-weight: bold;
	padding: 15px 0 0 20px;
}

@media only screen and (max-width: 1279px)
{
	.off-canvas-wrapper-inner .outer-row
	{
		padding: 0;
	}

	#mc-main-content
	{
		margin: 0 24px;
	}

	.topic-top
	{
		margin: 0 24px;
		padding-bottom: 12px;
		padding-top: 12px;
	}

	.topic-top > div:nth-child(1)
	{
		width: 66.66%;
	}

	.topic-top > div:nth-child(2)
	{
		width: 33.33%;
	}

	div.Tiles-9-3 > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.Tiles-9-3 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Whats-New-Menu-Box
	{
		margin-right: 24px;
	}

	div.Tiles-8-4 > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.Tiles-8-4 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	#mc-main-content
	{
		margin: 0 16px;
	}

	.topic-top
	{
		display: block;
		text-align: left;
		margin: 0 16px;
	}

	.topic-top > div:nth-child(1),
	.topic-top > div:nth-child(2)
	{
		width: 100%;
		float: none;
		margin-left: 0%;
	}

	.topic-top > div:nth-child(2)
	{
		display: none;
	}

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

	div.Tiles-9-3 > div:nth-child(2)
	{
		display: none;
	}

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

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

	div.Whats-New-Menu-Box
	{
		display: none;
	}
}