/*<meta conditions="global/target.html-only" />*/

/* Standard Maptek CSS for HTML targets.
   Do not modify this file in child projects.
   Please maintain alphabetical ordering, both internally and between selectors and rules.
   Sort precedence (highest to lowest): <space>, '-', '.', [0-9], ':', '>', '@', [A-Z], [a-z] 
*/

@import url('maptek.css');

@import url('hacks/editor-hack-html.css');

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

@font-face 
{
	font-family: 'Arial';
	src: url(../../3rd-party/global/fonts/arial.ttf);
}

:root
{
	--image-padding: 8px;
	--font-size-h1: 39px;
	--font-size-h2: 32px;
	--font-size-h3: 26px;
	--font-size-h4: 19px;
	--font-size-h5: 15px;
	--font-size-h6: 13px;
	--font-size-base: 16px;
	--font-size-small: 13px;
	--line-height-base: 20pt;
	--line-height-small: 14pt;
	--safety-panel-section-font-size: 21px;
	--safety-notice-section-font-size: 25px;
	--safety-instructions-section-font-size: 16px;
	--safety-signal-embedded-signal-word-font-size: 17px;
}

@keyframes page-toc-floating-fade-in
{
  0% { opacity: 0; }
  100% { opacity: 1; }
} 

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: var(--dark-gray);
	mc-breadcrumbs-prefix: ' > ';
}

MadCap|dropDown
{
	border-bottom: 1px solid var(--light-gray);
	mc-closed-image: url('../../images/global/html/plus.png');
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../../images/global/html/minus.png');
	padding: 10px 0;
}

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

MadCap|dropDownHotspot
{
	border-bottom: none;
	color: var(--dark-gray);
	cursor: hand;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

MadCap|glossaryTerm
{
	color: var(--maptek-mid-green);
	font-weight: inherit;
	mc-closed-image: none;
	mc-open-image: none;
	text-decoration: underline;
	text-underline-offset: 1px;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
}

MadCap|glossaryTerm.Popup
{
	font-weight: inherit;
}

MadCap|glossaryTerm:hover
{
	text-decoration: none;
}

MadCap|expandingBody
{
	color: var(--dark-gray);
	font-style: italic;
}

MadCap|expandingHead
{
	color: var(--maptek-mid-green);
	cursor: hand;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}

MadCap|miniTocProxy.horizontal
{
	display: block;
}

MadCap|popupHead
{
	color: var(--maptek-mid-green);
	font-weight: inherit;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px;
}

MadCap|xref
{
	color: var(--maptek-mid-green);
	font-weight: normal;
	mc-format: '{para}';
	text-decoration: underline;
}

MadCap|xref.caption
{
	mc-format: '{color #4d9d37}{paranumonly}{/color}';
	text-decoration: underline;
}

MadCap|xref.caption-in-topic
{
	mc-format: '{h1} > {color #4d9d37}{paranumonly}{/color}';
	text-decoration: underline;
}

MadCap|xref.heading-in-topic
{
	mc-format: '{h1} > {para}';
	text-decoration: underline;
}

a
{
	color: var(--maptek-mid-green);
}

a.page-toc,
a.page-toc-floating
{
	mc-hidden: hidden;
}

a.page-toc-floating:visited
{
	color: var(--maptek-dark-green);
}

a.page-toc:hover,
a.page-toc-floating:hover
{
	color: var(--maptek-mid-green);
	text-decoration: underline;
}

a.page-toc:link,
a.page-toc-floating:link
{
	color: var(--maptek-mid-green);
	text-decoration: none;
}

a:link
{
	color: var(--maptek-mid-green);
}

a:visited
{
	color: var(--maptek-mid-green);
}

blockquote
{
	border-left: 5px solid #cccccc;
	color: #4D9D37;
	font-size: 18.75px;
	margin: 0 0 21px;
	padding: 10.5px 21px;
}

body
{
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	margin: 0 auto;
	max-width: 100ch;
	padding: 0.5rem;
}

div.body-container
{
	padding-left: 2%;
	padding-top: 2%;
	mc-hidden: hidden;
}

div.caption p.figure-caption
{
	margin-top: 0;
	text-align: center;
}

div.caption-html
{
	display: flex;
	justify-content: center;
	margin: 0;
	margin-top: -4px;
	/* Compensate for image padding to tighten vertical gap between image and caption. */
	padding: 0;
	text-align: center;
}

div.caption-html div
{
	margin: 0;
	padding: 0;
	text-align: left;
}

div.float-left
{
	float: left;
	mc-hidden: hidden;
}

div.floating-toc-outer
{
	mc-hidden: hidden;
}

div.floating-toc-outer p
{
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

div.image-layout
{
	display: inline-block;
	text-align: left;
}

/* This is the outer div for image layouts with a caption */

div.image-layout-wrapper
{
	display: inline-block;
	margin-left: 0;
	margin-right: auto;
	max-width: 1080px;
	mc-hidden: hidden;
	padding: 0;
}

img.height-extra-large
{
	height: auto;
	width: auto;
	max-height: 720px;
	max-width: auto;
}

img.height-extra-small
{
	max-height: 216px;
}

img.height-large
{
	max-height: 540px;
}

img.height-largest
{
	max-height: 760px;
}

img.height-medium
{
	max-height: 360px;
}

img.height-small
{
	max-height: 270px;
}

img.height-smallest
{
	max-height: 180px;
}

div.home-footer
{
	background-color: var(--maptek-mid-green);
	mc-hidden: hidden;
	padding: 2% 5%;
}

div.master-footer
{
	bottom: 0;
	mc-hidden: hidden;
	position: absolute;
	right: 0;
}

div.oversize,
img.oversize
{
	max-height: auto;
	max-width: 100%;
}

div.page-toc
{
	border: 1px solid #d0d3d5;
	mc-hidden: hidden;
	padding: 10px;
}

div.page-toc-content
{
	mc-hidden: hidden;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
}

div.page-toc-floating-content
{
	display: none;
	mc-hidden: hidden;
}

div.page-toc-floating-outer
{
	--hover-width: 200px;
	background-color: rgba(229, 231, 232, 0.9);
	border-radius: 6px;
	display: block;
	margin-top: 0;
	margin-right: 10px;
	mc-hidden: hidden;
	opacity: 0.5;
	padding: 5px;
	position: fixed;
	right: 20px;
	width: 120px;
}

div.page-toc-floating-outer h4,
div.page-toc h4
{
	margin: 0;
	padding: 0;
	text-align: center;
}

div.page-toc-floating-outer:hover
{
	animation: page-toc-floating-fade-in 0.5s;
	border-radius: 6px;
	border: 1px solid #d0d3d5;
	opacity: 1.0;
	width: var(--hover-width);
	/* This variable is set dynamically in jump-to.js */
}

div.page-toc-floating-outer:hover div.page-toc-floating-content
{
	display: block;
	margin: 5px;
	padding: 5px;
}

div.width-extra-large,
img.width-extra-large
{
	max-width: 720px;
}

div.width-extra-small,
img.width-extra-small
{
	max-width: 216px;
}

div.width-large,
img.width-large
{
	max-width: 540px;
}

div.width-largest,
img.width-largest
{
	max-width: 1080px;
}

div.width-medium,
img.width-medium
{
	max-width: 360px;
}

div.width-small,
img.width-small
{
	max-width: 270px;
}

div.width-smallest,
img.width-smallest
{
	max-width: 180px;
}

h1
{
	color: #025829;
	font-size: var(--font-size-h1);
	font-weight: 300;
}

h2
{
	font-size: var(--font-size-h2);
	font-weight: 300;
}

h3
{
	font-size: var(--font-size-h3);
	font-weight: 300;
}

h4
{
	font-size: var(--font-size-h4);
	font-weight: 300;
}

h5
{
	font-size: var(--font-size-h5);
	font-weight: 300;
}

h6
{
	font-size: var(--font-size-h6);
	font-weight: 300;
}

html.home-topic
{
	mc-hidden: hidden;
}

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

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

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

img.height-extra-large,
img.height-extra-small,
img.height-large,
img.height-largest,
img.height-medium,
img.height-small,
img.height-smallest
{
	max-width: auto;
	padding: var(--image-padding);
	width: auto;
}

img.height-extra-large
{
	max-height: 720px;
}

img.height-extra-small
{
	max-height: 216px;
}

img.height-large
{
	max-height: 540px;
}

img.height-largest
{
	max-height: 760px;
}

img.height-medium
{
	max-height: 360px;
}

img.height-small
{
	max-height: 270px;
}

img.height-smallest
{
	max-height: 180px;
}

li.h1
{
	color: #025829;
	font-size: var(--font-size-h1);
	font-weight: 300;
}

li.h2
{
	font-size: var(--font-size-h2);
	font-weight: 300;
}

li.h3
{
	font-size: var(--font-size-h3);
	font-weight: 300;
}

li.h4
{
	font-size: var(--font-size-h4);
	font-weight: 300;
}

li.normal
{
	color: #000000;
	font-size: var(--font-size-base);
	letter-spacing: 0.25;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ol
{
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	margin: 0;
	padding-left: 2em;
}

ol > li
{
	padding-left: 0.4em;
}

p
{
	color: #000000;
	font-size: 12pt;
	letter-spacing: 0;
	line-height: var(--line-height-base);
	margin-bottom: 20px;
	margin-top: 20px;
}

p.figure-caption
{
	font-size: 10pt;
	line-height: 14pt;
	/*margin-top: -22px;*/
	padding-left: var(--image-padding);
	padding-right: var(--image-padding);
	text-align: left;
}

p.footer-sub
{
	color: var(--white);
	font-size: 14pt;
	margin-top: 14px;
	mc-hidden: hidden;
}

p.home-footer
{
	border-left: 0;
	border-right: 5px solid #cccccc;
	color: var(--dark-gray);
	font-size: 9pt;
	mc-hidden: hidden;
	padding-left: 0;
	padding-right: 15px;
	text-align: right;
}

p.page-toc-alphabetical
{
	line-height: 14pt;
	margin: 0;
	mc-hidden: hidden;
	padding-bottom: 0;
	padding-top: 4px;
}

p.page-toc-h2,
p.page-toc-h2-small
{
	font-weight: bold;
	line-height: 14pt;
	margin: 0;
	mc-hidden: hidden;
	padding-bottom: 0;
	padding-top: 4px;
}

p.page-toc-h2-small,
p.page-toc-h3-small
{
	font-size: 10pt;
	line-height: 10pt;
	padding-top: 0;
}

p.page-toc-h3,
p.page-toc-h3-small
{
	line-height: 14pt;
	margin: 0;
	mc-hidden: hidden;
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 20px;
}

p.safety-panel-section
{
	padding-bottom: 3px;
	padding-top: 4px;
}

p.safety-panel-section-notice
{
	padding-top: 5px;
}

p.small
{
	font-size: var(--font-size-small);
}

span.safety-signal-embedded span
{
	padding: 3px 3px 2px;
}

span.safety-signal-embedded::after
{
	content: " ";
}

table.chapter-title
{
	margin-bottom: -21px;
	margin-top: -11px;
}

table.image-layout-variable
{
	max-width: 1080px;
}

td > p:first-child
{
	margin-top: 0px;
}

td > p:last-child
{
	margin-bottom: 0px;
}

td.chapter-title-spacer
{
	display: none;
	mc-hidden: hidden;
}

ul,
ul.arrow > li > ul
{
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	list-style-type: disc;
	margin: 0;
	padding-left: 2.4em;
}

ul > li,
ul.arrow > li > ul > li
{
	padding-left: 0;
}

ul > li > ul,
ul.arrow > li > ul > li > ul
{
	list-style-type: "–";
	padding-left: 1.8em;
}

ul > li > ul > li,
ul.arrow > li > ul > li > ul > li
{
	padding-left: 0.6em;
}

ul > li > ul > li > ul,
ul.arrow > li > ul > li > ul > li > ul
{
	list-style-type: square;
	padding-left: 2.4em;
}

ul > li > ul > li > ul > li,
ul.arrow > li > ul > li > ul > li > ul > li
{
	padding-left: 0;
}

ul > li > ul > li > ul > li > ul,
ul.arrow > li > ul > li > ul > li > ul > li > ul
{
	list-style-type: circle;
}

ul > li > ul > li > ul > li::marker,
ul.arrow > li > ul > li > ul > li > ul > li::marker
{
	font-family: revert;
}

ul.arrow
{
	list-style-type: "▸  ";
}