/*<meta />*/

/******************************************
SectionHeaderTemplate
******************************************/

/******************************************
Font declarations
******************************************/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

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

/* DL: I originally added all these fonts in because I was going off the marketing branding guide, which says what to use for web and print. I later would learn that the UX folks decided that online how-to should just use Verdana (misspelled in the John Gordon stylesheet as Veranda so not actually being used). I think we still need the print fonts in here but not the web fonts. */

@font-face 
{
	font-family: 'Whitney SSm Book';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/whitney/WhitneySSm-Book-Bas.otf') format('opentype');
}

@font-face 
{
	font-family: 'Whitney SSm Bold';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/whitney/WhitneySSm-Bold-Bas.otf') format('opentype');
}

@font-face 
{
	font-family: 'Tiempos Headline Bold';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/tiempos-headline/TiemposHeadline-Bold.otf') format('opentype');
}

@font-face 
{
	font-family: 'Tiempos Headline Light';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/tiempos-headline/TiemposHeadline-Light.otf') format('opentype');
}

@font-face 
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
}

@font-face 
{
	font-family: 'Open Sans Bold';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
}

/******************************************
	global color variables
		USAGE: var(--variable-name)
******************************************/

/*

DL: I planned to use these and did and then removed them but maybe not all of them. I don't recall.

If you really end up needing to support whitelabel stuff or special product branding (a la FOTO), it might be good to look into variables that you could define within here but then also override in those stylesheets being used per product now to set the logo.

*/

:root
{
	--company-secondary-color: #cce2dd;
	/* light blue (from brand guidelines color palette: Secondary) */
	--web-body-text-color: #333;
	/* dark gray (from browser inspector on casamba.net body text) */
	--print-body-text-color: #333;
	/* dark gray (from existing Word template RGB 51, 51, 51) */
	--heading-text-color: #004357;
	/* dark, greenish blue (from brand guidelines color palette: Primary) */
	--head-background-color: #004357;
	/* dark, greenish blue (from brand guidelines color palette: Primary) */
	--head-foreground-color: #fff;
	/* white text because the background is dark */
	--subhead-background-color: #666;
	/* medium gray (based on needing a secondary highlight with good contrast) */
	--media-border-color: #878787;
	/* light-medium gray (based on needing to establish boundaries without distracting from the media it surrounds) */
	--link-color: #a6093d;
	/* subdued orange (derived from the Casamba orange but shaded down until it met WCAG AAA accesibility guidelines for contrast) */
	--company-primary-color: #F9423A;
	--nh-primary-net-health-red: #F9423A;
	--nh-primary-white: #fff;
	--nh-secondary-crimson: #a6093d;
	--nh-secondary-gray: #c7c9c7;
	--nh-tertiary-purple: #5f2167;
	--nh-tertiary-blue: #0057b8;
	--nh-tertiary-green: #007b5f;
	--nh-tertiary-charcoal: #333f48;
}

@media print
{
	:root
	{
		--body-text: 'Open Sans Regular';
		--body-text-bold: 'Open Sans Bold';
		--heading-text-bold: 'Noto Serif JP Black';
		--heading-text-light: 'Noto Serif JP';
		--body-text: 'Open Sans Regular';
		--body-text-bold: 'Open Sans Regular';
		--heading-text-bold: 'Noto Serif JP Black';
		--heading-text-light: 'Noto Serif JP';
	}
}

/**************************************************************************************************************************************************
Default styles (i.e Web Styles)
These are the default styles, which were created for Web outputs.
If they are not specifically overriden in the Print styles below, they will transfer to print outputs too.
***************************************************************************************************************************************************/

/******************************************
Default Body & Defaults
******************************************/

body
{
	font-family: 'Open Sans', Arial, Helvetica, Roboto, sans-serif;
	font-size: 16px;
	color: #333F48;
	margin: 0;
	padding: 0;
	mc-hyphenate: never;
	/* Outputs will not hyphenate words for text justification */
	line-height: 24px;
	margin-bottom: 24px;
}

html
{
	font-size: 16px;
}

p.release-note-issue-id
{
	font-size: 0.85rem;
	color: #666;
	font-weight: 700;
	page-break-before: avoid;
}

p.Note
{
	font-style: italic;
	font-size: 0.85rem;
}

p,
li,
li > p > img
{
	margin: 0.5em 0;
}

/******************************************
Default Headings
******************************************/

h1
{
	font-size: 1.75em;
	color: #0057B8;
	margin: 0.5rem 0 0.25rem 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	line-height: 2em;
	border-bottom-color: #D6D9DA;
	font-weight: normal;
}

h2
{
	font-size: 1.5em;
	color: #0057B8;
	margin: 0.5rem 0 0.25rem 0;
	line-height: 1.8em;
	font-weight: normal;
}

h3
{
	font-size: 1.5em;
	color: #333F48;
	margin: 0.5rem 0 0.25rem 0;
	font-weight: normal;
	line-height: 1.8em;
}

h4
{
	font-size: 1.2em;
	color: #333F48;
	margin: 0.5rem 0 0.25rem 0;
	line-height: 1em;
	font-weight: 600;
}

h5
{
	font-size: 1em;
	color: #333F48;
	margin: 0.5rem 0 0.25rem 0;
	font-weight: bold;
	line-height: 1em;
	margin-top: 1em;
}

h6
{
	font-size: 1em;
	color: #333F48;
	margin: 0.5rem 0 0.25rem 0;
	font-weight: bold;
	line-height: 1em;
	margin-top: 1em;
}

p.subheading	/*CT - Nested heading when we want to make something apparent, but it isn't important enough to start a new section with a heading. Most common use case is when we want to call something out at the top of a topic (under an h1) but don't want to create an h2.*/
{
	font-size: 1.1em;
	color: #333F48;
	margin: 0.5rem 0 0.25rem 0;
	font-weight: bold;
	line-height: 1em;
	margin-top: 1em;
}

/******************************************
Default MadCap Dropdown Headings
******************************************/

/*CT - Some of these styles can be removed when we fully roll out the dropdown script. Will likely keep h3 and h4 dropdowns here though*/

MadCap|dropDown
{
	mc-open-image: url('../Images/Assets/Icons/Arrows/arrow-down-gray.bmp');
	mc-closed-image: url('../Images/Assets/Icons/Arrows/arrow-right-gray.bmp');
}

MadCap|dropDownHotspot.h2
{
	color: #0057B8;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.8em;
}

MadCap|dropDownHotspot.h3
{
	color: #333F48;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.8em;
}

MadCap|dropDownHotspot.h4
{
	color: #333F48;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.8em;
}

MadCap|dropDownHead,
.MCDropDown_Open > * > .dropDownHead,
.MCDropDown_Closed > * > .dropDownHead
{
	margin: 0.5rem 0 0.5rem 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	page-break-after: avoid;
	page-break-before: avoid;
	border-bottom-color: #D6D9DA;
	margin-bottom: 8px;
}

/* --- Format drop-downs created by h2-auto-drop-down-script --- */
/* CT -We created a drop-down script to automatically convert h2 headings to MadCap Drop-Down styles. See the script (Resources>Scripts>h2-auto-drop-downs.js) for more information*/

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

MadCap|expandingBody
{
	color: #C7C9C7;
	font-style: normal;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	font-style: normal;
	text-decoration: none;
}

.dropDownHotspot,
.dropDownHotspot:hover
{
	cursor: hand;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.dropDownHotspot:link
{
	cursor: hand;
	font-style: normal;
	text-decoration: none;
}

.MCDropDown_Closed a.MCDropDownHotSpot:hover,
.MCDropDown_Open a.MCDropDownHotSpot:hover
{
	text-decoration: underline;
}

.MCDropDown_Open > * > .dropDownHead > .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: none;
}

.MCDropDown_Open > * > .dropDownHead > .MCDropDownHotSpot_.MCHotSpotImage
{
	position: relative;
	padding-left: 16px;
	/* Width of closed arrow + margin-right of closed arrow */
}

.MCDropDown_Open > * > .dropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::before
{
	position: absolute;
	left: 0;
	top: 6px;
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #B9C9D0;
	margin-top: 6px;
}

.MCDropDown_Closed > * > .dropDownHead > .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: none;
}

.MCDropDown_Closed > * > .dropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::hover,
.MCDropDown_Open > * > .dropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::hover
{
	text-decoration: underline;
}

.MCDropDown_Closed > * > .dropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::before
{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 10px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #B9C9D0;
}

/* --- END Format dropdowns created by script --- */

/******************************************
Assorted HTML Improvements
******************************************/

:focus-visible
{
	outline: none;
	/*Dropdowns that contain search results open automatically, but the :focus makes an outline appear. This setting removes the outline.*/
}

div.button-icon-wrapper:hover
{
	background-color: #99BCE3;
	transition-duration: 0.3s;
	/*This adds a background to the buttons on the toolbar. I don't THINK we use buttons elsewhere, but this may add it to all buttons? Not sure.*/
}

#myBtn	/****************This is the 'Back to Top' button.*****************/
{
	display: none;
	position: fixed;
	bottom: 3%;
	right: 4%;
	z-index: 99;
	font-size: 10px;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
	padding: 15px;
	border-radius: 3px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../Images/Assets/Icons/Arrows/arrow-up-square-fill.png');
}

#myBtn:hover
{
	color: transparent;
	cursor: pointer;
	transition-duration: 0.3s;
	background-image: url('../Images/Assets/Icons/Arrows/arrow-up-square.png');
}

/******************************************
Default List styles
******************************************/

dt
{
	font-weight: bold;
}

/* This style is for the Flare editor. See flare-editor-workarounds.css for final handling. */

ul.checklist,
ul.checklist ul
{
	list-style-type: square;
}

ol
{
	list-style-type: decimal;
}

ol ol
{
	list-style-type: lower-latin;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul
{
	list-style-type: disc;
}

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

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

/**************************************
 Default Links 
 ***************************************/

a,
a:visited,
MadCap|xref,
li a,
p a,
td a,
th a,
li a:visited,
p a:visited,
td a:visited,
th a:visited,
p.MiniTOC1,
p.MiniTOC2,
p.MiniTOC3,
p.MiniTOC4
{
	color: #0057B8;
}

MadCap|xref,
p a,
td a,
th a,
p a:visited,
td a:visited,
th a:visited,
p.MiniTOC1,
p.MiniTOC2,
p.MiniTOC3,
p.MiniTOC4
{
	text-decoration: underline;
	font-weight: bold;
}

a:hover,
a:visited:hover,
MadCap|xref:hover,
p.MiniTOC1_0 a:hover,
p.MiniTOC2_0 a:hover,
p.MiniTOC3_0 a:hover,
p.MiniTOC4_0 a:hover
{
	color: #2D8DCC;
	text-decoration: underline;
	font-weight: bold;
}

/******************************************
Default Special Notices
******************************************/

div.note,
div.warning,
div.crosswalk,
div.user-permissions,
div.configuration,
div.permissions-and-configuration,
div.green
{
	position: relative;
	/* Required for the pseudo element to be positioned as absolute */
	border-width: 1px;
	/* Design choice to match application UI messages */
	border-style: solid;
	border-radius: 3px;
	/* Rounds the corners of the container */
	padding: 6px;
	/* This adds padding from the border to the content of the notes. Adjust this to add or remove breathing room. */
	/* display: inline-block; */
	/* Moved this into the master page head because the Flare editor and PDF renderer cannot handle it. */
	page-break-inside: avoid;
	/* Keeps this div from breaking apart across pages in print media */
	page-break-before: avoid;
	/* Tries to keep this div with whatever element came before because typically this would relate to the previous element */
	margin: 0.5em 0;
}

div.note
{
	border-color: #333f48;
	background-color: #ebeced;
}

div.warning
{
	border-color: #f9423a;
	background-color: #feeceb;
}

div.crosswalk
{
	border-color: #007b5f;
	background-color: #e6f2ef;
}

div.permissions-and-configuration,
div.user-permissions,
div.configuration
{
	border-color: #ff9900;
	background-color: #fff4e6;
}

div.green
{
	border-color: #007B5F;
	background-color: #E6F2EF;
}

div.note > :first-child,
div.warning > :first-child,
div.crosswalk > :first-child,
div.permissions-and-configuration > :first-child,
div.user-permissions > :first-child,
div.configuration > :first-child,
div.green > :first-child
{
	margin-top: 0;
}

div.note > :last-child,
div.warning > :last-child,
div.crosswalk > :last-child,
div.permissions-and-configuration > :last-child,
div.user-permissions > :last-child,
div.configuration > :last-child,
div.green > :last-child
{
	margin-bottom: 0;
}

div.note > :first-child::before
{
	content: 'Note: ';
	font-weight: bold;
}

div.warning > :first-child::before
{
	content: 'Important: ';
	font-weight: bold;
}

div.crosswalk > :first-child::before
{
	content: 'Legacy-to-Web Crosswalk: ';
	font-weight: bold;
}

div.permissions-and-configuration > :first-child::before
{
	content: 'MAC Permission/Agency Configuration Note: ';
	font-weight: bold;
}

div.user-permissions > :first-child::before
{
	content: 'Permissions: ';
	font-weight: bold;
}

div.configuration > :first-child::before
{
	content: 'Configuration: ';
	font-weight: bold;
}

/******************************************
Special formatting div container settings
******************************************/

/* Abstract is used in some long documents to give an overview of the document contents */

div.abstract
{
	text-align: right;
	margin-top: 30pt;
}

/******************************************
Special handling for creating internal notes
******************************************/

div.internal-note
{
	border: red solid 0.5em;
	padding: 0.5em;
	mc-conditions: 'Global - General.InternalNote';
}

div.internal-note p
{
	background-color: rgb(180,180,180);
	padding: 0.5em;
}

div.internal-note:before
{
	content: "INTERNAL NOTE: ";
}

/******************************************
Default Inline Elements Styles
******************************************/

span.on-screen-element
{
	font-weight: bold;
}

span.example-text
{
	font-style: italic;
}

span.inline-code
{
	background-color: #ddd;
	color: #a6093d;
	border-radius: 0.3em;
	padding: 4px 5px 6px;
	white-space: nowrap;
}

span.SearchHighlight	/*Highlights the terms the user searched for in the text*/
{
	background: #ffff00;
}

/******************************************
Default Images and other media styles
******************************************/

img
{
	border: 1px solid #333f48;
	border-radius: 3px;
	margin: .5em 0em .5em 0em;
	/*Gives margins on top and bottom*/
	max-width: 85%;
	/*Prevents image cutoff*/
}

img.in-line-icon	/* Use this for situations such as including a menu item icon inline with a sentence where you name, reference, or describe that menu item. */
{
	border: none;
	margin: 0px 2px -2px 2px;
	/* top | right | bottom | left * Margins to give the icon space and vertical alignment slightly below text level*/
	padding: 0;
	vertical-align: baseline;
}

li img
{
	max-width: 80%;
	/*Slightly less than the regular image size to make it more obvious it's part of a li*/
}

img.borderless	/* Use this for the edge cases where an image should not have a border, such as when you are embedding a diagram. */
{
	border: none;
}

@media only screen and (max-width: 1099px)
{
	/* Tablet and mobile view */

	table img.borderless	/* Centers this type of image in tables because they act weird on mobile view */
	{
		margin-left: auto;
		margin-right: auto;
	}

	img
	{
		max-width: 100%;
	}
}

video
{
	border: 1px solid;
	width: 45rem;
	max-width: 100%;
	border-color: #333F48;
}

/******************************************
Default Body Container
******************************************/

.body-container,
._Skins_global_side_nav .body-container
{
	padding-top: 2em;
	padding-left: 3em;
	padding-right: 3em;
}

@media only screen and (max-width: 1279px)
{
	.body-container
	{
		padding-left: 1em;
		padding-right: 1em;
	}
}

div.page-content
{
	max-width: 75%;
}

@media only screen and (max-width: 1099px)
{
	/* Tablet and mobile view */

	div.page-content,
	div.note,
	div.warning,
	div.crosswalk,
	div.user-permissions,
	div.configuration,
	div.permissions-and-configuration,
	div.green
	{
		max-width: 100%;
	}

	._Skins_global_side_nav .body-container
	{
		padding-top: 1em;
		padding-left: 1em;
		padding-right: 1em;
		overflow: auto;
	}
}

/******************************************
Side Menu Navigation Resize Styles
******************************************/

.sidenav-wrapper
{
	/* ensure sidenav-wrapper comes before nav-border in sidenav-layout
flex row */
	order: 1;
	/* avoid horizontal scrolling on overflow */
	overflow-x: hidden;
}

.nav-border
{
	/* resizable nav-border between nav menu and body content added via
nav-resize.js script */
	background-color: #EEEFEE;
	/* ensure nav-border comes between sidenav-wrapper and body-container in
sidenav-layout flex row */
	order: 2;
	/* allow horizontal (east-west) resizing only */
	cursor: ew-resize;
	/* don't allow nav-border to grow or shrink, and make it 3px wide */
	flex: 0 0 3px;
	/* ensure that text isn't selected while the mouse is being dragged */
	user-select: none;
}

.body-container
{
	/* ensure body-container comes after nav-border in sidenav-layout
flex row */
	order: 3;
}

@media only screen and (max-width: 1279px)
{
	/* hide nav border when nav pane is not displayed */

	.nav-border
	{
		display: none;
	}
}

/******************************************
Default Tables
******************************************/

table
{
	border-spacing: 0;
	caption-side: top;
	margin-top: 1em;
	margin-bottom: 2em;
	max-width: 100%;
}

/* I know this is extra but it works */

thead tr:first-child th:first-child
{
	border-radius: 3px 0 0 0;
	border-left: 1px solid #5C656D;
}

thead tr:first-child th:last-child
{
	border-radius: 0 3px 0 0;
	border-right: 1px solid #5C656D;
}

tbody tr:last-child th:first-child,
tbody tr:last-child td:first-child
{
	border-radius: 0 0 0 3px;
}

tbody tr:last-child th:last-child,
tbody tr:last-child td:last-child
{
	border-radius: 0 0 3px 0;
}

thead tr th,
thead tr td
{
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	background-color: #3D4951;
	border-left: 0px;
	border-right: 1px solid #333F48;
	border-bottom: 0px;
}

td,
th
{
	border-bottom: 1px solid #C2C5C8;
	border-right: 1px solid #C2C5C8;
	text-align: left;
	vertical-align: middle;
	margin: inherit;
	page-break-after: avoid;
	padding: 5px 8px 5px 8px;
	/* top | right | bottom | left * Per style guide */
}

td:first-child,
th:first-child
{
	border-left: 1px solid #C2C5C8;
}

table p
{
	margin: inherit;
	/* Keeps margins consistent whether or not there is a <p> tag in a table */
}

thead tr.subheader-row *,
tbody tr.subheader-row *,
thead tr.subheader-row-long *,
tbody tr.subheader-row-long *
{
	font-size: 16px;
	font-weight: normal;
	background: #C2C5C8;
}

thead tr.subheader-row-bold *,
tbody tr.subheader-row-bold *
{
	font-size: 16px;
	background: #C2C5C8;
}

caption
{
	font-size: 9pt;
	font-weight: bold;
}

@media only screen and (max-width: 1099px)
{
	/* Prevents table cutoff on mobile/tablet view */

	table
	{
		overflow-x: scroll;
		/* Needed for scroll function */
		display: block;
		/* Prevents table cutoff */
	}

	table.too-many-columns
	{
		/* This is just here so you can assign this class in Flare's web editor even though all the styles only apply for print */
	}

	/* This table style accommodates situations where we have to fit a table that should be very wide into a portrait-oriented, letter-sized PDF output */

	table.too-many-columns *,
	table.too-many-columns th,
	table.too-many-columns td,
	table.too-many-columns p,
	table.too-many-columns ol,
	table.too-many-columns ul,
	table.too-many-columns th p,
	table.too-many-columns td p,
	table.too-many-columns li
	{
		font-size: 9pt;
		width: initial;
	}

	td.intentionally-blank	/* DL: I was thinking this would be used for filling cells that didn't really need content but where you didn't want it to look like you accidentally omitted data. For example, you have a table describing demographic fields and you don't want to explain that "Patient Address" means "The address of the patient." */
	{
		background-color: #ccc;
	}
}

/******************************************
Breadcrumbs
******************************************/

/* These are proprietary MadCap styles that decorate the breadcrumbs used at the top of the topics to show hierarchy. */

a.MCBreadcrumbsLink
{
	font-style: italic;
	text-decoration: underline;
	font-weight: normal;
}

a.MCBreadcrumbsLink,
a.MCBreadcrumbsLink:visited
{
	color: #0057B8;
	font-weight: normal;
}

a.MCBreadcrumbsLink:hover,
a.MCBreadcrumbsLink:visited
{
	color: #2D8DCC;
	font-weight: normal;
}

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

/**********************************************************************************************************************************************
Print Styles
These styles are used specifically for print outputs
Syles defined here override the styles above when producing print outputs
**********************************************************************************************************************************************/

@media print
{
	body
	{
		font-family: 'Open Sans Regular';
		font-size: 12pt;
		color: #000;
	}

	p
	{
		font-size: 12pt;
	}

	p.release-note-issue-id
	{
		font-size: 9pt;
		margin-top: -3pt;
		padding-top: 0;
		font-weight: 700;
		page-break-before: avoid;
	}

	p,
	li,
	li > p > img
	{
		margin: 6pt 0;
	}

	/******************************************
Print Headings
******************************************/

	h1
	{
		font-family: 'Noto Serif JP Black';
		font-size: 24pt;
		color: #F9423A;
		font-weight: normal;
		line-height: 30pt;
		border-bottom-style: none;
		border-bottom-width: 0px;
		border-bottom-color: transparent;
	}

	div.abstract h1
	{
		font-size: 16pt;
	}

	p.short-doc-page-title
	{
		font-family: 'Noto Serif JP Black';
	}

	h2,
	MadCap|dropDownHotspot.h2
	{
		font-family: 'Noto Serif JP Black';
		font-size: 16pt;
		color: #F9423A;
		font-weight: normal;
		line-height: 20pt;
		border-bottom-style: none;
		border-bottom-width: 0px;
		border-bottom-color: transparent;
	}

	h3,
	MadCap|dropDownHotspot.h3
	{
		font: 'Open Sans Bold';
		font-size: 14pt;
		color: #a6093d;
		line-height: 18pt;
		font-weight: bold;
	}

	h4,
	MadCap|dropDownHotspot.h4
	{
		font: 'Open Sans Bold';
		font-size: 13pt;
		color: #333F48;
		line-height: 16pt;
		font-weight: bold;
	}

	h5
	{
		line-height: 16pt;
		font-size: 12pt;
		font-weight: bold;
	}

	h6
	{
		line-height: 16pt;
		font-size: 12pt;
		font-weight: bold;
	}

	/*CT - This removes the MadCap dropdown border to match the print headings.*/

	MadCap|dropDownHead
	{
		margin: 0.5rem 0 0.5rem 0;
		border-bottom-width: 0px;
		border-bottom-style: none;
		page-break-after: avoid;
		page-break-before: avoid;
		border-bottom-color: transparent;
		margin-bottom: 8px;
		padding-bottom: 0px;
	}

	/******************************************
Print Links
******************************************/

	a,
	a:visited,
	MadCap|xref,
	li a,
	p a,
	td a,
	th a,
	li a:visited,
	p a:visited,
	td a:visited,
	th a:visited
	{
		color: #a6093d;
	}

	a:hover,
	MadCap|xref:hover
	{
		color: #F9423A;
	}

	/******************************************
Print Borders and Lines
******************************************/

	img
	{
		border-color: #000;
	}

	video
	{
		border-color: #000;
	}

	/******************************************
Print Tables
******************************************/

	thead *
	{
		font-size: 16pt;
	}

	thead tr.subheader-row *
	{
		font-size: 13pt;
	}

	tbody tr.subheader-row *
	{
		font-size: 13pt;
	}

	thead tr.subheader-row-long *
	{
		font-size: initial;
	}

	tbody tr.subheader-row-long *
	{
		font-size: initial;
	}

	caption
	{
		font-size: 9pt;
		font-weight: normal;
	}

	thead tr th,
	thead tr td
	{
		color: #fff;
		background-color: #a6093d;
		font-weight: bold;
	}

	table
	{
		width: 100%;
	}

	table.legend img
	{
		border: none;
	}

	/******************************************
Print Page Layout Settings
******************************************/

	div.long-doc-title-page
	{
		border: none;
	}

	div.long-doc-title-page > p.product-full-name
	{
		font-size: 24pt;
		font-family: 'Noto Serif JP Black';
		font-weight: normal;
		text-align: center;
		color: #F9423A;
		margin: 0;
		line-height: 25pt;
	}

	div.long-doc-title-page > p.document-title
	{
		font-size: 16pt;
		font-family: 'Open Sans Bold';
		font-weight: bold;
		text-align: center;
		color: #a6093d;
		margin: 0;
		line-height: 25pt;
	}

	div.long-doc-title-page > p.document-subtitle
	{
		font-size: 16pt;
		font-family: 'Open Sans Bold';
		font-weight: bold;
		text-align: center;
		color: #a6093d;
		margin: 0;
		line-height: 25pt;
	}

	div.long-doc-title-page > p.document-version
	{
		font-size: 16pt;
		font-family: 'Open Sans Bold';
		font-weight: bold;
		text-align: center;
		color: #a6093d;
		margin: 0;
		line-height: 25pt;
	}

	div.long-doc-title-page > p.product-version
	{
		font-size: 16pt;
		font-family: 'Open Sans Bold';
		font-weight: bold;
		text-align: center;
		color: #a6093d;
		margin: 0;
		line-height: 25pt;
	}

	div.long-doc-title-page > p.product-availability-date
	{
		font-size: 16pt;
		font-family: 'Open Sans Regular';
		font-weight: normal;
		text-align: center;
		margin: 0;
		line-height: 25pt;
	}

	p.short-doc-page-title
	{
		font-size: 35pt;
		color: #F9423A;
		margin: 0;
		page-break-after: avoid;
		text-align: right;
		line-height: 30pt;
	}

	p.short-doc-document-version
	{
		font-size: 12pt;
		text-align: right;
	}

	p.print-header-logo
	{
		margin: 0;
		padding: 0;
		width: 100%;
	}

	p.print-header-logo img
	{
		border: none;
		width: 6.5in;
		margin: 0;
		padding: 0;
	}

	table.document-header
	{
		color: #333f48;
		font-weight: bold;
	}

	table.document-footer
	{
		color: #333f48;
	}

	tbody tr:nth-child(odd)
	{
		background: initial;
	}

	/******************************************
BEGIN: Printed table of contents styles
******************************************/

	MadCap|tocProxy
	{
		border: none;
	}

	MadCap|tocProxy.chapters-only
	{
		border: none;
	}

	MadCap|tocProxy.chapters-only h2
	{
		mc-heading-level: 0;
	}

	h4,
	h5,
	h6	/* Keeps these heading levels out of a generated TOC */
	{
		mc-heading-level: 0;
	}

	h1.printed-toc-heading	/* Part of a workaround to fix an issue where Flare doesn't have a way of including a heading in the PDF bookmarks bar but leaving it out of the TOC, wherein you would end up with the first item in your gnerated Table of Contents being a link to itself. */
	{
		mc-heading-level: 9;
	}

	p.TOC9	/* Part of the above workaround */
	{
		font-size: 1pt;
		line-height: 1pt;
		color: #fff;
	}

	p.TOC1,
	p.MiniTOC1
	{
		color: #a6093d;
		font-weight: bold;
		page-break-after: avoid;
		text-decoration: none;
	}

	p.TOC2,
	p.MiniTOC2
	{
		font-weight: regular;
		color: #a6093d;
		text-decoration: none;
	}

	p.TOC3,
	p.MiniTOC3
	{
		font-weight: regular;
		color: #a6093d;
		text-decoration: none;
	}
}

/******************************************
Print Body & Defaults
******************************************/

/******************************************
END: Printed table of contents styles
******************************************/

/******************************************
Page break, orphan, and widow handling for print outputs
******************************************/

div.note,
div.warning,
div.keep-together,
p,
th,
td,
li
{
	page-break-inside: avoid;
}

/* These are all to use just when a list seems to get paginated poorly in print. I try to manage page breaks automatically wherever possible, but then when Flare wigs out and starts leting list item content bleed into the margins and overlay stuff, you can try applying this list class. */

li.has-nested-list,
div.page-break-workaround,
div.page-break-workaround ol,
div.page-break-workaround ul,
div.page-break-workaround li
{
	page-break-inside: auto;
}

h1,
h2,
h3,
h4,
h5,
h5,
p.keep-with-next,
dt
{
	page-break-after: avoid;
}

h1,
img,
table,
ol,
ul,
p > img,
p ~ ul,
p ~ ol,
p ~ table,
p ~ img,
p ~ div.note,
p ~ div.warning
{
	page-break-before: avoid;
}

ol,
ul
{
	orphans: 3;
	widows: 3;
}

/******************************************
Madcap proprietary setting to disable styles and elements from the editor
******************************************/

abbr,
acronym,
big,
cite,
del,
ins,
kbd,
code,
q,
samp,
small,
strong,
label,
nav.title-bar,
span.state,
address,
sub,
tt,
var,
div,
div.is-accordian-submenu-parent,
div.menu-icon,
div.sidenav-wrapper,
div.submenu-toggle-container,
div.title-bar-container,
dl,
b,
i,
u,
pre,
blockquote,
fieldset,
form,
div.body-container,
div.nav-search-wrapper,
div.sidenav-container,
span.boolean,
MadCap|helpControlMenuItem.Highlighted,
h1.printed-toc-heading
{
	mc-hidden: hidden;
}

/* Overrides the more general hiding done in the previous section of this stylesheet */

div.keep-together,
div.abstract,
div.new-items,
div.note,
div.warning,
div.crosswalk,
div.user-permissions,
div.configuration,
div.green
{
	mc-hidden: unhidden;
}

/* CT - This is a bit of a workaround to fix HTML print views. Before, if a user tried to print an HTML topic, it would only print the information currently displayed. Now, the entire topic can be printed.  */

@media print
{
	*
	{
		overflow: visible !important;
	}
}

div.web-footer-home-page
{
	font-size: 9pt;
	font-style: italic;
	height: initial;
	margin: 0 auto;
	xxwidth: 73%;
	text-align: center;
}

div.web-footer-home-page > p
{
	max-width: initial;
	margin: 10px;
}

.title-bar-container
{
	box-shadow: none;
}