/*<meta />*/

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

/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700');*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
	display: block;
}

body
{
	line-height: 1;
}

ol,
ul
{
	/*list-style: none;*/
}

blockquote,
q
{
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

span.mc-variable
{
	mc-format: '[%=General.DisplayTitle%]';
}

MadCap|xref
{
	mc-format: '[%=General.DisplayTitle%]: [%=General.DisplaySubtitle%]';
}

/*End CSS Reset*/

div#searchPane	/*sets width of search results screen*/
{
	max-width: 90%;
}

li.tree-node	/*causes words to wrap in nav pane*/
{
	white-space: normal !important;
}

/*
.tree-node > div
{
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	padding-right: 20px;
}
*/

.tree-node > div
{
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	line-height: 1.15em !important;
	padding-right: 15px;
	font-size: 14px !important;
}

.tree-node-selected > div
{
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 14px;
}

#contentBodyInner	/*works with html{margin-top} in topics.css to add space between header and content and allow body content to scroll all the way to the header*/
{
	top: 0px !important;
	left: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
}

MadCap|expanding
{
	mc-image-position: left;
}

/*full screen styles*/

@media (min-width: 1025px)
{
	body
	{
		background: #fff;
	}

	.tree-node-selected > div:after	/*enables the white triangle that appears on the right of the currently-selected node*/
	{
		position: absolute;
		content: "";
		right: 0;
		border-width: 16px;
		border-style: solid;
		border-color: transparent;
		border-left: none;
		border-right-color: #fff;
		z-index: 1000;
		margin-right: -3px;
		top: 50%;
		margin-top: -16px;
	}

	.tabs-nav,
	html.left-layout #show-hide-navigation
	/*disables the top nav pane tabs*/
	/*disables the nav pane side collapse tab*/
	{
		display: none;
	}

	.tabs-panel
	{
		/*move nave pane up to compensate for disabled nav pane tabs*/
		top: 0px !important;
		/*disable the background color*/
		background-color: transparent;
		/*pull margins out to the edges of the nav pane*/
		margin-left: -8px;
		margin-top: -18px;
		margin-right: -8px;
	}

	.tab.active .tabs-panel
	{
		display: block;
		margin-top: -9px;
	}

	.tree-node.tree-node-expanded > div	/*keeps expanded toc nodes in line with collapsed toc nodes in the nav pane*/
	{
		margin-left: -4px;
	}

	ul.tree.inner	/*increases the left margin of non L1 nav pane entries*/
	{
		/*padding-left: 25px;*/
		padding-left: 13px;
	}

	.tabs-panel-content	/*disables the 1px border between the nav pane and the logo section*/
	{
		border: none !important;
		right: 0px !important;
	}

	html.left-layout #contentBody	/*move the content body flush up against the nav pane*/
	{
		margin-left: -4px;
		margin-top: -1px;
		background-color: #fff;
		-webkit-border-radius: 0px 0 0 0;
		-moz-border-radius: 0px 0 0 0;
		border-radius: 0px 0 0 0;
		/*box-shadow: inset 0 7px 9px -7px #c1c1c1;*/
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25) inset;
	}

	#contentBodyInner	/*moves the content area up so that the header appears in the header area*/
	{
		border: none;
		background-color: transparent;
	}

	#header .logo
	{
		/*background-size: 100px;*/
		background-position: 0px;
		margin-left: 0px;
	}

	#search-field
	{
		width: 300px;
	}

	#navigation::before	/*adds the green logo area above the nav pane.*/
	{
		height: 50px;
		/*background-color: #81af42;*/
		content: ' ';
		display: block;
		margin-top: -50px;
		background-size: 100px;
		margin-right: -1px;
	}

	/*** Header ***/

	#Header
	{
		background-color: #003870;
	}

	/***BEGIN move nav pane scroll bar to the left***/

	#navigation	/*moves nav pane scroll bar to the left*/
	{
		direction: rtl;
	}

	ul.tree	/*resets direction:rtl; set in #navigation above so that the content flows left to right.*/
	{
		direction: ltr;
	}

	/***END move nav pane scroll bar to the left***/
}

/*styles for responsive design*/
/*tablet*/

@media screen and (min-width: 1px) and (max-width: 1024px)
{
	html.left-layout #contentBody	/*gives a 60px left margin to create the close nav bar*/
	{
		left: 60px;
	}

	div#slideRight	/*moves the hamburger icon down and left in the the closed nav bar*/
	{
		margin-left: -59px;
		margin-top: 40px;
	}

	#responsiveHeader	/*moves the head to the left to compensate for the contenbody left margin*/
	{
		margin-left: -60px;
		background-color: #fff;
	}

	#responsiveHeader .logo	/*removes the margin from the green K2 logo image*/
	{
		margin: 0;
	}

	#HeaderRight	/*moves the site title to the right of the K2 logo*/
	{
		margin-top: -50px;
		margin-left: 146px !important;
		background-color: #003870;
	}

	#contentBodyInner	/*moves the content body to hide the gray borders*/
	{
		top: 50px;
		left: 0px;
		border: none;
		border-top: 1px solid #ececec;
		max-width: 90%;
	}

	#navigation	/*sets the properties for the responsive nav menu*/
	{
		font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
		background-color: #f8f8f8;
	}

	.hide-extras.active #navigation[role="complementary"]	/*this and the next class set the width of the nav bar when opened*/
	{
		width: 30%;
	}

	.active #contentBody[role="main"]	/*see previous*/
	{
		margin-right: -30%;
	}

	.tabs
	{
		background-color: #f8f8f8;
	}

	body
	{
		/*margin-left: 10px;
		max-width: 92%;*/
	}

	.tree-node div .label
	{
		color: inherit;
	}

	#search-field-sidebar	/*styles for the search field in the nav pane*/
	{
		border: 0px solid;
		height: 50px;
	}

	.tab-icon #TocTab.tabs-nav-inactive .tabs-nav-icon,
	.tab-icon #TocTab.tabs-nav-active .tabs-nav-icon,
	span#home-icon	/*disables the icons in the nav bar*/
	{
		display: none;
	}

	div#home,
	li#TocTab	/*adds some spacing for the nav items*/
	{
		padding-left: 5px;
		display: none;
	}

	#toc.tabs-panel-content	/*sets the left padding for the toc items in the expanded nav pane*/
	{
		padding-left: 10px;
		/*	margin-top: 10px;*/
	}

	.tab .tabs-panel	/*force expands the TOC in the nav pan*/
	{
		display: block;
	}

	#navigation div.tabs div.tab:not(:first-child)	/*disables the nav tabs that don't need to display*/
	{
		display: none !important;
	}

	body.active a#sidebarButton	/*turns off hamburger icon when slide out is open*/
	{
		display: none;
	}

	body.active #responsiveHeader
	{
		margin-left: -60px;
		background-color: #fffff;
		z-index: 1000;
		position: relative;
	}

	body.active #contentBody
	{
		left: 0;
	}
}

/*styles for responsive width*/
/*phone*/

@media screen and (min-width: 1px) and (max-width: 480px)
{
	.hide-extras.active #navigation[role="complementary"]	/*this and the next class set the width of the nav bar when opened on phone screens*/
	{
		width: 75%;
	}

	.active #contentBody[role="main"]	/*see previous*/
	{
		margin-right: -75%;
	}

	#contentBodyInner
	{
		margin-left: 0px;
		max-width: 90%;
	}
}

/*styles for phones*/
/*override styles for TOC printed*/

.GenTOCText1,
.GenTOCPageText1,
.GenTOCAutoText1
{
	font-weight: normal;
}

/*end override styles for TOC printed*/
/*styles for version selector drop-down*/

._VersionSelectorData span
{
	display: none !important;
}

._VersionSelectorData select
{
	width: 150px !important;
	margin-left: 3px;
	color: #565656;
	font-size: inherit !important;
	text-transform: none !important;
	padding-right: 15px !important;
}

._VersionSelectorData select option
{
	background: #ffffff !important;
}

/* Header fixes for Nintex look and feel */

#HeaderRight
{
	padding-top: 14px !important;
	margin-left: -100px;
	background-color: #003870;
	color: #ffffff;
	font-size: 20px;
	height: 50px;
	float: left;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
}

/* 
#HeaderRight:after
	{
		font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
		font-size: 24px;
		display: inline-block;
		content: "ProductNamePlaceholder";		
		color: #ffffff;
	}

 */

#HeaderLeft
{
	height: 50px;
	color: #ffffff;
	background-color: #003870;
	float: left;
}

#header
{
	background-color: #003870 !important;
}

.web .tree-node.tree-node-expanded.tree-node-selected > div:hover
{
	background-color: #003870 !important;
}

.search-account-container
{
	margin-top: -5px;
}

/*-----expand and collapse arrows in the nav pane-----*/
/*These styles require the font awesome javascript to be called from the skin file*/

.tree-node.tree-node-collapsed > div:before	/*collapsed icon in nav pane*/
{
	padding-right: 8px;
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #4e5758;
}

.tree-node.tree-node-expanded > div:before	/*expanded icon in nav pane*/
{
	padding-right: 8px;
	font-family: 'FontAwesome';
	content: "\f0d7";
	color: #4e5758;
}

.tree-node-selected.tree-node-expanded > div:before	/*expanded icon in nav pane when node selected*/
{
	padding-right: 8px;
	font-family: 'FontAwesome';
	content: "\f0d7";
	color: #ffffff;
}

.tree-node-selected.tree-node-collapsed > div:before	/*expanded icon in nav pane when node selected*/
{
	padding-right: 8px;
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #ffffff;
}

.tree-node.tree-node-collapsed:hover > div:before
{
	/*color: #00b5c8;*/
}

.tree-node.tree-node-expanded:hover > div:before
{
	/*color: #00b5c8;*/
}

/*-----end expand and collapse arrows-----*/