/*<meta />*/

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

/* --- Heading Bookmark Styles: Append Fix --- */
/* 1. Reset container - No negative margins needed anymore */

.bookmark-hotspot
{
	position: relative !important;
	padding-left: 0 !important;
	display: block !important;
}

/* 2. The Link Icon - Positioned at the end of the text */

a.heading-link
{
	display: inline-block !important;
	vertical-align: middle;
	/* Space between the end of the text and the icon */
	margin-left: 10px;
	width: 18px;
	height: 18px;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	background-image: url('../Images/FlareUI-Assets/bookmark.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
}

/* 3. Hover visibility */

.bookmark-hotspot:hover a.heading-link
{
	opacity: 0.8;
}

a.heading-link:hover
{
	opacity: 1 !important;
}

/* 4. Tooltip (Broadsign Navy) */

.bookmark-hotspot.active:after
{
	content: 'Link Copied!';
	position: absolute;
	/* Tooltip appears above the text/icon area */
	top: -30px;
	left: 0;
	background-color: #0b1736;
	color: #ffffff;
	padding: 4px 10px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 3px;
	white-space: nowrap;
	z-index: 100;
}

/*Clear search icon*/

span.clear-icon
{
	position: absolute;
	top: 9%;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	color: #000;
	background-color: transparent;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	text-align: center;
	cursor: pointer;
	display: none;
}

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

iframe[class*="youtube-player"]
{
	margin: 40px 0;
	border-radius: 4px;
	box-shadow: 4px 4px 16px rgb(0 0 0 / 50%);
}

body
{
	line-height: 1.7em;
	background-color: #fff;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	color: var(--TextColor);
}

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	mc-community-features: disabled;
	font-family: Roboto;
}

html.home-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

h1
{
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 2px;
	line-height: 120%;
	font-size: 2.25em;
	text-transform: uppercase;
	color: var(--TextColor);
	font-family: Roboto;
	font-weight: bold;
}

h2
{
	font-style: normal;
	margin-bottom: 10px;
	margin-top: 30px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 1.5em;
	color: var(--TextColor);
	text-align: left;
}

h3
{
	margin-bottom: 4px;
	margin-top: 24px;
	font-family: Roboto;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
}

h4
{
	font-family: Roboto;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
	font-family: Roboto;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: Roboto;
}

p.ReadingTime
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: Roboto;
	font-size: .9em;
}

ol,
ul
{
	letter-spacing: .25;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
	mc-thumbnail-max-height: 60px;
}

a.Popup
{
	
}

MadCap|codeSnippet
{
	background-color: #F3F3F3;
}

MadCap|codeSnippetCopyButton:hover
{
	color: var(--Hyperlink);
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #006600;
}

MadCap|expandingBody
{
	color: #777777;
	font-style: italic;
}

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

MadCap|xref:hover
{
	color: var(--Hyperlink);
}

MadCap|xref.TOCPageNumber
{
	color: var(--Hyperlink);
}

MadCap|xref.RelLinkPageNumber
{
	color: var(--Hyperlink);
}

MadCap|xref.ListOfPageNumber
{
	color: var(--Hyperlink);
}

MadCap|xref.IndexPageNumber
{
	color: var(--Hyperlink);
}

MadCap|xref:focus
{
	color: var(--Hyperlink);
}

div.home-layout
{
	padding: 2% 5%;
}

div.home-section
{
	padding: 5% 0;
	border-bottom: solid 1px #dadada;
}

div.home-section:last-of-type	/*Removes the border on the last section of the home page*/
{
	border-bottom: none;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7em;
	font-style: italic;
	mc-breadcrumbs-prefix: 'You are here: ';
	font-family: Roboto;
}

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

a:visited
{
	color: var(--Hyperlink);
}

a:focus
{
	color: var(--Hyperlink);
}

a:hover
{
	color: var(--Hyperlink);
}

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

ul.menu ul > li.TOCSeparator > a:hover
{
	/* Flare over-writes this class too, so need to make it important 
       to avoid hover decoration. */
	background: #ffffff !important;
}

a:active
{
	color: var(--Hyperlink);
}

a.home-button
{
	display: block;
	padding: 10px;
	text-decoration: none;
	width: 100%;
}

MadCap|dropDownHotspot
{
	font-family: Roboto;
	font-style: normal;
	color: var(--TextColor);
	font-size: 1.5em;
	font-weight: normal;
	text-transform: none;
}

.MCDropDown_Closed .dropDownHotspot:before
{
	transform: rotate(-90deg);
	position: relative;
	top: -5px;
	left: -10px;
}

MadCap|dropDownHotspot:before
{
	font-family: "FontAwesome";
	content: \f107;
	padding: 0 0.5em 0 0;
	display: inline-block;
}

MadCap|dropDownBody
{
	font-family: Roboto;
	margin-bottom: 10pt;
	border-bottom: none 1px var(--BorderColor);
}

MadCap|dropDown
{
	font-family: Roboto;
	border-top: none 0px transparent;
	padding-bottom: 20px;
	padding-top: 20px;
	mc-closed-image: none;
	mc-open-image: none;
	border-bottom-color: var(--BorderColor);
	border-bottom: solid 1px var(--BorderColor);
}

MadCap|dropDown.ReleaseNotes
{
	font-family: Roboto;
	border-top: none 0px transparent;
	padding-bottom: 10px;
	padding-top: 10px;
	mc-open-image: none;
	border-bottom-color: var(--BorderColor);
	border-bottom: solid 1px var(--BorderColor);
}

MadCap|dropDown.SecondLevel
{
	margin-left: 10px;
}

MadCap|dropDown.Final
{
	margin-left: 10px;
	border-bottom: 0;
}

div.topic-hero
{
	background-size: cover;
	background-attachment: fixed;
}

div.topic-hero h1
{
	color: #000000;
	font-size: 2.5em;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.topic-hero h2
{
	color: #000000;
	font-size: 1.8em;
	text-align: left;
}

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	display: flex;
	align-items: stretch;
	flex-flow: row wrap;
	justify-content: flex-start;
	width: 100%;
}

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

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

div.home-tiles > div
{
	height: auto;
	width: 22%;
	max-width: 250px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	/*Adds transition animation when switching between screen sizes*/
	-moz-border-radius: 20x;
	-webkit-border-radius: 20px;
	border-radius: 4px;
	border: 1px solid var(--BorderColor);
	padding: 10px 10px;
	overflow: hidden;
	box-shadow: 0 2px 1px 0 rgba(225,225,225,0.5);
	margin-left: min(2%,16px);
	margin-bottom: 16px;
}

div.home-tiles > div:hover	/*When hovering over a home-tile, these properties apply*/
{
	box-shadow: 0 14px 28px rgb(0,0,0,0.1), 0 10px 10px rgb(0,0,0,0.08);
}

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

p.tile-image
{
	text-align: center;
	color: var(--TextColor);
	font-size: 1.4em;
	padding-left: 15px;
	padding-right: 15px;
}

p.tile-title
{
	text-align: left;
	color: var(--TextColor);
	font-size: 1.0em;
	padding-left: 5px;
	padding-right: 5px;
}

span.HomeTileTitle
{
	font-weight: normal;
	font-size: 0.8em;
}

p.tile-content
{
	text-align: left;
	color: #636268;
	font-size: 0.8em;
	line-height: normal;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}

ul.tile-content
{
	color: #636268;
	font-size: 0.8em;
	line-height: normal;
	margin-top: 1px;
	margin-left: 20px;
	margin-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

p.tile-beta
{
	text-align: right;
	color: #636268;
	font-size: 0.7em;
	line-height: normal;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 24px;
	padding-right: 15px;
}

p.tile-items
{
	color: #636268;
	font-size: 0.7em;
	text-align: center;
}

div.home-tiles a	/*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
	text-decoration: none;
	color: var(--TextColor);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div.article-tiles	/*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.article-tiles::before
{
	content: ' ';
	display: table;
}

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

div.article-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dadada;
}

div.article-tiles > div:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: all 0.8s cubic-bezier(.25,.8,.25,1);
}

div.article-tiles > div:nth-child(1)
{
	width: 18%;
	margin-left: 0%;
}

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

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

div.article-tiles > div:nth-child(4)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(5)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles img
{
	max-width: 90%;
}

div.home-footer	/*Controls the look of the footer in the Home master page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

div.home-footer > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.home-footer > div:nth-child(2)
{
	width: 75%;
	margin-left: 0%;
}

p.footer-sub
{
	color: #FFF;
	font-family: Arial, Avenir, Myriad;
	font-size: 14pt;
}

.footer
{
	background-color: #ffffff;
	padding: 10px 1px 1px 1px;
	border-top: solid 1px #dadada;
	border-bottom: solid 1px #dadada;
}

.footer-logo
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

.footer-links a
{
	padding-right: 15px;
}

.footer-icons
{
	text-align: right;
}

.footer-icons > a:first-of-type
{
	padding-right: 10px;
}

div.template-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.template-8-4::before
{
	content: ' ';
	display: table;
}

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

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

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

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

.column2
{
	-webkit-clumn-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.column3
{
	-webkit-clumn-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.column2 ul,
.column3 ul
{
	margin: 0;
}

.column2 li,
.column3 li
{
	margin: 0 0 12px;
}

p.note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b}';
	overflow: hidden;
	color: #0f3e8c;
	background-color: #ebf2fd;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #d9e1ee;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #d9e1ee;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d9e1ee;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d9e1ee;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

p.warning
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Warning: {/b}';
	overflow: hidden;
	background-color: #FFF6E5;
	color: #9b6500;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #f8e7c8;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

p.example
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Example: {/b}';
	overflow: hidden;
	background-color: #ebf2fd;
	color: #0f3e8c;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #d9e1ee;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #d9e1ee;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d9e1ee;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d9e1ee;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

p.tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Tip: {/b}';
	overflow: hidden;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #d4d2ef;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #d4d2ef;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d4d2ef;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d4d2ef;
	background-color: #ecebfd;
	color: #3330a5;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

p.noteAlt
{
	border-left: solid 4px #3498db;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b}';
	overflow: hidden;
	background-color: #ebf2fd;
	color: #0f3e8c;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #3498db;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #d9e1ee;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d9e1ee;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d9e1ee;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

p.warningAlt
{
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	mc-auto-number-format: '{b}Warning: {/b}';
	overflow: hidden;
	background-color: #fff6e5;
	color: #9b6500;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #e74c3c;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #f8e7c8;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #f8e7c8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f8e7c8;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

p.exampleAlt
{
	border-left: solid 4px #2ecc71;
	line-height: 18px;
	mc-auto-number-format: '{b}Example: {/b}';
	overflow: hidden;
	background-color: #ebf2fd;
	color: #0f3e8c;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #2ecc71;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #d9e1ee;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d9e1ee;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d9e1ee;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

p.tipAlt
{
	border-left: solid 4px #f1c40f;
	line-height: 18px;
	mc-auto-number-format: '{b}Tip: {/b}';
	overflow: hidden;
	color: #3330a5;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #f1c40f;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #d4d2ef;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d4d2ef;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d4d2ef;
	background-color: #ecebfd;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

img.LargeImages
{
	mc-thumbnail: popup;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: var(--BorderColor);
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: var(--BorderColor);
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: var(--BorderColor);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--BorderColor);
	mc-thumbnail-max-height: 60px;
}

a.archive:link
{
	color: #ffffff;
	background-color: #ffffff;
}

span.InterfaceElement
{
	font-weight: bold;
	font-style: normal;
}

span.Important
{
	font-weight: bold;
	font-style: normal;
}

span.WindowName
{
	font-weight: normal;
	font-style: italic;
}

span.PermissionName
{
	font-weight: normal;
	font-style: italic;
}

span.Emphasis
{
	font-weight: normal;
	font-style: italic;
}

img.Button
{
	height: 24px;
	width: auto;
}

img.HomeTiles
{
	height: 65px;
	width: auto;
}

img.Tab
{
	height: 60px;
	width: auto;
}

p.procedure
{
	margin-bottom: 8px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 24px;
}

p.micro-content-only
{
	margin-bottom: 8px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0;
	mc-conditions: 'General.Not-In-Salesforce';
}

span.state
{
	font-style: italic;
}

span.UserManagement
{
	text-transform: none;
	color: #ffffff;
	padding: 4px;
	border-radius: 10px;
	background: #5F4B16;
	font-weight: normal;
	font-family: Roboto;
	font-size: 0.7em;
	margin-bottom: 2px;
}

span.Settings
{
	text-transform: none;
	color: #ffffff;
	padding: 4px;
	border-radius: 10px;
	background: #a7072b;
	font-weight: normal;
	font-family: Roboto;
	font-size: 0.7em;
	margin-bottom: 2px;
}

span.StaticModule
{
	text-transform: none;
	color: #ffffff;
	padding: 4px;
	border-radius: 10px;
	background: #0C1342;
	font-weight: normal;
	font-family: Roboto;
	font-size: 0.7em;
	margin-bottom: 2px;
}

span.GuaranteedModule
{
	text-transform: none;
	color: #ffffff;
	padding: 4px;
	border-radius: 10px;
	background: #0c4d35;
	font-weight: normal;
	font-family: Roboto;
	font-size: 0.7em;
	margin-bottom: 2px;
}

span.InventoryModule
{
	text-transform: none;
	color: #ffffff;
	padding: 4px;
	border-radius: 10px;
	font-family: Roboto;
	font-size: 0.7em;
	margin-bottom: 2px;
	background: #2c3f8b;
	font-weight: normal;
}

span.CreativeManagement
{
	text-transform: none;
	color: #ffffff;
	padding: 4px;
	border-radius: 10px;
	font-family: Roboto;
	font-size: 0.7em;
	margin-bottom: 2px;
	font-weight: normal;
	background: #653c3c;
}

span.DocTopPage
{
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 10%;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	background: linear-gradient(to right, #E43425 20%, #441FD8 80%, #0A26B8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	display: inline-block;
	-webkit-text-fill-color: transparent;
}

span.HomeTile
{
	text-transform: uppercase;
	color: #ffffff;
	padding: 8px;
	border-radius: 5px;
	background: #06009F;
	font-weight: bold;
}

span.POST
{
	text-transform: uppercase;
	color: #ffffff;
	padding: 2px;
	border-radius: 5px;
	background: #1A7E1A;
	font-weight: bold;
}

span.GET
{
	text-transform: uppercase;
	color: #ffffff;
	padding: 2px;
	border-radius: 5px;
	background: #1073D5;
	font-weight: bold;
}

span.PUT
{
	text-transform: uppercase;
	color: #ffffff;
	padding: 2px;
	border-radius: 5px;
	background: #AD6308;
	font-weight: bold;
}

p.MiniTOC1
{
	color: var(--Hyperlink);
	margin-top: 0;
	margin-bottom: 0;
}

p.MiniTOC2
{
	color: var(--Hyperlink);
	margin-top: 0;
	margin-bottom: 0;
}

p.MiniTOC3
{
	color: var(--Hyperlink);
}

MadCap|miniTocProxy
{
	border-bottom: solid 2px var(--BorderColor);
	border-left: solid 1px var(--BorderColor);
	border-right: solid 2px var(--BorderColor);
	border-top: solid 1px var(--BorderColor);
	float: right;
	width: 45%;
	margin-left: 5%;
	margin-top: 0;
	padding: 0px 20px;
}

div.GlossaryPageTerm
{
	font-variant: small-caps;
	color: #000000;
	font-weight: bold;
	font-size: 13pt;
}

div.GlossaryPageHeading
{
	font-weight: bold;
}

/* Begin Resize Side Menu  */

.sidenav-wrapper
{
	/* ensure sidenav-wrapper comes before nav-border in sidenav-layout
flex row */
	order: 1;
	/* avoid horizontal scrolling on overflow */
	overflow-x: hidden;
}

.nav-border
{
	/* resizable nav-border between nav menu and body content added via
nav-resize.js script */
	background-color: #e1e1e1;
	/* ensure nav-border comes between sidenav-wrapper and body-container in
sidenav-layout flex row */
	order: 2;
	/* allow horizontal (east-west) resizing only */
	cursor: ew-resize;
	/* don't allow nav-border to grow or shrink, and make it 3px wide */
	flex: 0 0 3px;
	/* ensure that text isn't selected while the mouse is being dragged */
	user-select: none;
}

.body-container
{
	/* ensure body-container comes after nav-border in sidenav-layout
flex row */
	order: 3;
}

:root
{
	--Hyperlink: #1056FB;
	--BorderColor: #E5E5E8;
	--TextColor: #303030;
}

.topic-only
{
	
}

.micro-content-only
{
	display: none;
}

li.TOCSeparator
{
	font-weight: bold;
	text-transform: none;
	background: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 1.1em;
}

dt
{
	font-weight: bold;
}

li.TOCSeparator:hover
{
	background: #ffffff !important;
}

ul
{
	
}

ul.menu
{
	
}

MadCap|dropDown.KnowledgePanel
{
	margin-left: 10px;
	font-size: 11pt;
	border-bottom-color: transparent;
	border-bottom: none 0px transparent;
	padding-top: 0;
	padding-bottom: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
}

h2.Knowledge
{
	font-style: normal;
	margin-bottom: 10px;
	font-family: Roboto;
	font-weight: bold;
	color: var(--TextColor);
	text-align: left;
	margin-top: 0px;
	font-size: 1.7em;
}

MadCap|dropDownHead.KnowledgePanel
{
	font-size: 9pt;
}

MadCap|dropDownHead.ReleaseNotes
{
	font-size: 0.8em;
}

MadCap|dropDownHotspot.ReleaseNotes
{
	font-family: Roboto;
	font-style: normal;
	color: var(--TextColor);
	font-size: 0.8em;
	font-weight: normal;
	text-transform: none;
}

p.module
{
	font-family: Roboto;
	font-weight: bold;
	font-size: 0.6em;
	margin-top: -8px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

p.small
{
	margin-bottom: 8px;
	font-family: Roboto;
	margin-top: 0;
	font-size: 9pt;
}

@media only screen and (max-width: 1279px)
{
	/* hide nav border when nav pane is not displayed */

	.nav-border
	{
		display: none;
	}
}

/* End Resize Side Menu  */
/* Begin BUTTONS for Show/Hide ToC  */

button.toggle-toc-on-button .button-icon,
button.toggle-toc-off-button .button-icon
{
	background-size: 20px !important;
}

/* End BUTTONS for Show/Hide ToC  */
/* Custom Scroll Button */

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 14px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #fff;
	background-color: #0c1342 !important;
	background-image: url('../Images/arrow-up.png');
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
}

#myBtn:hover
{
	background-color: #537f99 !important;
}

/* End Custom Scroll Button */

/* Add an entry for "separators" in the TOC. To use this style, select the item
   in the Flare TOC and pick "TOCSeparator" as the TOC Entry style. Note along 
   with this change we needed to add the TOCSeparator entry to the Flare skin */

ul.navigation li.TOCSeparator
{
	padding-top: 0px !important;
	margin-bottom: 0px !important;
}

ul.navigation li.TOCSeparator a
{
	font-weight: bold;
	font-size: 1.1em;
	color: #f0f4ff;
	/* Set the default cursor so it doesn't look like this is a link */
	cursor: default;
}

ul.navigation ul > li.TOCSeparator:hover
{
	background: #ffffff !important;
}

ul.menu li.TOCSeparator
{
	padding-top: 2px;
	/* this sets the space above tocseparators */
	margin-top: 10px !important;
}

ul.menu li.TOCSeparator a
{
	/* Note that the next two items are being over-written by Flare classes. 
       Use important to right this. */
	/* This is the Flare class: ul.menu._Skins_SideMenu.mc-component li > a  */
	font-weight: bold !important;
	font-size: 1.1em;
	color: #0c1342 !important;
	line-height: 10pt;
	margin-top: 10px !important;
	margin-bottom: 0px !important;
	padding-top: 10px !important;
	/* Set the default cursor so it doesn't look like this is a link */
	cursor: default;
	pointer-events: none;
}

ul.menu li.TOCSeparator:hover
{
	background: #ffffff !important;
}

.tree-node.TOCSeparator.tree-node-leaf
{
	color: #FF44336;
}

p.LastSavedDate
{
	margin-bottom: 8px;
	margin-top: 48px;
	font-family: Roboto;
	font-size: 0.8em;
	font-style: italic;
}

@media print
{
	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}
}

@media only screen and (max-width: 1279px)
{
	div.home-tiles > div
	{
		width: 48%;
		max-width: 100%;
	}

	.footer
	{
		padding: 2% 2% 1%;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}

	div.home-footer > div:nth-child(1)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.home-footer > div:nth-child(2)
	{
		width: 75%;
		margin-left: 0%;
	}

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

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

@media only screen and (max-width: 767px)
{
	div.home-tiles > div
	{
		width: 100%;
	}

	div.topic-hero h1
	{
		font-size: 2.5em;
		text-align: left;
	}

	div.home-tiles p
	{
		line-height: 1.2;
	}

	div.article-tiles > div
	{
		margin-bottom: 10px;
	}

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

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

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

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

	div.article-tiles > div:nth-child(5)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles img
	{
		width: 75%;
	}

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

	.footer
	{
		padding: 5% 7%;
		text-align: center;
	}

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

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

	div.home-footer > div:nth-child(2)
	{
		width: 100%;
		margin: 3% 0;
	}

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

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

span.SearchHighlight1
{
	color: #000000;
	background-color: #ffff66;
}

span.SearchHighlight10
{
	color: #ffffff;
	background-color: #990099;
}

span.SearchHighlight2
{
	color: #000000;
	background-color: #a0ffff;
}

span.SearchHighlight3
{
	color: #000000;
	background-color: #99ff99;
}

span.SearchHighlight4
{
	color: #000000;
	background-color: #ff9999;
}

span.SearchHighlight5
{
	color: #000000;
	background-color: #ff66ff;
}

span.SearchHighlight6
{
	color: #ffffff;
	background-color: #880000;
}

span.SearchHighlight7
{
	color: #ffffff;
	background-color: #00aa00;
}

span.SearchHighlight8
{
	color: #ffffff;
	background-color: #886800;
}

span.SearchHighlight9
{
	color: #ffffff;
	background-color: #004699;
}

span.mc-variable.Broadsign\00002EProduct_Juice
{
	font-style: italic;
}

span.mc-variable.Broadsign\00002EProductSplashOps
{
	font-style: italic;
}

span.mc-variable.Broadsign\00002EProductBMSOps
{
	font-style: italic;
}

span.mc-variable.Broadsign\00002EProductAdminOps
{
	font-style: italic;
}

@media (min-width: 600px)
{
	div.home-tiles > div
	{
		width: 48%;
	}
}

@media (min-width: 900px)
{
	div.home-tiles > div
	{
		width: 22%;
		max-width: 250px;
	}
}