/*<meta />*/

html
{
	
}

body
{
	background: #ffffff;
}

.main-section
{
	background: white;
	overflow-y: unset;
}

footer.py-5
{
	background: #EDF0F5;
}

.micro-response h1
{
	font-size: 1.6em;
}

.micro-response .col-lg-4	/*makes micro results full width while allowing narrow width in non-results pages - applies to multiple videos in a single micro result only. Prevents columns in desktop views*/
{
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

.height-container-sidenav	/*this overrides a setting from Topic.css that applies 40 px or padding at the bottom of the page. I can't find the right way to fix it, so here we are.*/
{
	padding-bottom: unset;
}

._Skins_component_related_vids	/*sets minimum height to related videos container, to avoid a content load shift*/
{
	min-height: 460px;
}

/*Beginning of feedback styles*/
/*Thanks to Dave Lee on the madcap forum for sharing this code for a feedback collector*/

input,
.pointer
{
	cursor: pointer;
}

.feedback-reason
{
	display: none;
	font-weight: 500;
}

.feedback-reason a
{
	color: #1175bc !important;
}

/*End of feedback styles*/
/*beginning of slideshow tab selector modifications*/
/* Style the tab */

.mc-wrapper .mc-pager.mc-default-pager a.active
{
	background-color: #97b2cb;
}

/* Style the buttons inside the tabs on the support home page */

span.buttonlink
{
	padding-right: 3px;
	color: #0077c6;
	vertical-align: 5px;
}

div.tab button
{
	background-color: inherit;
	cursor: pointer;
	border: 1px solid transparent;
	margin-left: 3px;
	padding-bottom: 0px;
}

/* Change background color of buttons on hover */

div.tab button:hover
{
	border: 1px solid #88c5ed;
}

/* Create an active/current tablink class */

div.tab button.active
{
	background-color: #c8e4f5;
	border: 1px solid #88c5ed;
}

/*this ends the css for the tab selector*/
/*begin nav button modification*/

.previous-topic-button::before
{
	content: "Previous";
	color: #0076bc;
	background: url('../Images/nav-prev.svg') !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
	padding-left: 48px;
	line-height: 40px;
}

.next-topic-button::before
{
	content: "Next";
	color: #0076bc;
	background: url('../Images/nav-next.svg') !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	padding-right: 48px;
	line-height: 40px;
}

/*end nav button modification*/

ul.product-list
{
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 2px;
}

ul.product-list li
{
	margin: 0px;
	margin-bottom: 1px;
	padding-top: 5px;
	break-inside: avoid;
	padding-right: 10px;
}

/*begin search filter position modification*/

.search-filter-wrapper
{
	z-index: 1000;
	display: block !important;
	background: white;
}

.search-filter-content
{
	border: 1px solid #3b4e5e;
	border-radius: 4px;
	right: -130px;
	max-width: 60vw;
}

.search-filter-content ul
{
	-moz-column-count: 6;
	-moz-column-gap: 1px;
	-webkit-column-count: 6;
	-webkit-column-gap: 1px;
	column-count: 6;
	column-gap: 2px;
}

.search-filter-content ul li
{
	margin: 0px;
	margin-bottom: 1px;
	padding-top: 5px;
	break-inside: avoid;
	max-width: 160px;
}

.search-filter-content ul li:first-child
{
	display: none;
}

.search-filter-content ul li:nth-child(2),
.search-filter-content ul li:nth-child(10),
.search-filter-content ul li:nth-child(24),
.search-filter-content ul li:nth-child(30),
.search-filter-content ul li:nth-child(38),
.search-filter-content ul li:nth-child(49)	/*these bold the first four items after the hidden first one to call attention to them*/
{
	font-weight: bold;
	column-break-before: always;
	-webkit-column-break-before: always;
	font-size: medium;
	text-decoration: underline;
}

/*end search filter position modification*/
/*sets minimum width to make the 5-column layout work*/

.w-xl-20
{
	max-width: 20%;
	min-width: 20%;
}

/*sets minimum width to make the 5-column layout work*/
/*begin modify nav nav-buttons to removed padding and color added by corporate styles pre bootstrap*/

div.nav-left
{
	float: left;
}

div.nav-right
{
	float: right;
}

/*begin css cleanup omissions*/

.border-0
{
	border: 0 !important;
}

.badge-primary
{
	color: #FFF;
	background-color: #027bb8;
}

/*end css cleanup omissions*/
/*begin make menu horizontal*/

ul._Skins_menu_support li
{
	float: right;
}

ul._Skins_menu_support li a
{
	color: rgba(255,255,255,0.5) !important;
}

ul._Skins_menu_support li a.selected
{
	color: #ffffff !important;
}

ul._Skins_menu_support li a:hover
{
	color: rgba(255,255,255,0.75) !important;
}

a:link .playArrow-sm:hover
{
	background-position: -160px;
}

.text-white-footer a:hover
{
	text-decoration: none !important;
	color: #0f2f50;
}

.text-white-footer a:hover
{
	color: #13abdb;
}

ul.menu._Skins_menu_support.mc-component,
ul._Skins_menu_support	/*hides scrollbars in top menu*/
{
	overflow: hidden;
}

/*end make menu horizontal*/
/*position arrow in left menu*/

ul.menu._Skins_menu_left.mc-component li > a,
ul.menu._Skins_menu_left.mc-component li > a:hover,
ul.menu._Skins_menu_left.mc-component li > a.selected,
ul.menu._Skins_menu_left.mc-component li > a.selected:hover,
ul.menu._Skins_menu_left.mc-component li.has-children ul.sub-menu li > a,
ul.menu._Skins_menu_left.mc-component li.has-children ul.sub-menu li > a:hover,
ul.menu._Skins_menu_left.mc-component li.has-children ul.sub-menu li > a.selected,
ul.menu._Skins_menu_left.mc-component li.has-children ul.sub-menu li > a.selected:hover,
ul.menu._Skins_menu_left_open.mc-component li > a,
ul.menu._Skins_menu_left_open.mc-component li > a:hover,
ul.menu._Skins_menu_left_open.mc-component li > a.selected,
ul.menu._Skins_menu_left_open.mc-component li > a.selected:hover,
ul.menu._Skins_menu_left_open.mc-component li.has-children ul.sub-menu li > a,
ul.menu._Skins_menu_left_open.mc-component li.has-children ul.sub-menu li > a:hover,
ul.menu._Skins_menu_left_open.mc-component li.has-children ul.sub-menu li > a.selected,
ul.menu._Skins_menu_left_open.mc-component li.has-children ul.sub-menu li > a.selected:hover
{
	background-position: right;
	background-image: url(../Images/dropdown-expander.png);
	background-repeat: no-repeat;
}

ul.menu._Skins_menu_left.mc-component li.tree-node-leaf a,
ul.menu._Skins_menu_left.mc-component li.tree-node-leaf a.selected,
ul.menu._Skins_menu_left.mc-component li.has-children ul.sub-menu li.tree-node-leaf > a,
ul.menu._Skins_menu_left.mc-component li.has-children ul.sub-menu li.tree-node-leaf > a.selected,
ul.menu._Skins_menu_left_open.mc-component li.tree-node-leaf a,
ul.menu._Skins_menu_left_open.mc-component li.tree-node-leaf a.selected,
ul.menu._Skins_menu_left_open.mc-component li.has-children ul.sub-menu li.tree-node-leaf > a,
ul.menu._Skins_menu_left_open.mc-component li.has-children ul.sub-menu li.tree-node-leaf > a.selected
{
	background-image: none;
}

/*begin hides and shows sub nav based on selection*/

ul._Skins_menu_left li.has-children ul.sub-menu,
ul._Skins_menu_left li.has-children ul.sub-menu li.has-children ul.sub-menu
{
	display: none;
}

ul._Skins_menu_left li.has-children ul.sub-menu:has(a.selected),
ul._Skins_menu_left li.has-children:has(a.selected) ul.sub-menu,
ul._Skins_menu_left li.has-children ul.sub-menu li.has-children ul.sub-menu:has(a.selected),
ul._Skins_menu_left li.has-children ul.sub-menu li.has-children:has(a.selected) ul.sub-menu
{
	display: block;
}

/*end hides and shows sub nav based on selection*/
/*begin div for in page header*/

.contact-us
{
	float: right;
}

.caret-contact
{
	width: 1em;
	height: 1em;
	background-image: url(../Images/caret.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 46%;
	top: -8px;
}

.page-header
{
	padding-top: 8px;
	padding-bottom: 7px;
	overflow: hidden;
	font-size: 85%;
}

.off-canvas-content	/*overrides position set by Styles.css to enable sticky menus*/
{
	overflow: unset;
}

.dropdown-content,
.mobile-dropdown-content	/*overrides a setting in navbar.css that allows dropdowns to fit content*/
{
	min-width: unset !important;
	background-color: #0f2f50 !important;
	margin-top: 2.8rem !important;
}

.dropdown-content a:hover,
.mobile-dropdown-content a:hover
{
	background-color: #0f2f50 !important;
	transition: color .3s ease-in-out;
	color: #00a7e0 !important;
}

.mobile-dropdown-content	/*another override because I couldn't find a better way*/
{
	left: 1% !important;
	transform: initial !important;
	width: 98vw !important;
}

.mobile-dropdown-content a
{
	padding: 4px 30px !important;
}

hr.nav-hr
{
	margin-top: -44px;
	margin-bottom: 44px;
	border-top: 3px solid #73be1c;
	max-width: 60%;
	margin-left: 0;
}

/*end div for in page header*/
/* start video link play button*/

a:link .playArrow-sm
{
	position: absolute;
	height: 90px;
	width: 160px;
	left: 10px;
	background-image: url('../Images/video-icons-view.png');
}

/* end video link play button*/

kbd
{
	background: #e9f0f8;
	color: black;
}

p code
{
	background: #D9E2ED;
	padding: 0.2rem 0.4rem;
	border-radius: 0.2rem;
}

code
{
	font-weight: unset !important;
	font-size: 14px !important;
}

p.download_name
{
	font-size: 60%;
	opacity: 0.75;
	margin-bottom: 2px;
}

/*beginning of classes that make landing pages have nice cards*/

.instructions,
.downloads,
.videos,
.questions,
.trouble,
.more,
.factory,
.api,
.register,
.start,
.dashboard,
.data,
.list
{
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 100px 100px;
}

.instructions
{
	background-image: url('../Images/toc.svg');
}

.downloads
{
	background-image: url('../Images/downloads.svg');
}

.videos
{
	background-image: url('../Images/video.svg');
}

.questions
{
	background-image: url('../Images/faqs.svg');
}

.trouble
{
	background-image: url('../Images/troubleshooting.svg');
}

.more
{
	background-image: url('../Images/more.svg');
}

.api
{
	background-image: url('../Images/API-Icon.svg');
}

.factory
{
	background-image: url('../Images/service.svg');
	background-position: 1em 1em;
}

.register
{
	background-image: url('../Images/icon-devices.svg');
}

.start
{
	background-image: url('../Images/icon-get-started.svg');
}

.dashboard
{
	background-image: url('../Images/icon-dashboard.svg');
}

.data
{
	background-image: url('../Images/icon-data.svg');
}

.list
{
	background-image: url('../Images/icon-list.svg');
}

div.download_software
{
	background-image: url('../Images/download.svg');
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 28px 28px;
	padding-left: 40px;
	margin-top: 8pt;
	margin-bottom: 20pt;
}

div.download_doc
{
	background-image: url('../Images/doc.svg');
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 28px 28px;
	padding-left: 40px;
	margin-top: 8pt;
	margin-bottom: 20pt;
}

div.site-link
{
	background-image: url('../Images/link-icon.svg');
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 28px 28px;
	padding-left: 40px;
	margin-top: 8pt;
	margin-bottom: 20pt;
}

div.site-link p,
div.download_doc p,
div.download_software p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

p.download_name
{
	font-size: 60%;
	opacity: 0.75;
	margin-bottom: 2px;
	line-height: 2em;
}

div.watch-video
{
	background-image: url('../Images/vid.svg');
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 28px 28px;
	padding-left: 40px;
	padding-bottom: 20pt;
	margin-top: 8pt;
	margin-bottom: 8pt;
}

div.include
{
	clear: both;
}

div.wrap
{
	padding-top: 64px;
	padding-bottom: 290px;
}

p.title
{
	font-size: 12px;
	line-height: 30px;
	margin-top: 0px;
	float: left;
}

p.title a
{
	color: black;
}

.part_num,
.part_num_narrow
{
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 80%;
}

a.link-out
{
	background-repeat: no-repeat;
	background-position: right;
	background-size: 16px;
	padding-right: 22px;
	background-image: url('../Images/link-out.svg');
}

a.share,
a.cite,
.pdf
{
	background-repeat: no-repeat;
	background-position: left;
	background-size: 38px;
	padding-left: 49px;
	font-family: 'new-science';
	font-size: 16px;
	color: black;
	height: 38px;
	display: inline-block;
	text-transform: uppercase;
}

p a.share,
p a.cite,
p .pdf
{
	line-height: 38px;
}

a.share
{
	background-image: url('../Images/icon-link-out.svg');
}

.pdf
{
	background-image: url('../Images/icon-download.svg');
}

a.cite
{
	background-image: url('../Images/icon-cite.svg');
}

input.cite
{
	display: none;
}

.cite-dropdown,
.link-hidden
{
	background-color: #e1ecee;
	padding: 10px;
	margin-bottom: 10px;
	z-index: 1000;
	display: none;
	font-size: 15px;
}

.lowercase	/*use this to make code lower case. this is for code samples that are provided in uppercase but need to be lowercase*/
{
	text-transform: lowercase;
}

.border
{
	border: solid 1px black;
}

.listing
{
	font-family: 'Courier New';
	font-size: 13px;
	mc-hyphenate: never;
	margin: 2pt 0in 0in 0in;
	border: 0.5pt #dddddd solid;
	text-indent: -0.25in;
	padding: 10pt;
}

div.listing p
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-left: 0.25in;
}

b
{
	font-weight: 600;
}

.right	/*must keep the right property because it assigns position to the equation numbers. If this is to loose the float right, the equation numbers will be to the left.*/
{
	float: right;
	padding-left: 10px;
}

.left
{
	float: left;
	margin-right: 10px;
}

.right_half
{
	float: right;
	width: 50%;
	padding-left: 10px;
}

.left_half
{
	float: left;
	width: 50%;
	padding-right: 10px;
}

.note
{
	padding: 3pt;
	border-radius: 3px;
	border: solid 1px #7a5f9b;
	background-color: #b5dbf3;
	margin-top: 16px;
	margin-bottom: 16px;
}

.note_tip
{
	padding: 6px 2px 2px 40px;
	border-radius: 1px;
	border: solid 1px #7a5f9b;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url('../Images/tip-bulb-blue.png');
	background-position: 4px 6px;
	background-color: #b5dbf3;
	min-height: 54px;
	background-size: auto 42px;
}

.note_tip p:nth-child(1),
p.note_tip
{
	mc-auto-number-format: '{b}Tip: ';
}

p.note_tip
{
	margin: 0 0 0 0;
	padding-left: 40px;
	height: 54px;
}

.note_warning
{
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 5px;
	background-repeat: no-repeat;
	background-image: url('../Images/warning40pt.png');
	padding-left: 0.65in;
	background-position: 4px 10px;
	min-height: 55px;
	margin: 10px 0 10px 0;
}

.note_caution
{
	margin: 16px 0px 16px 0px;
	padding: 8px 8px 8px 16px;
	mc-auto-number-format: '{b}Caution: ';
	border: solid 1px #ff7534;
	border-left: solid 6px #ff7534;
}

.note_note
{
	margin: 16px 0px 16px 0px;
	padding: 3pt;
	border-radius: 3px;
	mc-auto-number-format: '{b}Note: ';
	background-color: #b5dbf3;
	border: solid 1px #7a5f9b;
}

/*start for the quiz and question*/

.quiz
{
	padding: 10px;
	border-radius: 3px;
	border: solid 1px #CFDBE8;
	background-color: #EDF0F5;
	margin-top: 16px;
	margin-bottom: 16px;
}

.question
{
	padding-bottom: 5px;
}

.multipleChoiceItem
{
	padding: 5px 0px 5px 0px;
}

button.submitQuestionButton
{
	padding: 8px;
	border-radius: 0px;
}

.multipleChoiceItem > div
{
	padding-left: 6px;
}

/*end for the quiz and question*/

.center
{
	text-align: center;
}

.clear
{
	clear: both;
}

.french
{
	mc-conditions: 'Helps.Support_Exclude';
}

.steps,
.steps-first
{
	mc-auto-number-format: 'B:{n+}. ';
	mc-heading-level: 0;
	mc-auto-number-class: BigSteps;
	mc-hyphenate: never;
	margin-top: 16px;
	margin-bottom: 0;
	font-size: 1.3em;
	page-break-after: avoid;
}

.steps-first
{
	mc-auto-number-format: 'B:{n=1}. ';
}

.BigSteps
{
	font-size: 140%;
}

h1
{
	margin-top: 0px;
	font-size: 3.5em;
	font-weight: 500;
}

h2 a,
h3 a
{
	margin-top: 1rem;
	padding-top: 2rem;
}

h4
{
	mc-heading-level: 0;
}

h5
{
	mc-heading-level: 0;
}

h1:before,
h2:before,
h3:before,
h4:before,
h5:before
{
	margin-top: unset;
	height: unset;
}

.equation,
.equation-note
{
	mc-auto-number-class: right;
	mc-auto-number-format: 'CE:{chapnum}‑{n+}';
	margin-left: 24px;
}

.equation-note,
.publication .equation,
.tech-tip .equation
{
	mc-auto-number-format: 'CE:{n+}';
}

.equation_no_num
{
	margin-left: 24px;
}

.equation0,
.equation0-note
{
	mc-auto-number-class: right;
	mc-auto-number-format: 'CE:{chapnum}‑{n+}';
	margin-left: 24px;
}

.equation0-note,
.publication .equation0,
.tech-tip .equation0
{
	mc-auto-number-format: 'CE:{n+}';
}

.equation-apha-begin,
.equation-apha-begin-note
{
	mc-auto-number-class: right;
	mc-auto-number-format: 'CE:{chapnum}‑{n+}{a=1}';
	margin-left: 24px;
}

.equation-apha-begin-note,
.publication .equation-alpha-begin,
.tech-tip .equation-alpha-begin
{
	mc-auto-number-format: 'CE:{n+}{a=1}';
}

.equation-apha-continue,
.equation-apha-continue-note
{
	mc-auto-number-class: right;
	mc-auto-number-format: 'CE:{chapnum}‑{n}{a+}';
	margin-left: 24px;
}

.equation-apha-continue-note,
.publication .equation-alpha-continue,
.tech-tip .equation-alpha-continue
{
	mc-auto-number-format: 'CE:{n}{a+}';
}

p.in_the
{
	text-align: center;
}

caption
{
	line-height: 15px;
	font-size: 90%;
	text-align: left;
}

p.img
{
	margin-bottom: 0px;
}

figure
{
	mc-hidden: unhidden;
	width: unset;
}

caption.table,
caption.table-note,
caption.table-for-proxy
{
	mc-auto-number-format: 'CT:{b}Table {chapnum}‑{n+}';
	line-height: 22px;
	caption-side: top;
	color: black;
	padding-bottom: 0rem;
}

caption.table-note
{
	mc-auto-number-format: 'CT:{b}Table {n+}';
}

caption.table-for-proxy
{
	mc-auto-number-format: 'CT:Table {chapnum}‑{n+}';
}

.figure,
figcaption,
figcaption.notes
{
	margin-top: 0px;
	font-style: italic;
	mc-auto-number-format: 'CF:Figure {chapnum}‑{n+}';
	font-size: 90%;
	font-weight: 400;
}

figcaption.notes
{
	mc-auto-number-format: 'CF:Figure {n+}';
}

.listing_caption,
.listing_caption-note
{
	margin-top: 10px;
	margin-bottom: 0px;
	font-style: italic;
	mc-auto-number-format: 'CL:Listing {chapnum}‑{n+}';
}

.listing_caption-note
{
	mc-auto-number-format: 'CL:Listing {n+}';
}

.figure_front
{
	font-style: italic;
	mc-auto-number-format: 'F:Figure {n+}';
}

.contents
{
	border-bottom: solid 2px #d9e2ed;
}

/*begin stylize the manually created TOC*/

div.contents-long
{
	
}

p.xrefTOCappendix,
p.xrefTOC1,
p.xrefTOC1-continue
{
	margin-bottom: 1px;
	margin-top: 4px;
	font-size: 1.8rem;
	font-weight: normal;
	mc-hyphenate: never;
	mc-auto-number-format: 'X:{n+} ';
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 32px;
}

p.xrefTOCappendix
{
	mc-auto-number-format: 'Y:{A+} ';
}

p.xrefTOC1-continue
{
	mc-auto-number-format: 'X:{n}.{size 80%}{n+}';
}

p.xrefTOC2
{
	margin-left: 32px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: 1.2rem;
	mc-hyphenate: never;
}

p.xrefTOC3
{
	margin-left: 48px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: 1rem;
	mc-hyphenate: never;
}

p.xrefTOC-summary
{
	font-size: 1.4rem;
	font-style: italic;
	margin-bottom: 3px;
	margin-top: 3px;
}

.volume
{
	font-size: 2rem;
	margin-top: 24px;
	margin-bottom: 2px;
	mc-hyphenate: never;
}

div.contents-long .AutoNumber_p_xrefTOC1
{
	font-size: 2rem;
	margin-top: 24px;
	margin-bottom: 2px;
	mc-hyphenate: never;
}

/*end stylize the manually created TOC*/

.figure var,
figcaption var,
figcaption code,
figcaption kbd,
figcaption strong
{
	font-style: normal;
}

var
{
	font-style: italic;
	font-family: 'Cambria Math';
	font-size: 1.1em;
}

table
{
	z-index: 1;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 15px;
	width: 100%;
}

a.MCBreadcrumbsLink:hover
{
	text-decoration: underline;
}

a.MCBreadcrumbsLink
{
	text-decoration: none;
	color: white;
	font-weight: normal;
}

/*makes cards have hover effect.*/

a div.card:hover,
div.card a.p-2:hover
{
	background-color: #D9E2ED !important;
}

div a p	/*makes text inside link not bold*/
{
	font-weight: 400;
}

div.wistia_embed	/*makes video player visible*/
{
	height: 500px;
	width: 899px;
}

strong
{
	font-family: 'Roboto';
	font-weight: 600;
}

.ui-btn,
.ui-btn-green,
.ui-tab,
.ui-btn-red
{
	font-family: 'Roboto';
	font-weight: 600;
	display: inline-block;
	color: #ffffff;
	mc-hyphenate: never;
	border-radius: 4px;
}

.ui-btn
{
	border-left: 4px solid #377299;
	border-right: 4px solid #377299;
	background-color: #377299;
}

.ui-tab
{
	border-left: 4px solid #719bb8;
	border-right: 4px solid #719bb8;
	background-color: #719bb8;
}

.ui-btn-green
{
	border-left: 4px solid #73b239;
	border-right: 4px solid #73b239;
	background-color: #73b239;
}

.ui-btn-red
{
	border-left: 4px solid #b73521;
	border-right: 4px solid #b73521;
	background-color: #b73521;
}

a
{
	color: #1175bc;
	text-decoration: none;
	line-break: normal;
}

img
{
	border: none;
	height: auto;
	mc-thumbnail: none;
	mc-thumbnail-max-height: auto;
}

img.w-100,
img.w-125
{
	max-width: 100%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 100%;
}

img.w-95
{
	max-width: 95%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 95%;
}

img.w-90
{
	max-width: 90%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 90%;
}

img.w-85
{
	max-width: 85%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 85%;
}

img.w-80
{
	max-width: 80%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 80%;
}

img.w-75
{
	max-width: 75%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 75%;
}

img.w-70
{
	max-width: 70%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 70%;
}

img.w-65
{
	max-width: 65%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 65%;
}

img.w-60
{
	max-width: 60%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 60%;
}

img.w-55
{
	max-width: 55%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 55%;
}

img.w-50
{
	max-width: 50%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 50%;
}

img.w-45
{
	max-width: 45%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 45%;
}

img.w-40
{
	max-width: 40%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 40%;
}

img.w-35
{
	max-width: 35%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 35%;
}

img.w-30
{
	max-width: 30%;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 30%;
}

img.w-25,
img.w-20
{
	max-width: 125px;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 25%;
}

img.w-15,
img.w-10,
img.w-5
{
	max-width: 75px;
	height: auto;
}

img.pc_icon
{
	height: 35px;
	mc-thumbnail: none;
}

img.app_icon
{
	height: 35px;
	mc-thumbnail: none;
}

img.no_thumb
{
	mc-thumbnail: none;
	max-width: 100%;
	mc-thumbnail-max-width: unset;
}

.d-sm-none	/*for some reason, making sure this doesn't hide images in big screens*/
{
	display: block !important;
}

div.footnote p
{
	margin-top: 0;
	margin-bottom: 0;
}

ul.inlist li
{
	font-weight: normal;
	margin-top: 0px;
}

td ul.inlist
{
	margin-top: 0;
}

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

ol.Letters li
{
	font-weight: normal;
}

ol li
{
	padding-left: 0;
	font-weight: bold;
}

ul li
{
	font-weight: normal;
}

.num_no,
li.num_no,
.description
{
	display: block;
	list-style-image: none !important;
	list-style-type: none !important;
	content: none;
	font-size: 1.0em;
	font-weight: normal;
}

ol li,
ol li p:first-child
{
	font-weight: 500;
}

ol li p
{
	margin-left: 0in;
	margin-top: 2pt;
	margin-bottom: 2pt;
	font-weight: normal;
}

ul.troubleshooting
{
	margin-left: 0px;
}

ul.troubleshooting li:nth-child(odd)
{
	font-familty: 'Roboto';
	font-weight: bold;
	margin-bottom: 2px;
}

ul.troubleshooting li:nth-child(even)
{
	font-family: unset;
	font-weight: normal;
	list-style-image: none !important;
	list-style-type: none !important;
	content: none;
	margin-top: 2px;
}

/*begin adds numbers to the UL in the in-page menu */

ul._Skins_menu_in_page > li
{
	list-style: decimal;
	margin-left: 48px;
}

ul._Skins_menu_in_page > li:first-child
{
	counter-reset: inherit;
}

ul._Skins_menu_in_page > li::marker
{
	font-size: 24px;
}

ul.sub-menu li
{
	list-style: revert;
}

ul.menu ul
{
	display: revert;
}

/*end numbers to the UL in the in-page menu */

span.SearchHighlight1
{
	background-color: #ffff88;
}

span.SearchHighlight2
{
	background-color: #ffffbb;
}

span.SearchHighlight3
{
	background-color: #ffffee;
}

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

.using-the
{
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 1px;
	line-height: 20px;
	padding: 10px 5px 10px 10px;
	background-color: #49ace0;
	width: 150px;
	text-decoration: none;
}

p.using-the a
{
	color: white;
}

/*beginning of section stylizes the in page menu*/

.behind
{
	z-index: 1 !important;
}

.in-this-page
{
	margin-right: 25px;
	margin-bottom: 0px;
	margin-top: 20px;
	padding-bottom: 10px;
	font-size: 120%;
}

/*end of section that stylizes the in page menu*/

p.speaker	/*on video pages, this is used to add emphasis to the speaker and other information.*/
{
	font-size: 1.41em;
	font-weight: 700;
	color: 344b75;
}

p.specs
{
	margin-top: 3px;
	margin-bottom: 3px;
}

p.specs2
{
	margin-left: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
}

p.citation
{
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 24px;
	mc-auto-number-offset: 24px;
	mc-auto-number-position: outside-head;
	mc-auto-number-format: 'CR:{n+}';
}

/* beginning of things that are nice to have in the picker but are web only.*/

p.small
{
	
}

.text-nowrap
{
	
}

/* end of things that are nice to have in the picker but are web only.*/

div.RowClass1	/*This grid is used to make a in-page two column layout in pdfs and the web. Keep it.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div.RowClass1::before
{
	content: ' ';
	display: table;
}

div.RowClass1::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.RowClass1 > div.border-left
{
	border-left-color: #74c02c;
	border-left-style: solid;
	border-left-width: 1px;
}

div.RowClass1 > div:nth-child(1)
{
	width: 47.5%;
	margin-right: 2.5%;
}

div.RowClass1 > div:nth-child(2)
{
	width: 47.5%;
	padding-left: 2.5%;
}

/*begin classes for the online pub*/

.type
{
	font-size: 1.5em !important;
	line-height: 1em;
	font-family: Oxanium !important;
	font-weight: bold !important;
	text-transform: uppercase;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #000000;
	padding-left: 8px;
}

p.type a
{
	font-weight: bold;
}

.publication h1,
.tech-tip h1
{
	font-size: 36px;
	font-family: new-science;
	font-weight: bold;
}

.publication h2
{
	font-family: new-science;
	font-size: 28px;
	color: black;
	mc-auto-number-format: '{n+} | ';
	margin-bottom: 1rem;
}

.tech-tip h2
{
	font-family: new-science;
	font-size: 28px;
	color: black;
	margin-bottom: 1rem;
}

.publication h3
{
	font-family: new-science;
	font-size: 1.25rem;
	color: black;
	mc-auto-number-format: '{n}.{n+} | ';
}

.tech-tip h3
{
	font-family: new-science;
	font-size: 1.25rem;
	color: black;
}

.publication h4
{
	font-size: 1rem;
	mc-auto-number-format: '{n}.{n}.{n+} | ';
}

.tech-tip h4
{
	font-size: 1rem;
}

div.abstract
{
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 40px;
	background-color: #e1ecee;
	padding: 16px;
}

div.abstract h2
{
	font-family: new-science;
	mc-auto-number-format: '{ }';
}

.publication figcaption,
.tech-tip figcaption
{
	font-family: Roboto;
	font-style: normal;
	mc-auto-number-format: 'CF:{b}Figure {n+}';
}

.publication caption.table,
.tech-tip caption.table
{
	font-style: normal;
	mc-auto-number-format: 'CT:{b}Table {n+}';
}

div.credits-list p.credits
{
	font-size: 14px;
	margin: 0;
	text-indent: -12px;
	padding-left: 12px;
}

.credits-list p::before
{
	content: "• ";
	padding-left: 4px;
}

.publication p.citation,
.tech-tip p.citation
{
	font-size: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 24px;
	mc-auto-number-offset: 24px;
	mc-auto-number-position: outside-head;
	mc-auto-number-format: 'CR:{n+}';
}

.publication .search-filter-content,
.tech-tip .search-filter-content
{
	right: 18px;
}

/*end classes for the online pub*/

.dropbtn:hover	/*applies hover state to main menu*/
{
	color: #13abdb !important;
}

.dropbtn	/*removes hover state in main menu*/
{
	color: white !important;
}

/*begin footer styles for full size. Some are in mobile too*/

.text-white h1,
.text-white h2,
.text-white .h1,
.text-white .h2
{
	font-weight: 700;
}

.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white .h3,
.text-white .h4,
.text-white .h5,
.text-white .h6
{
	font-weight: 600;
}

.text-white-footer,
.text-white-footer a
{
	color: #fff;
}

.mw-7
{
	flex: 58.333%;
	max-width: 58.333%;
}

.blue-caret
{
	background: url('../Images/blue-caret.svg') no-repeat !important;
	background-size: 50% auto !important;
	transform: translate(20%, 40%);
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	transition: transform 1s ease;
}

a:hover .blue-caret
{
	background: url('../Images/blue-caret-hover.svg') no-repeat !important;
	background-size: 50% auto !important;
}

.btn-sq-sliding
{
	position: relative;
	background-color: #0f2f50;
	display: inline-block;
	font-family: Oxanium;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	font-size: 1rem;
	line-height: 1.4;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	z-index: 1;
	overflow: hidden;
}

.btn-sq-sliding:after
{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 200%;
	aspect-ratio: 1 / 1;
	background-color: #027bb8;
	clip-path: polygon(66% 0,0 100%,66% 100%);
	transform: translate(43%,80%);
	transition: transform .3s ease-in-out;
	z-index: -1;
}

.btn-sq-sliding:hover:after
{
	transform: translate(34%);
}

.copyright-legal-bar
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.border-tertiary
{
	border-color: #1a3d6b !important;
}

.bg-parallelograms
{
	background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/icons/footer/parallelogram-footer.svg);
	background-size: 40%;
	background-position: 110% 110%;
	background-repeat: no-repeat;
}

/*end footer styles */

@media only screen and (max-width: 992px)
{
	/*beginning of classes that make landing pages have nice cards*/

	.instructions,
	.downloads,
	.videos,
	.questions,
	.trouble,
	.more,
	.factory,
	.api,
	.register,
	.start,
	.dashboard,
	.data
	{
		background-size: 80px 80px;
	}

	.factory
	{
		background-image: none;
	}

	/*ending of classes that make landing pages have nice cards*/

	.mobile-toggler-icon	/*allows menu to have icon on mobile*/
	{
		background: url('../Images/menu-icon-white.svg') no-repeat !important;
		position: absolute;
		margin-top: -6px;
		z-index: 2000;
	}

	/*sets minimum width to make the 5-column layout work*/

	.d-md-none	/*reapplies style cleared from theme*/
	{
		display: none !important;
	}

	.w-xl-20
	{
		max-width: 50%;
		min-width: unset;
	}

	/*sets minimum width to make the 5-column layout work*/

	.nav
	{
		display: none;
	}

	.caret-contact
	{
		top: -5px;
		left: 50%;
	}

	ul._Skins_menu_support li
	{
		width: 83px;
	}

	.page-header
	{
		padding-bottom: 4px;
		overflow: hidden;
	}

	img.link
	{
		height: 127px;
		width: auto;
		mc-thumbnail: none;
	}

	.publication h1
	{
		font-size: 1.6em !important;
	}

	div.abstract
	{
		margin: 0px 0px;
	}

	div.product
	{
		border-radius: 7px;
		height: 200px;
		min-height: unset;
		margin-right: 3px;
		margin-left: 3px;
		margin-bottom: 7px;
		padding-bottom: 8px;
		float: left;
		text-align: center;
		background-color: #e9f0f8;
	}

	div.product-tile
	{
		height: 128px;
		width: 128px;
		margin-bottom: 10px;
		padding-bottom: 12px;
	}

	div.product p,
	div.product-tile p
	{
		padding: 0px 8px 8px 8px;
	}

	div.content-tile
	{
		height: 60px;
		padding: 15px 0px 0px 0px;
	}

	div.content-tile p
	{
		font-size: 0.8em;
	}

	.in-this-page
	{
		margin-right: 7px;
		background-color: white;
		font-size: 100%;
	}

	div.wistia_embed
	{
		height: 350px;
		width: auto;
	}

	div.survey
	{
		bottom: 5px;
		right: 5px;
		font-size: 80%;
	}

	div.RowClass1 > div:nth-child(1)
	{
		width: 47.5%;
		margin-right: 1%;
		margin-left: 0%;
	}

	div.RowClass1 > div:nth-child(2)
	{
		width: 47.5%;
		padding-left: 0%;
		margin-left: 1%;
	}

	/*begin search filter position modification*/

	.search-filter-content
	{
		border: 1px solid #3b4e5e;
		border-radius: 4px;
		right: -90px;
	}

	.search-filter-content ul
	{
		-moz-column-count: 3;
		-moz-column-gap: 1px;
		-webkit-column-count: 3;
		-webkit-column-gap: 1px;
		column-count: 3;
		column-gap: 1px;
	}

	.search-filter-content ul li
	{
		margin: 0px;
		margin-bottom: 1px;
		padding-top: 5px;
		break-inside: avoid;
		max-width: 120px;
	}

	.search-filter-content ul li:first-child
	{
		display: none;
	}

	.search-filter-content ul li:nth-child(2),
	.search-filter-content ul li:nth-child(10),
	.search-filter-content ul li:nth-child(24),
	.search-filter-content ul li:nth-child(30),
	.search-filter-content ul li:nth-child(38),
	.search-filter-content ul li:nth-child(49)
	/*bolds plants*/
	/*bolds ecosystem*/
	/*bolds soil*/
	/*bolds light*/
	/*bolds gas*/
	/*bolds aquatic*/
	{
		font-weight: bold;
		font-size: medium;
		text-decoration: underline;
		column-break-before: unset;
		-webkit-column-break-before: unset;
	}

	/*end search filter position modification*/

	#search-results-flex	/*overrides a view setting that causes width to be wider than viewport on mobile when delivering more than one microconent result. Removes the flex display setting*/
	{
		display: unset;
	}

	.feedback-reason
	{
		display: none;
		margin-top: 0px;
	}

	ul.product-list
	{
		column-count: 2;
	}

	.mobile-dropdown-content
	{
		margin-top: 3.2rem !important;
	}

	hr.nav-hr
	{
		display: none;
	}
}

@media only screen and (max-width: 576px)
{
	/*beginning of classes that make landing pages have nice cards*/

	.instructions,
	.downloads,
	.videos,
	.questions,
	.trouble,
	.more,
	.factory,
	.api,
	.register,
	.start,
	.dashboard,
	.data
	{
		background-size: 60px 60px;
	}

	.factory
	{
		background-image: none;
	}

	.d-sm-none,
	.d-xs-none	/*reapplies style cleared from theme*/
	{
		display: none !important;
	}

	/*ending of classes that make landing pages have nice cards*/

	span.buttonlink
	{
		vertical-align: -6px;
	}

	.page-header
	{
		padding-top: 4px;
		padding-bottom: 4px;
		overflow: hidden;
	}

	.nav
	{
		display: none;
	}

	.breadcrumbs
	{
		padding-bottom: 10px !important;
	}

	.caret-contact
	{
		top: -10px;
	}

	ul._Skins_menu_support li
	{
		width: 60px;
	}

	._Skins_menu_support li > a
	{
		text-align: center;
		padding: 0px;
		height: 26px;
	}

	._Skins_results h1	/*resize search results summary in mobile*/
	{
		font-size: 26px !important;
		margin-top: 16px !important;
	}

	div.welcome_head
	{
		font-family: 'Roboto';
		font-size: 0.9em;
		color: #ffffff;
		height: 36px;
		padding: 9px;
		background: #41aadf;
	}

	img.no_thumb
	{
		mc-thumbnail: none;
		vertical-align: text-top;
		max-width: 30px;
		height: auto;
	}

	img
	{
		max-width: 100% !important;
	}

	.top
	{
		display: none;
	}

	.in-this-page
	{
		display: none;
	}

	p.title
	{
		
	}

	.wide-mobile	/* this style makes the slideshow wider on mobile. This way, things are more legible on narrow devices and the arrows are in the left margins of the page.*/
	{
		padding-left: 0;
		padding-right: 0;
	}

	.note_warning
	{
		width: unset;
	}

	.right
	{
		width: 50%;
	}

	.equation,
	.equation_no_num,
	.equation0,
	.equation-apha-begin,
	.equation-apha-continue
	{
		margin-left: 0px;
	}

	h1
	{
		font-size: 1.6em;
	}

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

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

	/*begin search filter position modification*/

	.search-filter-content ul,
	ul.product-list
	{
		column-count: 1;
	}

	.search-filter-wrapper
	{
		right: 94px !important;
	}

	._Skins_search_pubs .search-filter-wrapper
	{
		right: 36px !important;
	}

	/*end search filter position modification*/
	/*begin stylize the manually created TOC*/

	div.contents-long
	{
		margin-left: 0px;
	}

	p.xrefTOCappendix,
	p.xrefTOC1,
	p.xrefTOC1-continue
	{
		margin-bottom: 2px;
		margin-top: 2px;
		font-size: 1.4rem;
		font-weight: normal;
		mc-auto-number-format: 'X:{n+} ';
		mc-auto-number-position: outside-head;
	}

	p.xrefTOCappendix
	{
		mc-auto-number-format: 'Y:{A+} ';
	}

	p.xrefTOC1-continue
	{
		mc-auto-number-format: 'X:{n}.{size 80%}{n+}';
	}

	p.xrefTOC2
	{
		margin-bottom: 2px;
		margin-top: 2px;
		font-size: 1rem;
	}

	p.xrefTOC3
	{
		margin-bottom: 2px;
		margin-top: 2px;
		font-size: 0.8rem;
	}

	p.xrefTOC-summary
	{
		font-size: 1.4rem;
		font-style: italic;
		margin-bottom: 3px;
		margin-top: 3px;
	}

	.volume
	{
		font-size: 1.4rem;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	div.contents-long .AutoNumber_p_xrefTOC1
	{
		font-size: 1.4rem;
		margin-top: 4px;
		margin-bottom: 8px;
	}

	/*end stylize the manually created TOC*/
}

/*Things below this are to ensure that the content looks right when a customer prints the web page. If editing the medium for a pdf, edit the manual.css or note.css files.*/

@media print
{
	body
	{
		
	}

	div.wrap
	{
		background-color: white;
		padding-top: 0px;
		margin-left: 0em;
		padding-left: 0em;
		margin-right: 0em;
		padding-right: 0em;
		padding-bottom: 100px;
	}

	div.top
	{
		display: none;
	}

	.part_num
	{
		border: none;
		background-color: white;
	}

	h1
	{
		font-size: 24pt;
		font-family: 'Univers Next Pro Light';
		color: black;
	}

	h2
	{
		font-size: 18pt;
		margin-top: 14px;
		font-family: 'Univers Next Pro Thin';
		color: black;
	}

	h3,
	h4,
	h5
	{
		font-size: 13pt;
		color: black;
		font-family: 'Univers Next Pro Condensed';
	}

	b
	{
		font-weight: bold;
		font-family: 'Sabon Next Com Regular';
	}

	p.title
	{
		font-family: 'Univers Next Pro Light';
		font-size: 12pt;
		margin-top: 0em;
	}

	table
	{
		margin-left: 0in !important;
		margin-top: 0.25in;
	}

	.num_no
	{
		display: block;
	}

	ul li.num_no
	{
		list-style-type: none;
		content: none;
	}

	ul.inlist
	{
		margin-left: -20pt;
		text-indent: -10pt;
		margin-top: 0em;
		margin-bottom: 0em;
	}

	ul.inlist li
	{
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight: normal;
	}

	ul
	{
		
	}

	.note
	{
		page-break-inside: avoid;
	}

	/*begin footer styles for mobile. Some are in main too*/

	.email-signup-column
	{
		order: 1;
	}

	.directory-column
	{
		order: 3;
	}

	.hobo-intemp-licor-brand-column,
	.address-column
	{
		order: 4;
		justify-content: start;
		flex: 50%;
		max-width: 50%;
	}

	/*end footer styles for mobile. Some are in main too*/
}

@page 
{
	margin: 1.25in;
	margin-top: 0.75in;
}