/*<meta />*/

@font-face 
{
	font-family: 'Roboto';
	src: url('../Fonts/Roboto-Regular.ttf');
}

@font-face 
{
	font-family: 'Roboto-Medium';
	src: url('../Fonts/Roboto-Medium.ttf');
}

@font-face 
{
	font-family: 'Roboto-Light';
	src: url('../Fonts/Roboto-Light.ttf');
}

@font-face 
{
	font-family: 'Roboto-Thin';
	src: url('../Fonts/Roboto-Thin.ttf');
}

.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*/
{
	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: 28px;
}

.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: 28px;
}

/*end nav button modification*/
/*begin search filter position modification*/

.search-filter-wrapper
{
	left: 0px;
	z-index: 1000;
	margin-top: 56px;
	display: block !important;
	right: 0px !important;
}

.search-filter-content
{
	left: 0px;
	border: 1px solid #3b4e5e;
	border-radius: 0.3rem;
}

.search-filter
{
	height: 38px !important;
}

.search-filter-content ul,
ul.product-list
{
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
}

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

.search-filter-content ul li:first-child	/*hides the first item in the list since it is repeated by the all topics entry; this was done to fix in issue with the no filter option not working*/
{
	display: none;
}

.search-filter-content ul li:nth-child(2),
.search-filter-content ul li:nth-child(3),
.search-filter-content ul li:nth-child(4),
.search-filter-content ul li:nth-child(5)	/*these bold the first four items after the hidden first one to call attention to them*/
{
	font-weight: bold;
}

.search-filter-wrapper.open
{
	background-color: transparent;
	background: transparent !important;
}

/*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: left;
}

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

/*end make menu horizontal*/
/*begin div for in page header*/

.nav
{
	float: right;
	margin-top: 3px;
}

.contact-us,
.contact-us-home
{
	float: right;
	margin-top: -2px;
}

.page-header
{
	border-bottom: 1px solid #D9E2ED;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: hidden;
	font-size: 80%;
}

.page-header-home
{
	border-bottom: 1px solid #D9E2ED;
	padding-top: 6px;
	padding-bottom: 6px;
	overflow: hidden;
	font-size: 80%;
}

.breadcrumbs
{
	float: left;
}

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

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

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

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
{
	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;
}

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%;
}

.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;
}

html
{
	
}

body
{
	background: #ffffff;
}

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;
	background-color: #b5dbf3;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url('../Images/tip-bulb-blue.png');
	background-position: 4px 6px;
	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,
.note_note
{
	padding: 3pt;
	border-radius: 3px;
	border: solid 1px #7a5f9b;
	background-color: #b5dbf3;
	margin-top: 16px;
	margin-bottom: 16px;
}

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

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

/*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: 400;
}

h2
{
	
}

h3
{
	
}

h4
{
	font-weight: 400;
	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
{
	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
{
	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
{
	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
{
	mc-auto-number-format: 'CE:{n}{a+}';
}

p.in_the
{
	text-align: center;
}

caption
{
	line-height: 15px;
	font-size: 1em;
	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: 0;
}

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: unset;
}

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;
}

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

p.xrefTOCappendix,
p.xrefTOC1,
p.xrefTOC1-continue
{
	margin-left: 64px;
	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: 64px;
}

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

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

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

p.xrefTOC3
{
	margin-left: 78px;
	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;
	margin-left: 64px;
}

.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;
}

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

var
{
	font-style: italic;
	font-family: 'Times New Roman';
	font-size: 1.1em;
}

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

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

a.MCBreadcrumbsLink
{
	text-decoration: none;
	color: #999999;
	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;
}

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

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

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

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

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

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

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

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

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

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

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

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: 150px;
	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;
}

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 p:first-child
{
	font-weight: bold;
}

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;
}

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%;
}

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

	.instructions,
	.downloads,
	.videos,
	.questions,
	.trouble,
	.more
	{
		background-size: 80px 80px;
	}

	.factory
	{
		background-image: none;
	}

	/*ending of classes that make landing pages have nice cards*/
	/*sets minimum width to make the 5-column layout work*/

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

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

	.nav
	{
		display: none;
	}

	ul._Skins_menu_support li
	{
		width: 83px;
	}

	.page-header
	{
		border-bottom: 1px solid #D9E2ED;
		padding-bottom: 4px;
		overflow: hidden;
	}

	.page-header-home MCBreadcrumbsBox_0	/*makes breadcrumb narrow on home page and search results*/
	{
		width: unset;
	}

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

	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 ul,
	ul.product-list
	{
		column-count: 2;
	}

	/*end search filter position modification*/

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

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

	.instructions,
	.downloads,
	.videos,
	.questions,
	.trouble,
	.more
	{
		background-size: 60px 60px;
	}

	.factory
	{
		background-image: none;
	}

	.d-sm-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
	{
		border-bottom: 1px solid #D9E2ED;
		padding-top: 4px;
		padding-bottom: 4px;
		overflow: hidden;
	}

	.nav
	{
		display: none;
	}

	.breadcrumbs
	{
		width: 64%;
	}

	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-wrapper
	{
		margin-top: 52px;
	}

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

	/*end search filter position modification*/

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

/*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;
		font-weight: normal;
	}

	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;
	}
}

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