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

/* **************************************
************* BRAND FONTS ***************
*************************************** */

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Lato-regular/Lato-regular.eot');
  src: url('fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'),
       local('Lato Regular'),
       local('Lato-regular'),
       url('fonts/Lato-regular/Lato-regular.woff2') format('woff2'),
       url('fonts/Lato-regular/Lato-regular.woff') format('woff'),
       url('fonts/Lato-regular/Lato-regular.ttf') format('truetype'),
       url('fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Roboto Slab';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Roboto-Slab-regular/Roboto-Slab-regular.eot');
  src: url('fonts/Roboto-Slab-regular/Roboto-Slab-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto Slab Regular'),
       local('Roboto-Slab-regular'),
       url('fonts/Roboto-Slab-regular/Roboto-Slab-regular.woff2') format('woff2'),
       url('fonts/Roboto-Slab-regular/Roboto-Slab-regular.woff') format('woff'),
       url('fonts/Roboto-Slab-regular/Roboto-Slab-regular.ttf') format('truetype'),
       url('fonts/Roboto-Slab-regular/Roboto-Slab-regular.svg#RobotoSlab') format('svg');
}

/* *****************************************
************* GENERAL STYLES ***************
***************************************** */

body
{
	font-family: 'Lato', arial, sans-serif;
	font-size: 95%;
	line-height: 1.5em;
	color: #435363;
	text-rendering: optimizeLegibility;
	margin: 1em;
}

a, a:link, a:visited, a:focus, a:active, a.Popup, a.GlossaryPageTerm
{
	color: #00a5b5;
}

a:hover
{
	color: #007480;
}

a.MCBreadcrumbsLink, a.MCBreadcrumbsLink:visited, a.MCBreadcrumbsLink:hover
{
	color: #00a5b5;
	font-size: 87.5%;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, h7
{
	border-bottom: 1px solid #dadfe1;
	color: #00a5b5;
	font-family: 'Roboto Slab', georgia, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 20px;
	padding-bottom: 9px;
}

/* Heading styles. This makes creating bookmarks in TOCs easier in Flare. */

p.TOCheader
{
	color: #00a5b5;
	font-family: 'Roboto Slab', georgia, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 20px;
	page-break-before: always;
	mc-next-tag: p;
	mc-next-class: norm;
}

p.heading2
{
	font-family: 'Roboto Slab', georgia, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 20px;
	mc-next-tag: p;
	mc-next-class: norm;
}

p.heading3
{
	font-family: 'Roboto Slab', georgia, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
	mc-next-tag: p;
	mc-next-class: norm;
}

p.heading4
{
	font-family: 'Roboto Slab', georgia, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
	mc-next-tag: p;
	mc-next-class: norm;
}

p.heading5
{
	font-family: 'Roboto Slab', georgia, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
	mc-next-tag: p;
	mc-next-class: norm;
}

/* End Heading Styles */

img
{
	max-width: 100%;
	height: auto;
}

img.Border
{
	border-radius: 5px;
	border: 1px solid #dadfe1;
	padding: 5px;
}

img.ReduceButtonSize
{
	max-height: 18px;
	max-width: auto;
	vertical-align: text-bottom;
}

img.Thumbnail
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 300px;
	border-radius: 5px;
	border: 1px solid #dadfe1;
	padding: 5px;
}

li
{
	margin-bottom: 1em;
	margin-top: 1em;
	orphans: 2;
	widows: 2;
}

p
{
	margin-bottom: 1em;
	margin-top: 1em;
	orphans: 2;
	widows: 2;
}

p.norm
{
	mc-disabled: true;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1em;
	margin-top: 1em;
}

td
{
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #435363;
	padding: 5px 1em 5px 1em;
	text-indent: 0;
	vertical-align: top;
}

td.Subheading
{
	background: #B8DDE1;
}

th
{
	background-color: #00a5b5;
	border-bottom-style: none;
	color: #ffffff;
	font-family: 'Lato', arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	padding: 5px 1em 5px 1em;
	text-align: left;
	vertical-align: middle;
}

/* ***************************************************
************* CODE, NOTE, CAUTION, TIP ***************
*************************************************** */

div.Code
{
	background-color: #eeeff0;
	border: 1px solid #dddddd;
	color: #435363;
	font-family: Consolas, monospace;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 1em;
}

div.Code p
{
	font-family: Consolas, monospace;
	font-size: 87.5%;
	margin-bottom: 0;
	margin-top: 0;
	white-space: pre-wrap;
    word-break: break-all;
}

div.Code div
{
    margin-left: 20px;
}

code
{
	font-family: Consolas, monospace;
	white-space: pre-wrap;
}

p.Code
{
	font-family: Consolas, monospace;
	white-space: pre-wrap;
}

th > p,
td > p,
div.Note > p,
div.Tip > p,
div.Caution > p 
{
	margin-left: 0;
}

th > p:first-child,
td > p:first-child,
div.Note > p:first-child,
div.Tip > p:first-child,
div.Caution > p:first-child ,
div.Code > p:first-child
{
	margin-top: 0;
}

th > p:last-child,
td > p:last-child,
div.Note > p:last-child,
div.Tip > p:last-child,
div.Caution > p:last-child ,
div.Code > p:last-child
{
	margin-bottom: 0;
}

p.Note,
div.Note
{
	border: 1px solid #00a5b5;
	border-left: 3em solid #00a5b5;
	font-size: 87.5%;
	padding: 1em;
	border-radius: 3px;
	margin-bottom: 1em;
	margin-top: 1em;
	position: relative;
	background-color: white;
}

p.Note:before,
div.Note:before
{
	background-image: url('images/note.png');
	content: '';
	background-size: cover;
	position: absolute;
	width: 2em;
	height: 2em;
	left: -2.475em;
	top: 0.75em;
}

p.Tip,
div.Tip
{
	border: 1px solid #6FBF4A;
	border-left: 3em solid #6FBF4A;
	font-size: 87.5%;
	padding: 1em;
	border-radius: 3px;
	margin-bottom: 1em;
	margin-top: 1em;
	position: relative;
	background-color: white;
}

p.Tip:before,
div.Tip:before
{
	background-image: url('images/tip.png');
	content: '';
	background-size: cover;
	position: absolute;
	width: 2em;
	height: 2em;
	left: -2.475em;
	top: 0.75em;
}

p.Caution,
div.Caution
{
	border: 1px solid #FF6C36;
	border-left: 3em solid #FF6C36;
	font-size: 87.5%;
	padding: 1em;
	border-radius: 3px;
	margin-bottom: 1em;
	margin-top: 1em;
	position: relative;
	background-color: white;
}

p.Caution:before,
div.Caution:before
{
	background-image: url('images/caution.png');
	content: '';
	background-size: cover;
	position: absolute;
	width: 2em;
	height: 2em;
	left: -2.475em;
	top: 0.75em;
}

@media print /* Fixes look of note styles when page printed from browser */
{	
	p.Note,
	div.Note
	{
		background-color: white;
		border-left: 1em solid #00a5b5;
		border-radius: 3px;
		border: 1px solid #00a5b5;
		font-size: 87.5%;
		margin-bottom: 1em;
		margin-top: 1em;
		padding: 1em;
		position: relative;
	}

	p.Tip,
	div.Tip
	{
		background-color: white;
		border-left: 1em solid #6FBF4A;
		border-radius: 3px;
		border: 1px solid #6FBF4A;
		font-size: 87.5%;
		margin-bottom: 1em;
		margin-top: 1em;
		padding: 1em;
		position: relative;
	}

	p.Caution,
	div.Caution
	{
		border: 1px solid #FF6C36;
		border-left: 1em solid #FF6C36;
		font-size: 87.5%;
		padding: 1em;
		border-radius: 3px;
		margin-bottom: 1em;
		margin-top: 1em;
		position: relative;
		background-color: white;
	}
}


/* *********************************************
**************** TENABLE PDF STYLES ************
********************************************* */

@media TenablePrint
{
	h1, h2, h3, h4, h5, h6, h7
	{
		page-break-before: always;
	}
	
	p.Note,
	div.Note
	{
		background-color: white;
		border: 1px solid #00a5b5;
		border-left: 1em solid #00a5b5;
		padding: 1em;
		border-radius: 3px;
		margin-bottom: 1em;
		margin-top: 1em;
		line-height: 1.25em;
		background: none;
	}

	p.Tip,
	div.Tip
	{
		background-color: white;
		border: 1px solid #6FBF4A;
		border-left: 1em solid #6FBF4A;
		padding: 1em;
		border-radius: 3px;
		margin-bottom: 1em;
		margin-top: 1em;
		line-height: 1.25em;
		background: none;
	}

	p.Caution,
	div.Caution
	{
		background-color: white;
		border: 1px solid #FF6C36;
		border-left: 1em solid #FF6C36;
		padding: 1em;
		border-radius: 3px;
		margin-bottom: 1em;
		margin-top: 1em;
		line-height: 1.25em;
		background: none;
	}
	
	div.Note p, div.Caution p, div.Tip p
	{
		margin-left: 0;
	}
	
	td img,
	th img
	{
		max-width: 3in !important;
	}
	
	td img.Thumbnail,
	th img.Thumbnail
	{
		border-radius: 5px;
		border: 1px solid #dadfe1;
		padding: 5px;
		margin-bottom: 1em;
		margin-top: 1em;
	}
	
	MadCap|dropDownHead
	{
		font-family: 'Roboto Slab', georgia, sans-serif;
		font-size: 1.2em;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: normal;
		margin-bottom: 4px;
		margin-top: 16px;
	}
}

/* *********************************************
************* MASTER PAGE STYLES ***************
********************************************* */

span#backToTop
{
  display: none;
  height: 32px;
  width: 32px;
  background-image: url('images/backToTop32.png');
  background-color: #fff;
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: 0.25;
  border-radius: 100%;
  mc-disabled: true;
}

span#backToTop:hover
{
  opacity: 1;
  cursor: pointer;
}

span#backToTop:active
{
  box-shadow: inset 0px 0px 10px 1px #435363;
}

@media print
{
	span#backToTop
	{
		display: none !important;
		mc-disabled: true;
	}
}

div#masterFooter
{
	border-top: 1px solid #dadfe1;
    margin-top: 3em;
	mc-disabled: true;
	padding-top: 5px;
	max-width: 100%;
}

div#masterFooter.mpFixed
{
	position: fixed;
	bottom: 5px;
	mc-disabled: true;
	margin-right: 1em;
}

div#masterFooter > p
{
	font-size: 8pt;
	line-height: 1.25em;
}

/* *********************************************
****************** MADCAP STYLES ***************
********************************************* */

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: 87.5%;
	mc-breadcrumbs-prefix: 'You are here: ';
	mc-breadcrumbs-count: 100;
}

a.MCBreadcrumbsLink
{
	font-size: 100% !important;
	mc-disabled: true;
}

MadCap|dropDown
{
	margin-bottom: 1em;
	margin-top: 1em;
	mc-closed-image: url('images/grayExpand24.png');
	mc-open-image: url('images/grayCollapse24.png');
}

MadCap|dropDownHead
{
	font-weight: inherit;
	font-family: 'Lato', arial, sans-serif;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 1em;
	margin-top: 1em;
}

MadCap|dropDownHotspot
{
	font-family: 'Lato', arial, sans-serif;
	transition: color 0.25s;
	color: #435363;
}

MadCap|dropDownHotspot:hover
{
	color: #778692;
}

[class*=dropDownHotspot]:active
{
	color: #435363;
	font-family: 'Lato', arial, sans-serif;
}

[class*=dropDownHotspot]:focus
{
	color: #435363;
	font-family: 'Lato', arial, sans-serif;
}

MadCap|dropDown.SecondLevel
{
	color: #435363;
	font-family: 'Lato', arial, sans-serif;
}

MadCap|popup
{
	color: #435363;
}

MadCap|popup:focus
{
	color: #435363;
}

MadCap|popup:hover
{
	color: #778692;
}

MadCap|popupHead
{
	color: #435363;
	font-weight: bold;
}

MadCap|tocProxy
{
	border: none;
	color: #435363;
}

p.TOC1, p.TOC2, p.TOC3, p.TOC4, p.TOC5, p.TOC6, p.TOC7, p.TOC8, p.TOC9
{
	mc-disabled: true;
	color: #435363;
}

MadCap|xref
{
	mc-format: '{para}';
	text-decoration: underline;
	/* font-size: 11pt; */
	font-weight: normal;
	font-style: normal;
	font-family: 'Lato', arial, sans-serif;
	color: #00a5b5;
}

MadCap|xref:active
{
	color: #00a5b5;
}

MadCap|xref:focus
{
	color: #00a5b5;
}

MadCap|xref:hover
{
	color: #007480;
}

MadCap|xref:link
{
	color: #00a5b5;
}

MadCap|xref:visited
{
	color: #00a5b5;
}
