/*<meta />*/

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

/* 
BPS: Note that I am setting the letter-spacing and line-height at the body level so that all lines share the same characteristics.
     As a result, I've removed similar settings from the individudal styles (like list settings). 
*/

body
{
	font-family: 'DM Sans', Arial;
	font-size: 11pt;
	letter-spacing: .25;
	line-height: 17pt;
}

body.NoPad
{
	font-family: 'DM Sans', Arial;
	font-size: 11pt;
	letter-spacing: .25;
	line-height: 4pt;
	mc-hidden: hidden;
}

/*  #############################################################
BPS: Start of style overrides to implement the Penguin branding 
    #############################################################
*/

/* Yellow bar added to bottom border of navigation bar */

nav.title-bar
{
	border-bottom: 4px solid #ffcd30;
}

/* Apply Penguin Grey 2 to side navigation bar (TOC) */

.sidenav-wrapper
{
	background-color: #dce2e3;
}

/* Apply Penguin Grey 1 to body container 1 (outer border) */

.body-container
{
	/* background-color: #f5f6f8; */
}

/* Apply Penguin Grey 1 to body container 1 (outer border) */

.body-container
{
	/* background-color: #f5f6f8; */
}

/* Apply Penguin Grey 1 to body container 2 (inner body window) */

.height-container
{
	/* background-color: #f5f6f8; */
}

/* Apply black text to side navigation bar (TOC). The white text was problematic against the grey background */

ul.sidenav li a
{
	color: #000000;
}

/* Apply white text to side navigation bar (TOC). The white text stands out against the grey background */

a:link
{
	color: #2974E4;
}

a:visited
{
	color: #2974E4;
}

ul.sidenav li a:hover
{
	color: #ffffff;
}

ul.sidenav li a:hover
{
	background-color: #bcc3c7;
}

ul.sidenav ul > li > a:hover
{
	background-color: #bcc3c7;
}

ul.sidenav ul ul > li > a:hover
{
	background-color: #bcc3c7;
}

ul.sidenav ul ul ul > li > a:hover
{
	background-color: #bcc3c7;
}

ul.sidenav ul ul ul ul > li > a:hover
{
	background-color: #bcc3c7;
}

a:hover
{
	color: #2974E4;
}

a:active
{
	color: #a82384;
}

/* Apply blue text to the selected item in the side navigation bar (TOC). The blue text stands out against the grey background */

ul.sidenav li a.selected
{
	color: #2974e4;
}

/* Apply lighter gray rollover effect in the side navigation bar (TOC). Top level of list */
/* Apply lighter gray rollover effect in the side navigation bar (TOC). Second level of list */
/* Apply lighter gray rollover effect in the side navigation bar (TOC). Third level of list */
/* Apply lighter gray rollover effect in the side navigation bar (TOC). Fourth level of list */
/* Apply lighter gray rollover effect in the side navigation bar (TOC). Fifth level of list */
/* Adjust blue in search results to Penguin blue */

#resultList h3.title a
{
	color: #2974e4;
}

/*  #############################################################
BPS: End of style overrides to implement the Penguin branding 
    #############################################################
*/

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	
}

html.home-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

h1,
h1.PartTitle,
h1.ChapterTitle,
h1.AppendixTitle,
h1.NoTOC h1.Command
{
	font-weight: bold;
	font-size: 1.6em;
}

h1.SplashPage
{
	mc-heading-level: 0;
	line-height: 28pt;
}

h2
{
	font-weight: bold;
	font-size: 1.4em;
}

h3
{
	font-weight: bold;
	font-size: 1.2em;
}

h4
{
	font-weight: bold;
	font-size: 1.0em;
	mc-heading-level: 0;
}

h4.ProcHead
{
	page-break-after: avoid;
	mc-heading-level: 0;
	mc-next-tag: p;
}

h1.NoTOC,
h2.NoTOC,
h3.NoTOC,
h4.NoTOC
{
	mc-heading-level: 0;
}

p
{
	font-size: 1.0em;
}

/* Related Topics section. Note that I purposely don't use an H4 so that it doesn't intefere with page headers and to
   better control the font size in PDF output */

p.RelatedTopics
{
	font-weight: bold;
	text-align: left;
}

/* Part cross references for HTML output only*/

MadCap|xref.PartNumOnly
{
	mc-format: '{para}';
}

MadCap|xref.PartNumAndTitle
{
	mc-format: '{para}';
}

/* Chapter cross references for HTML output only*/

MadCap|xref.ChapterNumOnly
{
	mc-format: '{para}';
}

MadCap|xref.ChapterNumAndTitle
{
	mc-format: '{para}';
}

/* Table captions and cross references for HTML output only - Updated per MadCap */

caption
{
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
	mc-auto-number-class: TableNum;
	mc-auto-number-format: 'GH:Table {n+}: ';
}

MadCap|xref.TableNumOnly
{
	mc-format: '{paranumonly}';
}

MadCap|xref.TableNumAndCaption
{
	mc-format: '{paranumonly}: {para}';
}

span.TableNum
{
	font-style: normal;
}

/* Figure legends and cross references for HTML output only - Updated per MadCap */

p.FigureLegend
{
	font-weight: bold;
	text-align: left;
	mc-auto-number-class: FigNum;
	mc-auto-number-format: 'GF:Figure {n+}: ';
	page-break-before: avoid;
	page-break-after: avoid;
	mc-next-class: p;
}

MadCap|xref.FigureNumOnly
{
	mc-format: '{paranumonly}';
}

MadCap|xref.FigureNumAndCaption
{
	mc-format: '{paranumonly}: {para}';
}

span.FigNum
{
	font-style: normal;
}

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

/* 
   To embed debugging information into topics and have it appear as colored text in the HTML and PDF ouput
   Can also be used to simulate questions to reviewers (but see div.ReviewerQuery for a more robuts solution). 
*/

p.DebugInfo
{
	border-bottom: solid 1px;
	border-top: solid 1px;
	background-color: #f08080;
	border-bottom-color: #bc8f8f;
	border-color: #bc8f8f;
	color: #ffffff;
	text-align: left;
	mc-auto-number-class: DebugInfoHeading;
	mc-auto-number-format: '{b}REVIEWER{/b}:  ';
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 59px;
	text-indent: 0px;
}

span.DebugInfoHeading
{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.4em;
	padding-left: 59px;
}

/* 
   To format all content tagged with the ReviewerOnly condition as colored text in the HTML and PDF ouput
   This doesn't work in the PDF output.
*/

[data-mc-conditions*="Default.ReviewerOnly"]
{
	background-color: #f08080;
}

/* Page Footer Styles */

p.WhiteFooterText
{
	font-size: 95%;
	line-height: 150%;
	max-width: 100%;
}

table.TableStyle-PageFooterOnly MadCap|dropDownHotspot
{
	cursor: hand;
	font-style: italic;
	text-decoration: none;
	color: #ffffff;
}

/* This applies the white text to the hrefs embedded in the ManualTitle snippets on the Product Support page footer */

p.WhiteFooterTextItalic a
{
	text-decoration: underline;
}

a.Popup
{
	
}

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

MadCap|expandingBody
{
	color: #777777;
	font-style: italic;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	border-bottom: none;
	font-style: italic;
	color: #2974e4;
	font-weight: normal;
}

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

div.home-layout
{
	padding: 2% 5%;
}

div.home-section
{
	padding: 5% 0;
	border-bottom: solid 1px #dadada;
}

div.home-section:last-of-type	/*Removes the border on the last section of the home page*/
{
	border-bottom: none;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #888888;
}

a.home-button
{
	display: block;
	padding: 10px;
	text-decoration: none;
	width: 100%;
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDown
{
	border-bottom: 1px solid #dadada;
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 10px 0;
	/* Original larger icons
	mc-closed-image: url('../Images/Home/plus.png');
	mc-open-image: url('../Images/Home/minus.png');
	*/
	mc-closed-image: url('../Images/Home/plus.png');
	mc-open-image: url('../Images/Home/minus.png');
}

div.topic-hero
{
	padding: 5%;
	background-image: url('../Images/Home/Hero-Background.jpg');
	background-size: cover;
	background-attachment: fixed;
}

div.topic-hero h1
{
	color: #fff;
	font-size: 3.5em;
	text-align: center;
}

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #b9bec1;
	padding: 2%;
	height: 250px;
}

div.home-tiles > div:nth-child(1)
{
	width: 30%;
	margin-left: 19%;
}

div.home-tiles > div:nth-child(2)
{
	width: 30%;
	margin-left: 2%;
}

div.article-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.article-tiles::before
{
	content: ' ';
	display: table;
}

div.article-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.article-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dadada;
}

div.article-tiles > div:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: all 0.8s cubic-bezier(.25,.8,.25,1);
}

div.article-tiles > div:nth-child(1)
{
	width: 18%;
	margin-left: 0%;
}

div.article-tiles > div:nth-child(2)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(3)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(4)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(5)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles img
{
	max-width: 90%;
}

div.home-footer	/*Controls the look of the footer in the Home master page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-footer::before
{
	content: ' ';
	display: table;
}

div.home-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-footer > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.home-footer > div:nth-child(2)
{
	width: 75%;
	margin-left: 0%;
}

p.footer-sub
{
	color: #FFF;
	font-family: Arial, Avenir, Myriad;
	font-size: 14pt;
}

.footer
{
	/* background-color: #076685; This is the footer in the page layouts. Turning this on displays a colored footer*/
	/* background-color: #850766; in the PDF output. Not something that you want to do. */
	padding: 25px 25px 10px 25px;
}

.footer-logo
{
	max-width: 100%;
	margin: 0;
	text-align: left;
}

.footer-links a
{
	padding-right: 15px;
}

.footer-icons
{
	text-align: right;
}

.footer-icons > a:first-of-type
{
	padding-right: 10px;
}

/* ------------------------ */
/* Stratus-specific style updates */
/* ------------------------ */
/* ------------------------ */
/* -- List Styles -- */
/* ------------------------ */
/* The next declaration is from the default MadCap stylesheet. Moved here to keep all list styles together */

ol,
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ul
{
	list-style-type: disc;
}

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

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

ol
{
	list-style-type: decimal;
}

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

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

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

ol ol ol ol ol,
ul ol ol ol ol,
ul ul ol ol ol,
ol ul ol ol ol
{
	list-style-type: upper-roman;
}

/* ------------------------ */
/* -- Special formatting to create step lists that allow you to link specific step numbers. -- */
/* Example of using OLs but suppressing the list style and using Flare autonumbers instead so we can xref to list items */
/* ------------------------ */

/* For all li within a StepNumList, turn off regular numbering by setting its list-style-type attribute to none. 
   Configure a Flare auto-number to say that list items will be autonumbered with an incrementing number. 
   Confiigure some indentation and margin attributes. 
   Notice that we're going to control the formatting of the auto-number by using a span, rather than using formatting widgets such as "{b}" as part of the format. */

ol.StepNumList > li
{
	list-style-type: none;
	mc-auto-number-format: 'S:{n+}.  ';
	mc-auto-number-class: StepNumList;
	margin-left: -59px;
	padding-left: 59px;
	text-indent: -20px;
}

/* Reset the first list item within ol.StepNumList to always reset to "1". */

ol.StepNumList > li:first-child
{
	mc-auto-number-format: 'S:{n=1}.  ';
}

/* Configure the auto-number format using a <span> attribute */

span.StepNumList
{
	font-weight: normal;
}

/* Define a custom cross-reference format so that we can have xrefs point to the specific list items within ol.StepNumList. */

MadCap|xref.StepNumList
{
	mc-format: '{paranumonly}';
}

/* Checklist attributes for HTML output only. See media-print section for custom PDF setting. 
   Note that the collective 40px aligns with p.Indent1 */

p.CheckList
{
	margin-left: 20px;
	text-indent: -40px;
	padding-left: 20px;
	mc-hidden: hidden;
	mc-next-class: p;
}

/* ------------------------ */
/* -- Draft Notice -- */
/* ------------------------ */

div.DraftNotice
{
	text-indent: 0px;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	page-break-inside: avoid;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-top-left-border-radius: 6px;
	-webkit-top-right-border-radius: 6px;
	-webkit-bottom-left-border-radius: 6px;
	-webkit-bottom-right-border-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-style: double;
	mc-next-tag: p;
	mc-auto-number-position: inside-head;
	background-repeat: no-repeat;
	background-position: 2% center;
	border-top: solid 7px #da0c00;
	border-left: solid 7px #da0c00;
	border-right: solid 7px #da0c00;
	border-bottom: solid 7px #da0c00;
	mc-auto-number-format: '{b}Draft Notice{/b}: ';
	padding-left: 2.5em;
	padding-right: 2.5em;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

/* ------------------------ */
/* -- Shared Styles for all Notes, Cautions, Warnings, Prerequisites, Notices, PubsComment, and ReviewerQuery-- */
/* ------------------------ */

div.Note,
div.Notes,
div.NoteComplex,
div.Caution,
div.Cautions,
div.CautionComplex,
div.CautionFrench,
div.CautionsFrench,
div.CautionComplexFrench,
div.Warning,
div.Warnings,
div.WarningComplex,
div.WarningFrench,
div.WarningsFrench,
div.WarningComplexFrench,
div.Prerequisite,
div.Prerequisites,
div.PrerequisiteComplex,
div.Notice,
div.Notices,
div.NoticeComplex,
div.PubsComment,
div.PubsComments,
div.PubsCommentComplex,
div.ReviewerQuery,
div.ReviewerQueries,
div.ReviewerQueryComplex
{
	color: #616E14;
	text-indent: 0px;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	page-break-inside: avoid;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-top-left-border-radius: 6px;
	-webkit-top-right-border-radius: 6px;
	-webkit-bottom-left-border-radius: 6px;
	-webkit-bottom-right-border-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-style: double;
	mc-next-tag: p;
	mc-auto-number-position: inside-head;
	background-repeat: no-repeat;
	background-position: 2% center;
}

div.Note,
div.Caution,
div.CautionFrench,
div.Warning,
div.WarningFrench,
div.Prerequisite,
div.Notice,
div.PubsComment,
div.ReviewerQuery
{
	padding-left: 4.75em;
	padding-right: 0.75em;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	mc-auto-number-position: inside-head;
}

div.NoteComplex,
div.CautionComplex,
div.CautionComplexFrench,
div.WarningComplex,
div.WarningComplexFrench,
div.PrerequisiteComplex,
div.NoticeComplex,
div.PubsCommentComplex,
div.ReviewerQueryComplex
{
	margin-top: 0.0em;
	padding-top: 0.75em;
	padding-bottom: 0.00em;
	padding-left: 4.75em;
	padding-right: 0.75em;
}

/* To remove the icon from the Complex styles */
/* If not, duplicate icons (one for Note and one for NoteComplex) would appear. */
/* Also set border style to none. */

div.NoteComplex div.Note,
div.NoteComplex div.Notes,
div.CautionComplex div.Caution,
div.CautionComplex div.Cautions,
div.CautionComplexFrench div.CautionFrench,
div.CautionComplexFrench div.CautionsFrench,
div.WarningComplex div.Warning,
div.WarningComplex div.Warnings,
div.WarningComplexFrench div.WarningFrench,
div.WarningComplexFrench div.WarningsFrench,
div.PrerequisiteComplex div.Prerequisite,
div.PrerequisiteComplex div.Prerequisites,
div.NoticeComplex div.Notice,
div.NoticeComplex div.Notices,
div.PubsCommentComplex div.PubsComment,
div.PubsCommentComplex div.PubsComments,
div.ReviewerQueryComplex div.ReviewerQuery,
div.ReviewerQueryComplex div.ReviewerQueries
{
	background-image: url('../Images/Icons/spacer.gif');
	background-repeat: no-repeat;
	margin-top: 0.00em;
	margin-bottom: 0.00em;
	padding-left: 0.00em;
	padding-right: 0.75em;
	padding-bottom: 0.00em;
	padding-top: 0.00em;
	border-style: none;
}

/* Required for proper spacing below Complex styles. */

div.NoteComplex,
div.CautionComplex,
div.CautionComplexFrench,
div.WarningComplex,
div.WarningComplexFrench,
div.PrerequisiteComplex,
div.NoticeComplex,
div.PubsCommentComplex,
div.ReviewerQueryComplex
{
	padding-bottom: 1.00em;
}

/* To fix spacing of indented text (under a bullet or numbered list) in a div.*Complex */

div.NoteComplex ul li p,
div.NoteComplex ol li p,
div.CautionComplex ul li p,
div.CautionComplex ol li p,
div.CautionComplexFrench ul li p,
div.CautionComplexFrench ol li p,
div.WarningComplex ul li p,
div.WarningComplex ol li p,
div.WarningComplexFrench ul li p,
div.WarningComplexFrench ol li p,
div.PrerequisiteComplex ul li p,
div.PrerequisiteComplex ol li p,
div.NoticeComplex ul li p,
div.NoticeComplex ol li p,
div.PubsCommentComplex ul li p,
div.PubsCommentComplex ol li p,
div.ReviewerQueryComplex ul li p,
div.ReviewerQueryComplex ol li p
{
	margin-bottom: 0.75em;
	padding-left: 0.0em;
}

/* Complex under a numbered lists (at the top level) */
/* Required to get the proper numbered list item (decimal rather than lower alpha) to appear. */

ol li div.NoteComplex ol,
ol li div.CautionComplex ol,
ol li div.CautionComplexFrench ol,
ol li div.WarningComplex ol,
ol li div.WarningComplexFrench ol,
ol li div.PrerequisiteComplex ol,
ol li div.NoticeComplex ol,
ol li div.PubsCommentComplex ol,
ol li div.ReviewerQueryComplex ol
{
	list-style-type: decimal;
}

/* Complex under a numbered lists (at the top level) with a bulleted list underneath */
/* Required to get the proper bullet (solid disc rather than hollow disc) to appear. */

ol li div.NoteComplex ol ul,
ol li div.CautionComplex ol ul,
ol li div.CautionComplexFrench ol ul,
ol li div.WarningComplex ol ul,
ol li div.WarningComplexFrench ol ul,
ol li div.PrerequisiteComplex ol ul,
ol li div.NoticeComplex ol ul,
ol li div.PubsCommentComplex ol ul,
ol li div.ReviewerQueryComplex ol ul
{
	list-style-type: disc;
}

/* Complex under a numbered lists (at the top level) with a lowercase alpha sub list below */
/* Required to get the proper lowercase letter (rather than the decimal) to appear. */

ol li div.NoteComplex ol ol,
ol li div.CautionComplex ol ol,
ol li div.CautionComplexFrench ol ol,
ol li div.WarningComplex ol ol,
ol li div.WarningComplexFrench ol ol,
ol li div.PrerequisiteComplex ol ol,
ol li div.NoticeComplex ol ol,
ol li div.PubsCommentComplex ol ol,
ol li div.ReviewerQueryComplex ol ol
{
	list-style-type: lower-alpha;
}

/* Workaround to add extra space to Notes, Cautions, Warnings, etc. that use hard returns (<br>) to start a new paragraph. I'm adding a blank space to enforce line heights. 
   BPS, this only partially solves the problem and there is inconsistent space between certain paragraphs that appear after the <br> */

div.Note > br,
div.Notes > br,
div.NoteComplex > br,
div.Caution > br,
div.Cautions > br,
div.CautionComplex ol li > br,
div.CautionFrench > br,
div.CautionsFrench > br,
div.CautionComplexFrench ol li > br,
div.Warning > br,
div.Warnings > br,
div.WarningComplex > br,
div.WarningFrench > br,
div.WarningsFrench > br,
div.WarningComplexFrench > br,
div.Prerequisite > br,
div.Prerequisites > br,
div.PrerequisiteComplex > br,
div.Notice > br,
div.Notices > br,
div.NoticeComplex > br,
div.PubsComment > br,
div.PubsComments > br,
div.PubsCommentComplex > br,
div.ReviewerQuery > br,
div.ReviewerQueries > br,
div.ReviewerQueryComplex > br
{
	mc-auto-number-format: ' ';
}

/* ------------------------ */
/* -- Notes -- */
/* ------------------------ */

div.Note,
div.Notes,
div.NoteComplex
{
	border-top: solid 5px #90eae8;
	border-left: solid 5px #90eae8;
	border-right: solid 5px #90eae8;
	border-bottom: solid 5px #90eae8;
	background-image: url('../Images/Icons/dsh_info_note_32x32.png');
}

div.Note
{
	mc-auto-number-format: '{b}Note{/b}: ';
}

div.Notes,
div.NoteComplex div.Note,
div.NoteComplex div.Notes
{
	mc-auto-number-format: '{b}Notes{/b}: ';
	border-style: none;
	background-image: none;
}

/* MadCap:dropDownHotspot under a numbered list */
/* Required to get the proper indentation. */

div.Indent1 MadCap|dropDownHotspot
{
	cursor: hand;
	font-style: italic;
	text-decoration: none;
	color: #45494c;
}

/* ------------------------ */
/* -- Cautions -- */
/* ------------------------ */

div.Caution,
div.Cautions,
div.CautionComplex
{
	border-top: solid 5px #facc46;
	border-left: solid 5px #facc46;
	border-right: solid 5px #facc46;
	border-bottom: solid 5px #facc46;
	background-image: url('../Images/Icons/dsh_status_moderate.png');
}

div.Caution
{
	mc-auto-number-format: '{b}Caution{/b}: ';
}

div.Cautions,
div.CautionComplex div.Caution,
div.CautionComplex div.Cautions
{
	mc-auto-number-format: '{b}Cautions{/b}: ';
	border-style: none;
	background-image: none;
}

/* ------------------------ */
/* -- CautionsFrench -- */
/* ------------------------ */

div.CautionFrench,
div.CautionsFrench,
div.CautionComplexFrench
{
	border-top: solid 5px #facc46;
	border-left: solid 5px #facc46;
	border-right: solid 5px #facc46;
	border-bottom: solid 5px #facc46;
	background-image: url('../Images/Icons/dsh_status_moderate.png');
}

div.CautionFrench
{
	mc-auto-number-format: '{b}Précaution{/b}: ';
}

div.CautionsFrench,
div.CautionComplexFrench div.CautionFrench,
div.CautionComplexFrench div.CautionsFrench
{
	mc-auto-number-format: '{b}Précautions{/b}: ';
	border-style: none;
	background-image: none;
}

/* ------------------------ */
/* -- Warnings -- */
/* ------------------------ */

div.Warning,
div.Warnings,
div.WarningComplex
{
	border-top: solid 5px #da0c00;
	border-left: solid 5px #da0c00;
	border-right: solid 5px #da0c00;
	border-bottom: solid 5px #da0c00;
	background-image: url('../Images/Icons/dsh_status_critical.png');
}

div.Warning
{
	mc-auto-number-format: '{b}Warning{/b}: ';
}

div.Warnings,
div.WarningComplex div.Warning,
div.WarningComplex div.Warnings
{
	mc-auto-number-format: '{b}Warnings{/b}: ';
	border-style: none;
	background-image: none;
}

/* ------------------------ */
/* -- WarningsFrench -- */
/* ------------------------ */

div.WarningFrench,
div.WarningsFrench,
div.WarningComplexFrench
{
	border-top: solid 5px #da0c00;
	border-left: solid 5px #da0c00;
	border-right: solid 5px #da0c00;
	border-bottom: solid 5px #da0c00;
	background-image: url('../Images/Icons/dsh_status_critical.png');
}

div.WarningFrench
{
	mc-auto-number-format: '{b}Avertissement{/b}: ';
}

div.WarningsFrench,
div.WarningComplexFrench div.WarningFrench,
div.WarningComplexFrench div.WarningsFrench
{
	mc-auto-number-format: '{b}Avertissements{/b}: ';
	border-style: none;
	background-image: none;
}

/* ------------------------ */
/* -- Prerequisites -- */
/* ------------------------ */

div.Prerequisite,
div.Prerequisites,
div.PrerequisiteComplex
{
	border-top: solid 5px #acea90;
	border-left: solid 5px #acea90;
	border-right: solid 5px #acea90;
	border-bottom: solid 5px #acea90;
	background-image: url('../Images/Icons/dsh_status_ok.png');
}

div.Prerequisite
{
	mc-auto-number-format: '{b}Prerequisite{/b}: ';
}

div.Prerequisites,
div.PrerequisiteComplex div.Prerequisite,
div.PrerequisiteComplex div.Prerequisites
{
	mc-auto-number-format: '{b}Prerequisites{/b}: ';
	border-style: none;
	background-image: none;
}

/* ------------------------ */
/* -- Notices -- */
/* ------------------------ */

div.Notice,
div.Notices,
div.NoticeComplex
{
	border-top: solid 5px #C4A484;
	border-left: solid 5px #C4A484;
	border-right: solid 5px #C4A484;
	border-bottom: solid 5px #C4A484;
	background-image: url('../Images/Icons/dsh_info_notice_32x32.png');
}

div.Notice
{
	mc-auto-number-format: '{b}Notice{/b}: ';
}

div.Notices,
div.NoticeComplex div.Notice,
div.NoticeComplex div.Notices
{
	mc-auto-number-format: '{b}Notices{/b}: ';
	border-style: none;
	background-image: none;
}

/* MadCap:dropDownHotspot under a numbered list */
/* Required to get the proper indentation. */

div.Indent1 MadCap|dropDownHotspot
{
	cursor: hand;
	font-style: italic;
	text-decoration: none;
	color: #45494c;
}

/* ------------------------ */
/* -- PubsComment -- */
/* ------------------------ */

div.PubsComment,
div.PubsCommentComplex
{
	border-top: solid 5px #808080;
	border-left: solid 5px #808080;
	border-right: solid 5px #808080;
	border-bottom: solid 5px #808080;
	background-image: url('../Images/Icons/title_users_groups_large.png');
}

div.PubsComment
{
	mc-auto-number-format: '{b}Pubs Internal Use Only{/b}: ';
	mc-conditions: 'Default.ReviewerOnly';
}

div.PubsComments,
div.PubsCommentComplex div.PubsComment,
div.PubsCommentComplex div.PubsComments
{
	mc-auto-number-format: '{b}Pubs Internal Use Only{/b}: ';
	border-style: none;
	background-image: none;
}

/* ------------------------ */
/* -- Reviewer Query -- */
/* ------------------------ */

div.ReviewerQuery,
div.ReviewerQueryComplex
{
	border-top: solid 5px #808080;
	border-left: solid 5px #808080;
	border-right: solid 5px #808080;
	border-bottom: solid 5px #808080;
	background-image: url('../Images/Icons/title_users_groups_large.png');
	background-color: #f08080;
	border-bottom-color: #bc8f8f;
	border-color: #bc8f8f;
	color: #ffffff;
}

div.ReviewerQueries,
div.ReviewerQueryComplex div.ReviewerQuery,
div.ReviewerQueryComplex div.ReviewerQueries
{
	border-style: none;
	background-image: none;
}

div.BetaNotSupported
{
	padding: 10px !important;
	color: #ffffff;
	background-color: #9966cc;
	text-align: center;
	font-weight: bold;
	mc-hidden: hidden;
}

/* ------------------------ */
/* -- Image Styles -- */
/* ------------------------ */

img
{
	border: none;
	max-width: 100%;
}

img.Inline
{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	vertical-align: middle;
}

/* ----------- Needs more work. Alignment off. 
img.IconInText {
    margin-top: -1em;
    vertical-align: text-bottom;
}
------------- */

img.Centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.CenteredBordered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid orange;
}

img.Bordered
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid orange;
}

/* Not needed, but keep to show formatting. Note that display: block causes the image to 
   occupy the entire width. It will be white, which is OK, but if there is a border applied, 
   then there will be duplicate borders with one around the image, and one around the full width
   of the block.

img.LeftPlus2
{
	display: block;
	padding-left: 7%;
}

img.LeftPlus3
{
	display: block;
	padding-left: 10%;
}
 */

/* ------------------------ */
/* -- Code and Code Blocks -- */
/* ------------------------ */

div.Indent1
{
	margin-left: 40px;
	margin-bottom: 0.75em;
	padding-left: 0px;
}

pre
{
	display: block;
	padding: 10px !important;
	color: #2aa198;
	background-color: #ece5d7;
	border: 1px dotted #9b9689 !important;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	overflow-x: auto;
}

/* To accomodate wide code samples that would otherwise wrap in PDF output. */
/* Typically requires duplicating code samples and applying Print-Only conditions */

pre.smaller_8
{
	font-size: 8pt;
}

pre.smallest_6
{
	font-size: 6pt;
}

/* ------------------------ */
/* -- Character Styles -- */
/* ------------------------ */

code
{
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	padding: 2px;
	font-size: 105%;
}

/* This style mimics the KeyCap font from FrameMaker manuals */

span.KeyCap
{
	margin: 0px 0.1em;
	padding: 0.1em 0.6em;
	border-radius: 3px;
	border: 1px solid rgb(204, 204, 204);
	color: rgb(51, 51, 51);
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: inline;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff;
	background-color: rgb(247, 247, 247);
	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
}

span.Red
{
	color: #ff0000;
}

span.Green
{
	color: #ff4480;
}

span.RedBold
{
	color: #ff0000;
	font-weight: bold;
}

span.Underline
{
	text-decoration: underline;
}

span.BoldItalic
{
	font-weight: bold;
	font-style: italic;
}

span.BlueUnderline
{
	color: #0000ff;
	text-decoration: underline;
}

/* To prevent potentially bad page breaks in Related Topics sections. */

div.NoPageBreakGrouping
{
	page-break-inside: avoid;
	page-break-inside: avoid;
	mc-next-tag: p;
	mc-hidden: hidden;
}

/* To force conditions on individual styles. Note that these need to be assigned using the Flare style sheet editor UI,
   not using the text editor. They also need to be assigned singly, not as a set, hence the multiple entries below to set     one single style. Appears to be a Flare bug. 
   
   Also note that the condition is applied at the CSS level, not at the Flare XML level. As a result, the XML view of the 
   topic does not show the condition code, but the UI (via the Properties>Conditions does). */

div.ReviewerQuery
{
	mc-conditions: 'Default.ReviewerOnly';
}

div.ReviewerQueries
{
	mc-conditions: 'Default.ReviewerOnly';
}

div.ReviewerQueryComplex
{
	mc-conditions: 'Default.ReviewerOnly';
}

div.PubsComments
{
	mc-conditions: 'Default.ReviewerOnly';
}

div.PubsCommentComplex
{
	mc-conditions: 'Default.ReviewerOnly';
}

p.Italic
{
	font-style: italic;
}

p.WhiteFooterTextItalic
{
	font-size: 95%;
	line-height: 150%;
	max-width: 100%;
	font-style: italic;
}

/* */
/* */

@media print
{
	body
	{
		font-family: Lucida, 'Lucida Grande', Arial, Helvetica, Sans-serif;
		font-size: 10pt;
		line-height: 1.5em;
	}

	MadCap|xref
	{
		font-weight: normal;
		/* mc-format: '{quote}{para}{quote} {pageref}'; */
		mc-format: '{quote}{paratext}{quote} on page {page}';
		text-decoration: none;
		/* mc-format: '{paratext}';  */
		/* color: #6650ff;  */
	}

	/* Part cross references for PDF output only*/

	MadCap|xref.PartNumOnly
	{
		mc-format: '{paranumonly}';
	}

	MadCap|xref.PartNumAndTitle
	{
		mc-format: '{paranumonly}: {para}';
	}

	/* Chapter cross references for PDF output only*/

	MadCap|xref.ChapterNumOnly
	{
		mc-format: '{paranumonly}';
	}

	MadCap|xref.ChapterNumAndTitle
	{
		mc-format: '{paranumonly}: {para}';
	}

	/* ----------- Added below to fix indentation problems due to "Use TOC depth for heading levels" setting ------------- */

	h2
	{
		font-weight: bold;
		font-size: 122%;
	}

	h3
	{
		font-weight: bold;
		font-size: 116%;
	}

	h4,
	h4.NoTOC
	{
		font-weight: bold;
		font-size: 110%;
	}

	h5,
	h5.NoTOC
	{
		font-weight: bold;
		font-size: 108%;
	}

	h6,
	h6.NoTOC
	{
		font-weight: bold;
		font-size: 106%;
	}

	h7,
	h7.NoTOC
	{
		font-weight: bold;
		font-size: 104%;
	}

	h8,
	h8.NoTOC
	{
		font-weight: bold;
		font-size: 102%;
	}

	h9,
	h9.NoTOC
	{
		font-weight: bold;
		font-size: 100%;
	}

	h10,
	h10.NoTOC
	{
		font-weight: bold;
		font-size: 100%;
	}

	/* ----------- Added above to fix indentation problems due to "Use TOC depth for heading levels" setting ------------- */

	h1
	{
		page-break-before: avoid;
		mc-heading-level: 1;
		font-weight: bold;
		font-size: 130%;
	}

	h1.PartTitle
	{
		mc-auto-number-format: 'GI:Part {volnum}: ';
		padding-top: 4pc;
		padding-bottom: 4pc;
		margin-left: 78px;
		text-indent: -78px;
	}

	h1.ChapterTitle
	{
		mc-auto-number-format: 'CH:Chapter {chapnum}: ';
		font-weight: bold;
		font-size: 130%;
	}

	h1.ChapterNumOnly
	{
		mc-heading-level: 0;
		font-size: 400%;
		font-weight: bolder;
	}

	/* Required for proper Chapter numbers in PDF output. h1.ChapterTitle is actually ignored because the entries are on level 2 in the TOC */

	h2.ChapterTitle
	{
		mc-auto-number-format: 'CH:Chapter {chapnum}: ';
		font-weight: bold;
		font-size: 130%;
		/* color: #338756; */
	}

	h1.AppendixTitle
	{
		mc-auto-number-format: 'GH:Appendix {A+}: ';
		font-weight: bold;
		font-size: 130%;
	}

	h1.NoTOC
	{
		mc-heading-level: 0;
	}

	/* To make the Chapter heads appear in bold in the left-side TOC. */

	p.TOC2
	{
		font-weight: bold;
	}

	[data-mc-conditions*="Default.ReviewerOnly"]
	{
		background-color: #f08080;
	}

	/* Checklist parameters for print only, required to get the empty box to appear in PDF output. 
	   I tried to reduce the extra space on the indent in the PDF output, but none of the CSS properties
	   had any impact. margin-right: 5px; seems to have no impact either, but I'll keep it active. */

	p.CheckList:before
	{
		content: "\2610";
		margin-right: 5px;
	}

	/* To prevent potentially bad page breaks in the Related Topics sections. */

	div.NoPageBreakGrouping
	{
		page-break-inside: avoid;
		mc-next-class: h4;
		mc-hidden: hidden;
	}

	/* Table captions and cross references for PDF print output only*/

	caption
	{
		font-weight: bold;
		text-align: left;
		mc-auto-number-class: TableNum;
		mc-auto-number-format: 'CT:Table {chapnum}-{n+}: ';
	}

	/* Figure legends and cross references for PDF print output only*/

	p.FigureLegend
	{
		font-weight: bold;
		text-align: left;
		mc-auto-number-class: FigureNum;
		mc-auto-number-format: 'CF:Figure {chapnum}-{n+}: ';
		page-break-before: avoid;
	}

	/* GlossaryPageHeading defines the "Glossary" heading at the top of the page */

	div.GlossaryPageHeading
	{
		font-family: Lucida, 'Lucida Grande', Arial, Helvetica, Sans-serif;
		font-size: 10pt;
		line-height: 1.5em;
	}

	/* GlossaryPageDefinition defines the glossary definition associated with a single GlossaryPageTerm */

	div.GlossaryPageDefinition
	{
		font-family: Lucida, 'Lucida Grande', Arial, Helvetica, Sans-serif;
		font-size: 10pt;
		line-height: 1.5em;
	}

	/* GlossaryPageTerm defines the glossary term associated with a single GlossaryPageDefinition */

	div.GlossaryPageTerm
	{
		font-family: Lucida, 'Lucida Grande', Arial, Helvetica, Sans-serif;
		font-size: 10pt;
		line-height: 1.5em;
	}

	/* Disable auto-hyphenation on select styles */

	p,
	div.Note,
	div.Notes,
	div.NoteComplex,
	div.Caution,
	div.Cautions,
	div.CautionComplex,
	div.CautionFrench,
	div.CautionsFrench,
	div.CautionComplexFrench,
	div.Warning,
	div.Warnings,
	div.WarningComplex,
	div.WarningFrench,
	div.WarningsFrench,
	div.WarningComplexFrench,
	div.Prerequisite,
	div.Prerequisites,
	div.PrerequisiteComplex,
	div.Notice,
	div.Notices,
	div.NoticeComplex,
	div.PubsComment,
	div.PubsComments,
	div.PubsCommentComplex,
	div.ReviewerQuery,
	div.ReviewerQueries,
	div.ReviewerQueryComplex,
	div.GlossaryPageDefinition,
	div.Indent1
	{
		mc-hyphenate: never;
	}

	h4
	{
		mc-heading-level: 4;
	}

	/* Remove the blue hot spot and the italicized text in PDF output only */

	MadCap|dropDownHotspot
	{
		border-bottom: none;
		font-style: normal;
		color: black;
		font-weight: bold;
		font-family: 'DM Sans', Arial;
		font-size: 11pt;
		letter-spacing: .25;
		line-height: 17pt;
	}

	p.Italic
	{
		font-style: italic;
	}

	/* Remove underlines in ManualTitle snippets in PDF output */

	p.Italic a
	{
		text-decoration: none;
	}

	img.Inline
	{
		margin-bottom: -4px;
	}

	MadCap|dropDown
	{
		border-bottom: solid 0px #000000;
		page-break-inside: avoid;
	}
}

@media only screen and (max-width: 1279px)
{
	.footer
	{
		padding: 2% 2% 1%;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}

	div.home-footer > div:nth-child(1)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.home-footer > div:nth-child(2)
	{
		width: 75%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	div.topic-hero h1
	{
		font-size: 2.5em;
		text-align: center;
	}

	div.home-tiles p
	{
		line-height: 1.2;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10px;
	}

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

	div.article-tiles > div
	{
		margin-bottom: 10px;
	}

	div.article-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	div.article-tiles > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div:nth-child(5)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles img
	{
		width: 75%;
	}

	.footer-icons
	{
		text-align: center;
	}

	.footer
	{
		padding: 5% 7%;
		text-align: center;
	}

	.footer-logo
	{
		text-align: center;
	}

	div.home-footer > div:nth-child(1)
	{
		width: 100%;
	}

	div.home-footer > div:nth-child(2)
	{
		width: 100%;
		margin: 3% 0;
	}
}