/*<meta />*/

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

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

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

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

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

body
{
	font-family: 'Roboto Light', Arial, Avenir, Myriad;
	font-size: 11pt;
}

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	mc-master-page: url('../MasterPages/HomePage.flmsp');
}

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
{
	font-weight: bold;
	font-size: 2em;
	color: #45494c;
	font-family: 'Roboto';
}

h2
{
	font-weight: bold;
	font-size: 1.8em;
}

h3
{
	font-weight: bold;
	font-size: 1.6em;
}

h4
{
	font-weight: bold;
	font-size: 1.4em;
}

p
{
	font-size: 1em;
	font-family: 'Roboto Light', Arial, Avenir, Myriad;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #fff;
}

ol,
ul
{
	letter-spacing: .25;
	line-height: 20pt;
}

img
{
	border: none;
	max-width: 100%;
}

a.Popup
{
	
}

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

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

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #45494c;
	font-size: 20pt;
	font-weight: bold;
	border-bottom: none;
}

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

.button-separator
{
	/*Additional styles for toolbar*/
	width: 2px;
	margin-top: 10px;
}

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

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

div.home-section:last-of-type
{
	border-bottom: none;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #888888;
}

a:link
{
	color: #076685;
}

a:visited
{
	color: #076685;
}

a:hover
{
	color: #076685;
}

.footer a:hover
{
	text-decoration: none;
	color: #1c5a97;
}

p.footer-sub a:hover
{
	color: #bed420;
}

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

a:active
{
	color: #a82384;
}

a.home-button
{
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
	text-decoration: none;
	border: 1px solid #dadada;
	width: 100%;
}

a.home-button: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);
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDown
{
	border-bottom: 1px solid #dadada;
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 10px 0;
	mc-closed-image: url('../Images/Home/plus.png');
	mc-open-image: url('../Images/Home/minus.png');
}

div.topic-hero
{
	padding: 5%;
	background-image: url('../Images/Home/hero-image.png');
	background-size: contain;
	background-attachment: fixed;
}

div.topic-hero h1
{
	color: #fff;
	font-size: 3.5em;
	text-align: center;
}

div.home-tiles
{
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
	text-align: center;
	justify-content: center;
}

div.home-tiles > div
{
	background-color: #b9bec1;
	padding: 2%;
	width: 30%;
	margin: 0px 20px 10px;
}

div.article-tiles
{
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
}

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

div.article-tiles > div
{
	margin: 10px 10px 5px 0;
	width: 18%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: stretch;
	justify-content: space-around;
}

div.home-footer
{
	background: linear-gradient(to right, #1c5a97, #25bcc3);
	padding: 2% 5%;
}

div.home-footer *
{
	color: #fff;
}

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

a.expandspot
{
	color: #008000;
	cursor: hand;
	font-weight: bold;
	font-style: italic;
	text-decoration: none none none;
}

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

a.dropspot
{
	cursor: hand;
	font-weight: bold;
	font-style: normal;
	color: #a82384;
	text-decoration: none none none;
}

a.glossterm
{
	color: #800000;
	cursor: hand;
	font-style: italic;
	text-decoration: none none none;
}

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

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

p.Tip
{
	margin-right: 18pt;
	margin-left: 9pt;
	margin-top: 8pt;
	mc-next-tag: P;
	color: #000000;
	background-color: #e6e6e6;
	mc-auto-number-format: '{color red}{b}Tip: {/b}{/color}';
}

MadCap|conceptLink.conceptLink_1
{
	mc-popup-type: menu;
	mc-display-type: button;
	mc-label: See Also;
}

MadCap|expandingHead.expandspot
{
	color: #008000;
	cursor: hand;
	font-weight: bold;
	font-style: italic;
	text-decoration: none none none;
}

MadCap|dropDownHotspot.dropspot
{
	cursor: hand;
	font-weight: bold;
	font-style: normal;
	color: #a82384;
	text-decoration: none none none;
}

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

MadCap|glossaryTerm.glossterm
{
	color: #800000;
	cursor: hand;
	font-style: italic;
	text-decoration: none none none;
}

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

p.toptable
{
	margin-top: 0pt;
	margin-bottom: 0pt;
}

p.Nomargin
{
	margin-bottom: 0pt;
}

MadCap|dropDownHead
{
	
}

p.Code_Sample
{
	margin-top: 0pt;
	font-family: 'Courier New';
	margin-left: 0.250in;
	line-height: 12px;
	margin-bottom: 6pt;
	font-size: 10pt;
}

div.sideContent
{
	float: right;
	margin-left: -100px;
	margin-bottom: 10px;
	width: 33.33%;
}

@media print
{
	
}

p.hangingindent
{
	margin-top: 0pt;
	margin-bottom: 12pt;
	margin-left: 0.25in;
	text-indent: -0.25in;
}

p.Code_Sample_2
{
	margin-top: 0pt;
	font-size: 9pt;
	margin-left: 0.250in;
}

div.indent
{
	margin-left: 30px;
}

p.Note
{
	margin-top: 0pt;
	margin-bottom: 12pt;
	mc-auto-number-format: '{color red}{b}Note: {/b}{/color} ';
	padding-left: 0px;
}

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

img
{
	border: none;
}

pre.indent
{
	font-family: 'Courier New';
	font-size: 10pt;
	line-height: 10px;
	margin-left: 50px;
}

div.indent40
{
	margin-left: 40px;
}

div.HomeMasterPageFooter	/*Controls the look of the footer in the Home master page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #FFF;
}

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

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

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

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

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

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

p.footer-sub
{
	text-align: left;
	color: #FFF;
	font-family: 'Roboto Light', Arial, Avenir, Myriad;
	font-size: 14pt;
}

div.responsive-position	/*Used for the images social media icons to switch positioning in mobile but will not display in desktop*/
{
	float: right;
	display: none;
}

.footer
{
	background-color: #1c5a97;
	background: linear-gradient(to right, #1c5a97, #25bcc3);
	padding: 25px 25px 10px 25px;
}

/*Footer links*/

.footer a
{
	text-decoration: none;
	color: #FFFFFF;
}

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

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

.footer > div.outer-row
{
	line-height: 30px;
	padding: 0;
}

.footer-logo
{
	max-width: 100%;
	margin: 0;
	text-align: left;
}

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

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

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

@media only screen and (max-width: 1279px)
{
	.footer
	{
		padding: 2% 2% 1%;
	}

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

	div.article-tiles > div
	{
		width: 30%;
	}

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

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

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

@media only screen and (max-width: 767px)
{
	div.topic-hero h1
	{
		font-size: 2.5em;
		text-align: center;
	}

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

	div.home-tiles > div
	{
		width: 100%;
	}

	div.article-tiles > div
	{
		width: 100%;
	}

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

	.buttons._Skins_Toolbar.mc-component
	{
		display: none;
	}

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

	.footer
	{
		padding: 5% 7%;
	}

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

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

	div.HomeMasterPageFooter > div:nth-child(3)	/*Hide the social media icons as they will be replaced by div.responsive-position elements in mobile*/
	{
		display: none;
	}

	div.responsive-position
	{
		display: block;
	}

	div.footer-links > a:nth-child(1)
	{
		float: left;
	}

	div.footer-links > a:nth-child(3)
	{
		float: right;
	}

	div.responsive-position
	{
		display: block;
	}

	div.responsive-position > a:first-of-type
	{
		padding-right: 10px;
	}

	.footer-links a
	{
		padding: 0;
	}
}

p.WarningNote
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	border: solid 1px #3498db;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
	padding-top: 10px;
	margin: auto;
	width: 75%;
}

div.example
{
	border: solid 2px #000000;
	padding: 15px;
}