/*<meta />*/

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

a:link
{
	font-color: #027baf;
	text-decoration: none;
	color: #027baf;
}

a:hover
{
	text-decoration: underline;
}

a
{
	color: #027baf;
	text-decoration: none;
}

.bg-grey
{
	background-color: #fafafa;
}

.bg-kb-blue
{
	background-color: #E9F7FC;
}

.bg-purple
{
	background-color: #F7F1FA;
}

.bg-olive
{
	background-color: #F8F9E9;
}

.bg-emeralds
{
	background-color: #EDF7F2;
}

ol,
ul,
dl
{
	margin-top: 8px;
	margin-bottom: 16px;
}

li
{
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 24px;
}

img
{
	border: none;
}

/*====== MASTERPAGE HEADER styles =====*/

div.breadcrumb-header
{
	height: 40px;
	padding: 0px;
}

div.breadcrumb-header > div
{
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

div.breadcrumb-header > div > p
{
	font-size: 12px;
	line-height: 16px;
	margin: 0px 3px 0px 0px;
	padding: 0px 0px 0px 16px;
	float: left;
	color: #027baf;
}

/* ======= BODY layouts ======= */

div.body-section	/*====This is a body section with no sidemenu or sidebar content. Content in this section will cover the entire width of the body container to a max-width of 1366px====*/
{
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
	min-height: 70vh;
	margin-top: 40px;
}

div.body-sidemenu	/*===== Holds body content WITH sidebar content (ie sticky toc, callouts, related articles etc) =====*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	max-width: 1366px;
	margin-top: 40px;
	margin-bottom: 40px;
}

div.body-sidemenu::before
{
	content: ' ';
	display: table;
}

div.body-sidemenu::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

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

div.body-sidemenu > div:nth-child(2)
{
	width: 22%;
	margin-left: 11%;
}

MadCap|relatedTopicsControlListItem
{
	line-height: 24px;
	list-style-type: none;
	margin-bottom: 16px;
	margin-left: 0px;
	padding-left: 0px;
	font-weight: 400;
}

MadCap|relatedTopicsControlList
{
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 16px;
}

MadCap|xref
{
	color: #027baf;
	text-decoration: none;
}

MadCap|microContent.Intro
{
	padding: 32px;
	border: solid 1px #e1e1e1;
	border-radius: 4px;
}

MadCap|relatedTopics.side-menu
{
	color: #484848;
	font-family: proxima-nova, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bolder;
	text-decoration: none;
	border: solid 1px #e1e1e1;
	border-radius: 4px;
	padding: 24px;
	mc-help-control-display: list;
	mc-image-position: none;
	mc-image-spacing: 0px;
	mc-image: none;
}

MadCap|breadcrumbsProxy.breadcrumb
{
	color: #027baf;
	font-family: proxima-nova, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	border-bottom-width: 0px;
	padding-bottom: 40px;
	mc-breadcrumbs-count: 4;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-prefix: '';
	mc-breadcrumbs-divider: ' > ';
}

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	border-left: solid 3px #4b6eb2;
	border-radius: 4px 0px 0px 4px;
	border-collapse: collapse;
}

/* ========== MEDIA STYLES ========== */

@media only screen and (max-width: 1024px) and (min-width: 769px)
{
	div.body-sidemenu > div:nth-child(2)
	{
		width: 30%;
		margin-left: 3%;
	}
}

@media only screen and (max-width: 550px)
{
	div.body-sidemenu > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

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

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

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