/*<meta />*/

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

/*===========================================================================================================================================================

NOTE: Generally, this stylesheet has elements listed out in the order that they appear in the topic from top to bottom. The exception are General styles which are at the top and the stylesheet mediums which are at the bottom.

EXAMPLE: Since the search-bar is at the top of the topic page, it will be listed closer to the top of this stylesheet.

===========================================================================================================================================================*/

/* Getting Our Fonts In Here */

font-face
{
	font-family: 'Proxima Nova';
	src: url('../Fonts/PROXIMANOVA-LIGHT.OTF');
	font-style: normal;
	font-weight: normal;
}

font-face
{
	font-family: 'Proxima Nova';
	src: url('../Fonts/PROXIMANOVA-LIGHTIT.OTF');
	font-style: italic;
	font-weight: normal;
}

font-face
{
	font-family: 'Proxima Nova';
	src: url('../Fonts/PROXIMANOVA-BOLD.OTF');
	font-weight: bold;
}

font-face
{
	font-family: 'Proxima Nova';
	src: url('../Fonts/PROXIMANOVA-EXTRABLD.OTF');
	font-weight: bolder;
}

font-face
{
	font-family: 'Proxima Nova Black';
	src: url('../Fonts/PROXIMANOVA-BLACK.OTF');
	font-style: normal;
	font-weight: normal, bold, bolder;
}

/*==Topic General Styles==*/

body
{
	background-color: #0c2636;
	/*#071D2B*/
	color: #ffffff;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 24px;
	font-style: normal;
}

h1
{
	margin: 16px;
	font-size: 2em;
	line-height: 56px;
	font-weight: bold;
	mc-hyphenate: never;
	font-family: 'Proxima Nova Black', 'Arial', sans-serif;
}

h2
{
	margin: 16px;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 48px;
	font-family: 'Proxima Nova Black', 'Arial', sans-serif;
}

h3
{
	margin: 16px;
	font-size: 1.5em;
	line-height: 48px;
	font-weight: bold;
	font-family: 'Proxima Nova Black', 'Arial', sans-serif;
}

h4
{
	font-size: 1.1em;
	font-weight: bolder;
	font-family: 'Proxima Nova Black', 'Arial', sans-serif;
	margin-bottom: 16px;
	margin-left: 16px;
	margin-right: 16px;
	margin: 16px;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	text-indent: 1%;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
}

p.TOC1
{
	color: #fff;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
}

p.TOC2
{
	color: #fff;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
}

p.TOC3
{
	color: #fff;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
}

p.TOC4
{
	color: #fff;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
}

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

img.thumbnail
{
	mc-thumbnail: popup;
	min-width: 100%;
	max-width: 120%;
}

a.MCBreadcrumbsLink
{
	text-decoration: none;
}

a.MCBreadcrumbsLink:visited
{
	color: #ff7800;
}

a.MCBreadcrumbsLink:hover
{
	color: #80BAFF;
}

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

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: #ffffff;
}

MadCap|xref:hover
{
	color: #80BAFF;
}

MadCap|dropDown
{
	mc-open-image: url('../Images/Assets/Icons/Arrows/Down.svg');
	mc-closed-image: url('../Images/Assets/Icons/Arrows/Next.svg');
}

MadCap|dropDownHotspot
{
	color: #80BAFF;
	font-weight: bold;
}

MadCap|menuProxy
{
	box-sizing: border-box;
	box-shadow: 0px 40px 60px -20px rgba(0, 0, 0, 0.32);
}

/*==Master Page Topic Layout==*/

.main-section	/*This style applies the background. This HTML element is not on a master page, it is used at compile time.*/
{
	background: #071D2B;
}

nav.title-bar	/*Adds transparency to the top navigation bar*/
{
	opacity: 1.0;
}

div.content-container	/*Wraps the content on the masterpage and provides the background behind topics.*/
{
	/*	background-color: #071D2B;*/
	/*	padding: 25px;*/
	min-height: 95vh;
	width: 100%;
	padding-left: -20%;
}

div.side-content	/*Container for Menu proxy*/
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 33.33%;
}

div.article-container	/*Contains article body and TOC, as well as side-content toolbar*/
{
	display: flex;
	flex-flow: row nowrap;
	align-self: stretch;
	align-items: flex-start;
	padding: 16px;
	margin: 0px 32px 0px -32px;
}

div.article-body	/*Contains the side-content toolbar on top and then the full article text*/
{
	flex: 80%;
	min-height: 75vh;
	padding: 16px;
	background-color: #143347;
	border-radius: 0px 24px 24px 24px;
}

div.article-toc	/*contains the in-article TOC proxy*/
{
	flex: 20%;
	padding: 16px;
}

/*div.article-container	GRID VERSION - Contains article body and TOC, as well as side-content toolbar
{
	display: grid;
	width: 100%;
	grid-gap: 8px;
	justify-content: start;
	grid-template-columns: 75% 25%;
	background-color: #071D2B;
}

div.article-body	/*GRID VERSION - Contains the side-content toolbar on top and then the full article text
	min-height: 75vh;
	padding: 16px;
	background-color: #143347;
	border-radius: 0px 24px 24px 24px;
}

div.article-toc	/*GRID VERSION - contains the in-article TOC proxy
{
	padding: 16px;
}*/

div.FlexContainer
{
	display: flex;
	flex-wrap: wrap;
	align-self: stretch;
	justify-content: center;
	align-items: flex-start;
	padding: 16px;
	/*margin-top: -150px;*/
	position: static;
}

div.FlexContainer > div
{
	flex: 20%;
	margin: 0px 32px 32px;
	height: 384px;
	min-width: 260px;
	background-color: #143347;
	border: 1px solid #21455C;
	box-sizing: border-box;
	border-radius: 0px 24px 24px 24px;
}

div.FlexContainer p
{
	font-size: 0.8em;
}

div.FlexContainer p.article-list-title
{
	font-weight: bolder;
	font-size: 1.2em;
	text-indent: 0.5%;
}

div.search-bar
{
	background-color: #071D2B;
	margin-bottom: 0;
	vertical-align: middle;
	border-bottom: solid 10px #071D2B;
	padding-bottom: 1.5em;
	margin-left: 10px;
	margin-right: 10px;
	width: 98%;
	min-height: 3em;
}

p.search-bar
{
	background-color: #071D2B;
	padding-bottom: 1.4em;
}

MadCap|shortcut
{
	color: #80BAFF;
}

MadCap|relatedTopics
{
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
	mc-help-control-display: list;
	mc-label: 'Other Articles In This Section';
	mc-use-custom-sort-order: true;
	mc-image: url('../Images/Assets/Icons/MainIcons/RelatedTopics-gray.png');
}

MadCap|keywordLink
{
	color: #80BAFF;
}

MadCap|conceptLink
{
	color: #80BAFF;
}

a
{
	color: #80BAFF;
}

a:link
{
	color: #80BAFF;
}

a:visited
{
	color: #ff7800;
}

fieldset
{
	display: list-item;
}

ul.article-list > li::marker
{
	margin-right: 35%;
}

ul.article-list > li > ul > li::marker
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul > li::marker
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul > li > ul > li::marker
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul > li > ul > li > ul > li::marker
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul > li > ul > li > ul > li > ul > li::marker
{
	margin-right: 35%;
}

ul.article-list > li > ul
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul > li > ul
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul > li > ul > li > ul
{
	margin-right: 35%;
}

ul.article-list > li > ul > li > ul > li > ul > li > ul > li > ul
{
	margin-right: 35%;
}

MadCap|conceptsProxy
{
	padding-left: 10px;
	background-color: #ececec;
	mc-concepts-list-headings: true;
}

MadCap|relationshipsHeading.concept
{
	mc-label: 'Other Articles In This Section:';
}

MadCap|relationshipsHeading
{
	mc-label: 'Related Concepts';
	color: #FFFFFF;
}

MadCap|relationshipsProxy
{
	mc-label: 'Other Articles In This Section';
	border-top-style: none;
	background-color: #21455C;
	border-radius: 0px 24px 24px 24px;
	padding: 10px;
	margin: 10px 10px 10px 10px;
}

ul
{
	margin-bottom: 1%;
	margin-top: 1%;
}

ol
{
	margin-bottom: 2%;
	margin-top: 2%;
}

td
{
	text-indent: 1%;
	color: #fff;
	border: solid 0.5px #ffffff;
}

div
{
	
}

MadCap|relationshipsItem
{
	color: #FFFFFF;
	text-decoration-line: underline;
}

MadCap|relationshipsHeading.task
{
	mc-label: 'Related Articles:';
}

MadCap|relationshipsHeading.reference
{
	mc-label: 'Categories For This Product:';
}

:root
{
	--Black: #000000;
	--Brand1: #4d1cd1;
	--Brand2: #21156a;
	--Dark: #504789;
	--Medium: #a9a5c4;
	--Light: #eae9f3;
}

span.mc-variable
{
	mc-hyphenate: never;
}

p.footertext
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 14px;
	line-height: 24px;
	color: #41424E;
	text-align: left;
}

/*OTHER MISCELLANEOUS DECLARATIONS*/

fieldset.tip	/*for helpful important info within articles*/
{
	color: #fff;
	font-weight: bold;
	background-color: #21455C;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
	display: inline;
}

li.tip
{
	color: #fff;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
	background-color: #21455c;
	font-weight: bold;
	margin: 1.12em 0;
	margin-bottom: 8px;
	margin-top: 8px;
	display: list-item;
	list-style-type: circle;
}

p.tip
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #21455C;
	text-indent: 0.25%;
}

p.hidden
{
	display: none;
}

div.article-list
{
	font-family: 'Proxima Nova', 'Arial', sans-serif;
	text-align: left;
	width: 100%;
	background-color: #21455c;
	border-radius: 0px 24px 24px 24px;
	padding: 10px;
	margin: 10px 16px 10px 10px;
}

ul.article-list
{
	margin-right: 35%;
	display: block;
	white-space: normal;
	margin-left: 2%;
}

li.article-list
{
	margin-right: 2%;
	white-space: normal;
	color: #fff;
	font-size: 1em;
	line-height: 24px;
}

ul.article-list > li
{
	margin-right: 2%;
	white-space: normal;
	color: #fff;
	font-size: 1em;
	line-height: 24px;
}

p.article-list-title
{
	color: #fff;
	font-weight: bolder;
	font-size: 1.2em;
	text-indent: 0.5%;
}

div.image
{
	text-align: left;
	margin: 32px 0px;
}

p.snippet-images
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: 'Proxima Nova', 'Arial', sans-serif;
	text-indent: 1%;
	font-size: 1.2em;
	font-weight: normal;
}

p.article-applies
{
	color: #ffffff;
	font-weight: bolder;
	font-size: 16px;
	line-height: 24px;
}

div.code-block
{
	background-color: #21455c;
	border: ridge 1px #071D2B;
	width: 95%;
	overflow: scroll;
	height: auto;
}

td.green
{
	background-color: #238823;
	border: solid 0.5px #000000;
}

td.red
{
	background-color: #d2222d;
	border: solid 0.5px #000000;
}

td.yellow
{
	background-color: #ffbf00;
	border: solid 0.5px #000000;
}

th.PermissionsHeader
{
	background-color: #2e364d;
	color: #ffffff;
	border: solid 0.5px #ffffff;
}

td.PermissionsList
{
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background: #6476a9;
	border: solid 0.2px #000000;
}

td.blocked
{
	text-indent: 1%;
	background-color: #8b0000;
	border: solid 0.5px #ffffff;
}

td.warned
{
	text-indent: 1%;
	background-color: #ff8c00;
	border: solid 0.5px #ffffff;
}

td.allowed
{
	text-indent: 1%;
	background-color: #006400;
	border: solid 0.5px #ffffff;
}

b
{
	font-weight: bold;
	font-family: 'Proxima Nova Black', 'Arial', sans-serif;
}

i
{
	font-family: 'Proxima Nova', 'Arial', sans-serif;
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

/* Responsive layout - makes a one column layout instead of a two-column layout */

@media screen and (max-width: 800px)
{
	p.footertext-right
	{
		margin-bottom: 8px;
	}

	div.article-container	/*Contains article body and TOC, as well as side-content toolbar*/
	{
		display: flex;
		flex-flow: column wrap;
		align-items: flex-start;
		padding: 16px;
		margin: 0px 32px 0px 0px;
	}

	div.article-body	/*Contains the side-content toolbar on top and then the full article text*/
	{
		flex: 100%;
		flex-direction: column;
		/*flex-wrap: wrap;*/
	}

	div.article-toc	/*Contains the in-article TOC*/
	{
		display: none;
	}

	/*	div.article-container	/*GRID VERSION - Contains article body and TOC, as well as side-content toolbar
	{
		display: grid;
		width: 100%;
		grid-gap: 0px;
		justify-content: center;
		grid-template-columns: 100%;
	}*/

	/*	div.article-body	/*GRID VERSION - Contains the side-content toolbar on top and then the full article text
	{
		min-height: 75vh;
		padding: 16px;
		background-color: #143347;
		border-radius: 0px 24px 24px 24px;
	}*/

	/*	div.article-toc	/*GRID VERSION - contains the in-article TOC proxy
	{
		display: none;
	}*/

	div.side-content	/*Container for Menu proxy*/
	{
		float: right;
		/*margin-left: 10px;
		margin-bottom: 10px;*/
		width: 50%;
	}
}

/* Responsive layout - makes a one column layout instead of a two-column layout */

@media screen and (min-width: 800px) and (max-width: 1200px)
{
	p.footertext-right
	{
		margin-bottom: 8px;
	}

	div.article-container	/*Contains article body and TOC, as well as side-content toolbar*/
	{
		display: flex;
		flex-flow: column wrap;
		align-items: flex-start;
		padding: 16px;
		margin: 0px 32px 0px 0px;
	}

	div.article-body	/*Contains the side-content toolbar on top and then the full article text*/
	{
		flex: 100%;
		flex-direction: column;
		/*flex-wrap: wrap;*/
	}

	div.article-toc	/*Contains the in-article TOC*/
	{
		display: none;
	}
}

/*	div.article-container	GRID VERSION - Contains article body and TOC, as well as side-content toolbar
	{
		display: grid;
		width: 100%;
		grid-gap: 8px;
		justify-content: center;
		grid-template-columns: 100%;
	}

	div.article-body	GRID VERSION - Contains the side-content toolbar on top and then the full article text
	{
		min-height: 75vh;
		padding: 16px;
		background-color: #143347;
		border-radius: 0px 24px 24px 24px;
	}

	div.article-toc	GRID VERSION - contains the in-article TOC proxy
	{
		display: none;
	}*/

/*@media tablet
{
	p.footertext-right
	{
		margin-bottom: 8px;
	}

 	div.article-container /*Contains article body and TOC, as well as side-content toolbar
	{
		display: flex;
		flex-flow: column wrap;
		align-items: flex-start;
		padding: 16px;
		margin: 0px 32px 0px 0px;
	}
	
	div.article-body
	{
   		flex: 100%;
		flex-direction: column;
		flex-wrap: wrap;
	}
	
	div.article-toc
	{
		display: none;
	}
	
	div.article-container /*GRID VERSION - Contains article body and TOC, as well as side-content toolbar
	{
		display: grid;
		width: 100%;
		grid-gap: 8px;
		justify-content: center;
		grid-template-columns: 100%;
	}

	div.article-body /*GRID VERSION - Contains the side-content toolbar on top and then the full article text
	{
		min-height: 75vh;
		padding: 16px;
		background-color: #143347;
		border-radius: 0px 24px 24px 24px;
	}

	div.article-toc /*GRID VERSION - contains the in-article TOC proxy
	{
		display: none;
	}
	
	div.side-content	/*Container for Menu proxy
	{
		float: right;
		/*margin-left: 10px;
		margin-bottom: 10px;
		width: 50%;
	}
}*/

@media only screen and (max-device-width: 800px)
{
	p.footertext-right
	{
		margin-bottom: 8px;
	}

	.main-section > .outer-row	/* Removes the padding around the topic container in mobile */
	{
		padding: 0;
	}

	div.article-container	/*Contains article body and TOC, as well as side-content toolbar*/
	{
		display: flex;
		flex-flow: column wrap;
		align-items: flex-start;
		padding: 16px;
		margin: 0px 32px 0px 0px;
	}

	div.article-body	/*Contains the side-content toolbar on top and then the full article text*/
	{
		flex: 100%;
		flex-direction: column;
		/*flex-wrap: wrap;*/
	}

	div.article-toc	/*Contains the in-article TOC*/
	{
		display: none;
	}

	/*	div.article-container	GRID VERSION - Contains article body and TOC, as well as side-content toolbar
		{
			display: grid;
			width: 100%;
			grid-gap: 8px;
			justify-content: center;
			grid-template-columns: 100%;
		}

		div.article-body	/*GRID VERSION - Contains the side-content toolbar on top and then the full article text
		{
			min-height: 75vh;
			padding: 16px;
			background-color: #143347;
			border-radius: 0px 24px 24px 24px;
		}

		div.article-toc	/*GRID VERSION - contains the in-article TOC proxy
		{
			display: none;
		}*/

	div.side-content	/*Container for Menu proxy*/
	{
		float: right;
		/*margin-left: 10px;
		margin-bottom: 10px;*/
		width: 50%;
	}
}