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

/*  INDEX
  Main styles	
  TopNav styles	
  Dropdowns			
  Headings		
  General body	
  Table styles	
  Notification boxes
  Image styles	
  Lists		
  Side menu		
  Footer styles		
  @media print	
  @media pdf 
*/

/* Main styles
	==========================================================================
*/

.row .row
{
	margin-top: 40px; /*set to 20px for preview release notes, change back to 40px for the final build*/
}

.inner-wrap .main-section > .row
{
	max-width: 100%;
	padding: 0;
	padding-bottom: 290px;
	display: block !important;
}

#content-section .row.outer-row
{
	max-width: 90%;
	display: block !important;
} 


body
{
	color: #404041;
	font-family: Arial;
	line-height: 1.5;
}

.search .search-bar input.search-field
{
	box-sizing: border-box;
}

.search .search-bar input.search-field::selection
{
	background-color: #555 !important;
	color: #e8e8e8;
}

.search-filter-content
{
	z-index: 100;
}

div.TopicContent
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
}

h1
{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 8px;
	margin-top: 20px;
	padding-bottom: 10px;
}

h2
{
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 20px;
}

h3
{
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
}

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

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: 1em;
	font-style: italic;
	mc-breadcrumbs-prefix: '';
}

a.MCBreadcrumbsLink
{
	font-style: italic;
	text-decoration: none;
}

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

a.MCBreadcrumbsLink:hover
{
	color: #AFC836;
}

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

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

p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

/*  TopNav styles
	===========================================================================
*/

.row.topNav
{
	margin: 0 auto;
	width: auto;
	height: 90px;
}

.navigation > li
{
	height: initial !important;
}


div.MCBreadcrumbsBox_0
{
	margin-top: 5px;
}

/*div.MCRelationshipsProxy_0
{
	border-top: 2px solid #009edb;
	margin-top: 45px;
}


MadCap|relationshipsHeading.concept
{
	mc-label: "Related Overview";
	font-weight: normal;
	font-size: 16pt;
}

MadCap|relationshipsHeading.reference
{
	mc-label: "Related References";
	font-weight: normal;
	font-size: 16pt;
}

MadCap|relationshipsHeading.task
{
	mc-label: "Related Tasks";
	font-weight: normal;
	font-size: 16pt;
}

MadCap|relationshipsHeading.studio
{
	mc-label: "Studio Things";
	font-weight: normal;
	font-size: 16pt;
}*/

@media only screen and (max-width: 64.063em)
{
	.topNav {
		margin-right: 25px;
		padding-top: 16px;
	}
}

nav.title-bar,
nav.tab-bar
{
	height: 100px;
	width: 100%;
}

.title-bar-section.middle > div
{
	min-height: 80px;
	width: 100%;
	margin-bottom: 48px;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	max-width: 100%;
}

.title-bar-section a.logo
{
	top: 7px;
}

.inner-wrap .outer-row
{
	padding-bottom: 20px;
}

.row.nav-search
{
	float: right;
	width: auto;
}

.search-bar
{
	width: 30em;
}

.title-bar-section.middle
{
	width: 100%;
	float: left;
}

ul.navigation > li.has-children > a:hover,
ul.navigation a:hover[href="#"]
{
	cursor: default;
}

/*Sets TopNav menu link color and font weight and moves arrow down */

ul.navigation a
{
	color: #404041;
	font-weight: normal;
	line-height: initial !important;
}

/*Sets TopNav menu link color to orange on hover*/

.navigation > li:hover > a
{
	color: #f15D22;
}

/*Removes the default black arrow on top of the sub-menu*/

ul.navigation > li.has-children:after
{
	display: none;
}

ul.navigation ul ul
{
	top: -2px;
	left: 100%;
}

ul.navigation ul a
{
	color: #404041;
	font-weight: normal;
}

ul.navigation ul
{
	z-index: 9999 !important;
	border-top: solid 2px #f15D22;
	border-bottom: solid 2px #687074;
	padding: 0;
	margin-top: 10px;
}

ul.navigation ul,
ul.navigation ul ul,
ul.navigation ul ul ul,
ul.navigation ul ul ul ul
{
	background-color: #fff;
}

ul.navigation ul li a:hover,
ul.navigation ul ul li a:hover,
ul.navigation ul ul ul li a:hover,
ul.navigation ul ul ul ul li a:hover
{
	background-color: #eee;
}

ul.navigation ul li:hover
{
	background-color: #fff !important;
}

ul.navigation ul li a:hover
{
	color: #687074;
	font-weight: normal;
}

ul.navigation li
{
	height: auto;
}

ul.navigation li li
{
	padding: 0;
}

ul.navigation ul.sub-menu > li > a
{
	padding: 8px 24px !important;
	margin: 0;
	text-align: left;
	line-height: 15px !important;
}

ul.navigation > li.has-children > a:before
{
	content: "\25BC";
	position: absolute;
	right: 0px;
	padding: 0;
	margin: 0;
	font-size: 9px;
}

ul.navigation > li.has-children
{
	margin-right: 4px;
	max-width: 133px;
	white-space: normal;
	text-align: left;
}

ul.navigation ul.sub-menu
{
	white-space: nowrap;
}

ul.navigation > li > ul
{
	top: 50px;
	right: initial;
}

ul.navigation > li a
{
	line-height: 20px !important;
}

ul.navigation p
{
	margin: 0;
	padding: 0;
}

.navigation-wrapper
{
	float: none;
	width: auto;
	margin-top: 22px;
	margin-left: -16px;
	margin-right: -16px;
	margin-bottom: 24px;
	background-color: #d0d2d3;/***************Commented out for preview release notes*/
	padding-left: 0;
	height: 75px;
	text-align: left;
	position: relative;
	z-index: 2;
}

ul.navigation
{
	z-index: 1;
	text-align: center;
	width: auto;
	margin: 0;
	padding: 0;
	padding-left: 32px;
	margin-bottom: 40px;
	padding-top: 8px;
}

/*  Dropdowns
	=========================================================================
*/

MadCap|dropDownHead
{
	padding: 4px 16px;
	background: #d0d2d3;
	border-bottom: 1px solid #fff;
}

.stepList li p MadCap|dropDownHead
{
	margin-top: 10px;
}

MadCap|dropDownBody
{
	padding: 16px;
	margin: 0;
	border: 1px solid #d0d2d3;
}

.MCDropDown_Image_Icon
{
	padding: 0;
	margin: 0;
}

div.MCDropDown_Open span.MCDropDownHead.dropDownHead a.MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: right;
	background-image: url('../Images/doubleChevronUpSmall.png');
	padding-right: 16px;
}

div.MCDropDown_Closed span.MCDropDownHead.dropDownHead a.MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: right;
	background-image: url('../Images/doubleChevronDownSmall.png');
	padding-right: 16px;
}

/* Moves the drop-down arrow to the far right side of the drop down head*/

MadCap|dropDownHotspot
{
	color: #404041;
	display: block;
}

/*  Headings
	=============================================================================
*/

h1,
h2,
h3,
h4
{
	font-family: 'Droid Sans', sans-serif !important;
	margin: 1em 0 0.5em 0;
}

h1
{
	font-size: 20pt;
	border-bottom: 2px solid #009edb;
	padding-bottom: 8px;
	font-weight: normal;
	margin-top: 0.5em;
}

h2
{
	font-weight: normal;
	font-size: 16pt;
	background: #404041;
	padding: 4px 8px;
	color: white;
}

h3
{
	font-weight: 700;
	font-size: 14pt;
	color: #404041;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(53,86,129, 0.3);
}

h3.noCaps
{
	text-transform: none;
	border: 0;
	font-weight: 700;
	font-size: 14pt;
	color: #404041;
}

h4
{
	font-weight: 700;
	font-size: 14pt;
	line-height: 20px;
}

h5.releaseNote
{
	font-size: 12pt;
	color: black;
	margin-bottom: 0;
}

h5.releaseNote ~ p
{
	margin: 2px 0 4px 48px;
}

h5.releaseNote ~ ul
{
	margin: 2px 0 4px 72px;
}

h5.releaseNote ~ ol
{
	margin: 2px 0 4px 72px;
}

h5
{
	font-size: 13pt;
	font-weight: 700;
	line-height: 20px;
	color: #404041;
}

h6
{
	font-size: 11pt;
	font-weight: 700;
	line-height: 20px;
	text-decoration: underline;
}

/*  General body styles
	==========================================================================
*/

body
{
	margin: 16px;
	font-family: 'Roboto', sans-serif;
	color: #404041;
	line-height: 18pt;
	font-size: 12pt;
	width: 100%;
}

p
{
	margin: 8px 0;
	margin-left: 2px;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-prefix: '';
	font-style: italic;
	font-size: 10pt;
	mc-breadcrumbs-count: 10;
}

a:active,
a:hover,
a:focus,
a:visited,
a:link
{
	outline: none !important;
}

a,
.xref
{
	text-decoration: none;
	font-weight: normal;
}

a:link,
.xref:link,
a:visited,
.xref:visited
{
	color: #f15d22;
}

a:hover,
.xref:hover
{
	color: #F15d22 !important;
	text-decoration: underline;
}

.interface
{
	font-weight: bold;
}

.fieldName
{
	font-weight: bold;
	color: #afc836;
}

.fieldValue
{
	font-weight: bold;
	font-style: italic;
	color: #999;
}

.studioAction
{
	font-weight: normal;
}

.studioVariable
{
	font-weight: normal;
}

.studioBranch
{
	font-weight: normal;
}

MadCap|xref
{
	mc-format: '{paratext}';
}

.studioIntro
{
	margin: 16px;
	overflow: hidden;
}

.studioIntro p
{
	margin: 0;
	padding: 0;
}

.studioIntro img
{
	float: left;
	border: 0;
	margin: 0 16px 0 0;
	padding: 0px;
}

span.navigationArrow:before
{
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
	content: "\2192" ž;
	padding: 2px;
}

MadCap|glossaryTerm
{
	font-weight: normal;
	font-style: normal;
	color: #009edb;
}

div.codeBlock
{
	display: inline-block;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #d0d2d3;
	color: #404041;
}

/*  Table styles
	==============================================================================
*/

.basicTable
{
	text-align: left;
	margin: 16px;
	border-right: 1px solid #d0d2d3;
	border-left: 1px solid #d0d2d3;
}

.basicTable th
{
	color: #fff;
	background-color: #009edb;
	padding: 8px;
}

.basicTable tbody tr td
{
	padding: 8px 16px;
	background-color: #fff;
	color: #404041;
	border-bottom: 1px solid #d0d2d3;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.basicTable tbody tr:hover td
{
	background-color: #ddd;
	color: #404041;
}

.basicTable ul
{
	padding-left: 8px;
}

/*commonTasks is for tables of common tasks in overview topics like Central and Reporting. May become obsolete soon. */

.basicTable.commonTasks tbody tr td
{
	padding: 8px 16px;
	background-color: #fff;
	color: #404041;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}

.basicTable.commonTasks tbody tr:hover td
{
	background-color: #fff;
	color: #404041;
}

/* Security Profile permissions tables */

span.supportedPermission:before
{
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
	content: "\2714";
	padding: 2px;
}

.permissionTable tbody tr td
{
	border: 1px solid #ddd;
}

/*flowTable is used exclusively in the Transfer Contact Reference page in MAX.*/

.flowTable tbody tr td
{
	border: 1px solid #ddd;
}

table.StudioScriptTypes
{
	text-align: center;
	margin-left: 0px;
	margin-right: auto;
	line-height: 3px;
}

.StudioScriptTypes img
{
	border: 0;
}

tr.StudioScriptTypes
{
	font-size: 11px;
	text-align: center;
}

table.StudioActionDescription
{
	text-align: left;
	margin-left: 2px;
	margin-right: auto;
	line-height: 24px;
}

/* Supported Matrix tables */

table.matrix
{
	border: none;
}

table.matrix tbody tr td:first-child
{
	text-align: right;
}

table.matrix tbody tr td.matrixNoteCell
{
	text-align: left;
}

table.matrix th
{
	padding: 2px 8px;
	vertical-align: baseline;
	border: 0;
}

table.matrix tbody tr td
{
	padding: 0px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.matrix tr.support td ~ td
{
	padding-left: 8px;
	font-size: 24px;
	text-align: center;
	border: 1px solid #404041;
}

.matrixNote
{
	vertical-align: super;
	font-size: 12px;
	color: red;
	font-weight: normal;
}

.colwidth100
{
	width: 100px;
}

.colwidth108
{
	width: 108px;
}

.colwidth115
{
	width: 115px;
}

tr.flags th img
{
	width: 32px;
	height: auto;
	border: none;
	padding: 0;
	margin: 0;
}

tr.osLogo th img
{
	width: 37pt;
	height: auto;
	border: none;
	padding: 0;
	margin: 0;
}

tr.osLogo th
{
	padding-bottom: 0;
}

tr.osName th
{
	padding-top: 0;
}

tr.osLogo
{
	line-height: 0;
}

tr.osName
{
	line-height: 12pt;
}


tr.newSection
{
	background-color: #C8C8C8;
	font-weight: bold;
	text-align: center;
}

td.productCell
{
	padding: 8px;
	font-weight: bold;
}

td.tdimage
{
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	border-left: 0;
	border-right: 0;
}

.tdimage img
{
	border: 0;
	max-width: 15px;
	max-height: auto;
}

td.tdicon
{
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	border-left: 0;
	border-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.tdicon img
{
	border: 0;
	max-width: 30pt;
}

/*  Notification boxes
	============================================================================================
*/

[class^="notification-"]
{
	width: 70%;
	margin: 16px;
	position: relative;
	padding: 0 8px 8px 0;
}

div.notificationContent p
{
	margin: 0;
	padding: 4px 8px 4px 32px;
}

div.notificationContent table
{
	margin: 0;
	padding: 4px 8px 4px 32px;
}

[class^="notification"] > div.notificationContent:before
{
	font-size: 12pt;
	position: absolute;
	top: 0;
	left: 4px;
}

div.notification-warning
{
	background-color: #fff;
	color: #992222;
	border: 1px solid #992222;
}

div.notification-warning img
{
	border-color: #992222;
}

div.notification-warning a
{
	text-decoration: underline;
}

div.notification-warning > div.notificationContent:before
{
	content: "\26a0";
}

div.notification-tldr
{
	background-color: #fff;
	color: #afc836;
	border: 1px solid #afc836;
}

div.notification-tldr img
{
	border-color: #afc836;
}

div.notification-tldr a
{
	text-decoration: underline;
}

div.notification-tldr > div.notificationContent:before
{
	content: "\23E9";
}

div.notification-note
{
	background-color: #fff;
	color: #009edb;
	border: 1px solid #009edb;
}

div.notification-note img
{
	border-color: #009edb;
}

div.notification-note a
{
	text-decoration: underline;
}

div.notification-note > div.notificationContent:before
{
	content: "\24d8";
}

/*  Image styles
	======================================================================================
*/

img
{
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 500px;
	border: 1px solid lightgray;
	padding: 0;
	margin: 8px;
}

/* imgDefinition removes white space around an image so you can use an icon as a term to define (<icon> - Opens a new window that...). */

.imgDefinition
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: middle;
}

/*mapContainer styles image maps that are narrow. They will float to the right and have text wrap around the left */

.mapContainer
{
	display: flex;
	float: right;
	z-index: -1;
}

.mapContainer img
{
	flex: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 32px;
	margin-bottom: 32px;
	padding: 0;
	border: none;
	float: right;
	z-index: 1;
}

/*mapContainerWide styles image maps that are wide. They will be on their own above the definition list */

.mapContainerWide
{
	z-index: -1;
}

.mapContainerWide img
{
	margin: 8px;
	padding: 0;
	border: none;
	z-index: 1;
}

/* highlights the term in the DL list that is linked to the hotspot on the image map */
dt:target
{
	background-color: #d0d2d3;
	display: inline-block;
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-left: 16px;
}

.thumbnailImg
{
	position: relative;
	display: block;
	max-width: 516px;
	border: 1px solid #404041;
	padding: 8px;
	margin: 8px;
	background-color: #fff;
	line-height: 0;
}

.thumbnailImg a:before
{
	content: url(../Images/zoomSmall-corner.png);
	position: absolute;
	right: 0px;
	top: 0px;
}

.MCPopupThumbnail:hover
{
	cursor: zoom-in;
}

.MCPopupFullImage:hover
{
	cursor: zoom-out;
}

.MCPopupFullImage,
.MCPopupContainer,
.MCPopupThumbnail,
.MCPopupFullImage
{
	border-radius: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.MCPopupFullImage
{
	border: 1px solid #404041;
	padding: 8px;
}

.MCPopupContainer
{
	padding: 0;
	line-height: 0;
	border: 0;
}

/*  Lists
	=====================================================================================
*/

.stepList
{
	margin-left: 8px;
	width: 92%;
	list-style-type: none;
	counter-reset: step;
}

.stepList p
{
	margin: 0;
	padding: 0;
}

.stepList > li
{
	margin: 8px;
	padding: 0 0 0 42px;
	border-top: 1px solid #009edb;
	position: relative;
	min-height: 32px;
	left: 0;
}

.stepList > li:before
{
	color: white;
	counter-increment: step;
	content: counter(step, decimal);
	background-color: #009edb;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;
}

.stepList ol,
ol ol
{
	list-style-type: upper-alpha;
}

.stepList ol ol,
ol ol ol
{
	list-style-type: lower-roman;
}

.stepList ol ol ol,
ol ol ol ol
{
	list-style-type: lower-alpha;
}

.stepList .dropDown
{
	margin: 0 0 0 -10px;
}

ol
{
	margin-left: 1em;
	list-style-type: decimal;
	position: relative;
}

ol li
{
	position: relative;
}

ul
{
	margin-left: 2em;
}

ul,
ul ul ul
{
	list-style-type: disc;
}

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

ol:not(.stepList) > li:before
{
	content: '' !important;
	float: left;
}

li p
{
	margin: 0;
}

/* Definition list styles */

dl
{
	margin-left: 2px;
}

dt
{
	font-weight: bold;
	color: #000000;
	position: relative;
}

dt.requiredField::after
{
	content: " *";
	color: red;
}

dd
{
	margin: 0 0 0 32px;
	position: relative;
}

/*  Side menu styles
	===========================================================================
*/

.right-section ul.menu._Skins_SideMenu
{
	background-color: #E1E1E1;
	margin-top: 55px;
	max-height: 1000px;
	overflow: auto;
}

.right-section ul.menu._Skins_SideMenu li a
{
	color: #6e7583;
}

ul.menu._Skins_SideMenu.mc-component
{
	height: inherit !important;
}

ul.menu ul.sub-menu
{
	white-space: normal;
}

/*  Footer styles
	===============================================================================
*/

.footer-links
{
	background: #404041;
	border-top: none;
	padding: 10px 0 5px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}

.footer-links p
{
	color: #fff;
}

.footer-links a
{
	margin: 0 2px;
}

.footer-border
{
	border: none;
}

.footer-copyright
{
	background: #009edb;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.copyright
{
	border-top: none;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.copyright p
{
	color: #fff;
}

.copyright a
{
	margin: 0 2px;
}

.footer-socials
{
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;
}

.footer-socials li a
{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.container
{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.list-inline
{
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}

.list-inline > li
{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}


/* Styles needed for Blorange */
.newToHelp a
{
	color: #f15d22;
}

.footer-info-orange
{
	background: #F15D22;
    margin: 20px 25% 25px;
    width: 50%;
    text-align: center;
}

.footer-info p a
{
	color: #7d3cc8;
}

.footer-info-blue
{
	background: #009edb;
    margin: 20px 25% 25px;
    width: 50%;
    text-align: center;
}

.footer-copyright-blue
{
	background: #009edb;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footer-copyright-orange
{
	background: #F15D22;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.spacing-bottom-orange
{
	padding-bottom: 75px;
}

a.info-link:hover, a.info-link:active
{
	color: #7d3cc8 !important;
}

a.info-link
{
	color: #7d3cc8;
}


/* Responsive Footer styles */

@media (min-width: 1200px)
{
	.copyright .container
	{
		width: 100%;
	}
}

@media (min-width: 992px)
{
	.container
	{
		width: 970px;
	}
}

@media (min-width: 768px)
{
	.container
	{
		width: 750px;
	}
}

@media print
{
img
	{
		max-width: 400px;
		border: 0;
		padding: 8px;
		background-color: #fff;
	}

.thumbnailImg
	{
		max-width: 400px;
		border: 0;
	}
	

.thumbnailImg a:before
	{
		content: none;
	}

.imageMapPop
	{
		display: block;
	}
	
h1,h2,h3,h4,h5,h6
	{
		color: #000;
		background-color: #fff;
	}
	
h1
	{
		page-break-before: avoid;
		font-size: 16pt;
	}

h2
	{
		font-size: 14pt;
	}

h3
	{
		font-size: 12pt;
	}

h4
	{
		font-size: 10pt;
	}

}
	
@media pdf
{
	/* Drop-downs */

	li MadCap|dropDown
	{
		padding-left: 18px;
	}

	/* General Body */


	.interface
	{
		hyphens: none;
	}

	p
	{
		widows: 3;
		orphans: 3;
		margin-bottom: 6px;
	}

	.title
	{
		font-size: 28pt;
		border-bottom: 2px solid #009edb;
		margin-bottom: 24px;
	}

	.subtitle
	{
		font-size: 24pt;
		color: #009edb;
		margin-bottom: 32px;
	}

	/* Headings  */

	h1
	{
		page-break-before: always;
		page-break-after: avoid;
	}

	h2
	{
		line-height: 26px;
	}

	.noTOC
	{
		mc-heading-level: 0;
	}

	h2,
	h3,
	h4,
	h5,
	h6
	{
		page-break-after: avoid;
	}

	h3,
	h4,
	h5,
	h6
	{
		mc-heading-level: 0;
	}

	h5
	{
		font-weight: 700;
		font-size: 12pt;
		line-height: 20px;
	}

	h5.releaseNote
	{
		margin-top: 0;
	}

	h6
	{
		font-weight: 700;
		font-size: 12pt;
		color: #404041;
		line-height: 20px;
	}

	/* Images */

	img
	{
		page-break-before: avoid !important;
		max-width: 400px;
		padding: 4px;
		margin: 2px;
	}

	.thumbnailImg
	{
		page-break-before: avoid !important;
		page-break-inside: avoid !important;
		max-width: 400px;
		border: 0;
		padding: 4px;
		margin: 2px;
	}

	/* Lists */

	dt
	{
		page-break-after: avoid;
		page-break-inside: avoid;
		font-weight: bold;
		margin-top: 6px;
	}

	dd
	{
		margin-top: 6px;
		margin-bottom: 6px;
		position: relative;
		page-break-inside: avoid;
		page-break-before: avoid;
	}

	ol
	{
		list-style-type: decimal;
		padding-left: 24px;
	}

	ol > li
	{
		padding-top: 0;
		padding-left: 0;
		page-break-inside: avoid;
		margin-top: 3px;
	}

	ul > li
	{
		page-break-inside: avoid;
		margin-top: 3px;
	}

	ul
	{
		padding-left: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
		page-break-before: avoid;
	}

	.stepList
	{
		border: 0;
		list-style-type: decimal;
		padding-left: 24px;
		margin-left: 8px;
	}

	.stepList > li
	{
		padding-top: 4px;
		padding-left: 0;
		border: 0;
		page-break-inside: avoid;
	}

	.stepList > li:before
	{
		content: "";
	}

	/* Notifications */

	div.notificationContent p
	{
		page-break-inside: avoid;
		padding-left: 16px;
		padding-right: 4px;
		width: 100%;
	}

	div.notification-warning,
	div.notification-tip,
	div.notification-example,
	div.notification-note
	{
		margin: 8px;
		page-break-inside: avoid;
		padding-left: 8px;
		padding-right: 4px;
		padding-bottom: 4px;
		display: block;
	}

	div.notificationContent p:first-child
	{
		padding-left: 24px;
		padding-right: 4px;
	}

	div.notificationContent ol
	{
		padding-left: 24px;
		padding-right: 4px;
	}

	div.notificationContent ul
	{
		padding-left: 24px;
		padding-right: 4px;
	}

	div.notification-warning
	{
		border: 1px solid #992222;
		background-color: transparent;
		padding-top: 4px;
		padding-bottom: 0;
	}

	div.notification-warning > div.notificationContent:before
	{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		font-weight: bold;
		content: 'Warning:';
	}

	div.notification-note
	{
		border: 1px solid #009edb;
		background-color: transparent;
		padding-top: 4px;
	}

	div.notification-note > div.notificationContent:before
	{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		font-weight: bold;
		content: 'Note:';
	}

	/* Tables */

	.basicTable tbody tr td
	{
		border: 1px solid 404041;
		color: #000;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		padding: 4px;
		vertical-align: middle;
		margin: 0;
		page-break-inside: avoid;
	}

	.basicTable td > p
	{
		padding: 4px;
		vertical-align: middle;
		page-break-inside: avoid;
		margin: 0;
	}

	.basicTable
	{
		border: 1px solid #404041;
		font-size: 10pt;
		color: #000000;
		margin: 3px;
	}

	.basicTable tr th
	{
		border: 1px solid #404041;
		color: #FFF;
		background: #009edb;
		font-size: 12pt;
		page-break-after: avoid;
		padding: 8px;
		vertical-align: middle;
	}

	tr.flags th img
	{
		max-width: 32px;
	}
	
	.permissionTable td
	{
		border: 1px solid #404041;
	}	
	
	.permissionTable td:first-child
	{
		padding-left: 4px;
	}
	
	.permissionTable td:nth-child(2)
	{
		text-align: center;
	}
	
	/* Supported Matrix tables */

	table.matrix
	{
		font-size: 10pt;
		border: 1px solid #404041;
		margin: 3px;
	}

	tr.osLogo th img
	{
		width: 36px;
		height: auto;
	}

	table.matrix th,
	table.matrix td
	{
		padding: 2px;
		border: 1px solid #404041;
		margin: 0;
	}
	
	.matrix .productCell
	{
		padding-left: 8px;
		padding-right: 16px;
		font-weight: bold;
		font-size: 12pt;
		line-height: 20px;
	}
	
	.matrix .noteCell
	{
		font-weight: normal;
		font-size: 10px;
		padding: 8px;
		line-height: 12px;
	}
	
	.tdimage
	{
		text-align: center;
		margin: 0;
		vertical-align: middle;
	}
	
	tdimage > img
	{
		max-width: 20px;
		max-height: auto;
	}
	
	table.matrix td
	{
		padding: 4px;
	}

	.matrixNote
	{
		vertical-align: super;
		color: red;
		font-weight: normal;
	}

	th.matrixNote-desktopMode::after,
	td.matrixNote-centralIncludes::after,
	td.matrixNote-restfulAPIs::after,
	td.matrixNote-clientConnector::after,
	td.matrixNote-verint::after,
	th.matrixNote-ie8::after,
	th.matrixNote-chromeFF::after,
	td.virtualization::after
	{
		vertical-align: super;
		color: red;
		font-weight: normal;
	}
}