/*<meta />*/

/********************************
*                               *
*    CSS Organization Template  *
*                               *
*********************************/

/****** Content ******/
/* content: ""; */
/****** Display ******/
/* display: flex; */
/****** Positioning ******/
/* position: absolute; */
/* left: 10px; */
/* right: 10px; */
/* top: 10px; */
/* bottom: 10px; */
/* z-index: -1; */
/****** Box-Model ******/
/* height: 100%; */
/* width: 100%; */
/* max-width: 100%; */
/* background: inherit; */
/* border: 1px solid black; */
/* margin: 0; */
/* padding: 0; */
/****** Typography ******/
/* color: black; */
/* font-size: 3rem; */
/* text-align: center; */
/****** Manipulation ******/
/* transform: inherit; */
/* filter: blur(3rem); */
/* opacity: 0.5; */
/****** Misc ******/
/* border-radius: 50%; */
/* box-shadow: inherit; */
/*@import url('ChargepointStructure.css');*/

@import url('../tablestyles/tech-lib-table.css');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://cdn.fonts.net/t/1.css?apiType=css&projectid=d6176baf-d838-488f-b518-035ebb07b9b6');

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

:root
{
	/* HTML layout colors */
	/* Brand Colors */
	--CPOrange: #ff7a14;
	--CPBlueGray: #7a9caf;
	/* UXUI - GRAY - Text and Icons */
	--GrayBlack: #292929;
	/* Black Gray */
	--GrayDark: #4c4c4c;
	/* Dark Gray */
	--GrayMedium: #757575;
	/* Medium Gray */
	/* UXUI - GRAY - Non Text - UI Elements */
	--Gray: #949494;
	/* Gray */
	--GrayMediumLight: #bfbfbf;
	/* Medium Light Gray */
	--GrayLight: #d9d9d9;
	/* Light Gray */
	--GrayExtraLight: #ededed;
	/* Extra Light Gray */
	--GrayFaint: #f7f7f7;
	/* Faint Gray */
	/* UXUI - BLUE - Links and Icons */
	--BlueLink: #4067ba;
	/* Link Blue */
	/* UXUI - BLUE - Non Text - UI Elements */
	--BlueMedium: #c0ccd7;
	/* Medium Blue */
	--BlueLight: #e6ebef;
	/* Light Blue */
	--BlueExtraLight: #ebf0f5;
	/* Extra Light Blue */
	/* UXUI - Error Colors - Text and Icons */
	--RedMedium: #d12a11;
	/* Medium Red */
	--GreenMedium: #3c8300;
	/* Medium Green */
	--BlueGrayExtraLight: #ebeff1;
	/* Footer BG Color to match Side Nav BG color */
	/* Text colors */
	--Black: #000000;
	--White: #ffffff;
	--CPLightOrange: #f8971d;
	--CPDarkOrange: #e75516;
	/*new tomato orange color added 7-11-2024 per Brittney G., replaces #f15d22 */
	--CPLightBlueGray: #cbd6df;
	--CPDarkBlueGray: #546e8f;
	--CPGreen: #77bc1f;
	/* Font sizing*/
	--LetterSpacing: 0;
	--FontFamilyPrimary: 'Inter', sans-serif;
	--FontFamilyBold: 'Inter', sans-serif;
	--FontFamilyBolder: 'Inter', sans-serif;
	--FontFamilyBlack: 'Inter', sans-serif;
	/*--FontFamilySecondary: 'SF Pro Text Regular', HelveticaNeue, Arial, sans-serif;
	--FontFamilySecondaryBold: 'SF Pro Text Semibold', HelveticaNeue, Arial, sans-serif;
	--FontFamilySecondaryBolder: 'SF Pro Text Bold', HelveticaNeue, Arial, sans-serif;
	--FontFamilySecondaryBlack: 'SF Pro Text Medium', HelveticaNeue, Arial, sans-serif;*/
	--FontSizeNormal: 1rem;
	--FontSizeSmaller: .9rem;
	--FontSizeLarger: 1.15rem;
	--LineHeightNormal: 1.2rem;
	--LineHeightSmaller: 1.1rem;
	--LineHeightLarger: 1.3rem;
	/* Font styles */
	--LetterSpacing: 0;
	--font-primary: 'Inter', sans-serif;
	--font-primary-light: 300;
	--font-primary-medium: 600;
	--font-primary-bold: 700;
}

/*END - Taken from ChargepointFontsColors.css*/
/*START - ChargepointStructure.css*/
/* Adjustments to Built-in Styles */
/* Set background color of off-canvas area */

div.foundation-wrap
{
	background-color: #bfbfbf;
	mc-hidden: hidden;
}

/* Main container, except page background */

div.off-canvas-wrapper-inner
{
	max-width: 1920px;
	margin: auto;
	mc-hidden: hidden;
}

/* Needed for proper flush display of elements */

div.body-container,
div.height-container-sidenav
{
	background-color: #ffffff;
	padding: 0;
	mc-hidden: hidden;
}

/* Logo Adjustments */

div.logo-wrapper
{
	margin: 15px;
	mc-hidden: hidden;
	align-items: center;
	gap: 10px;
}

p.sublogo
{
	margin: 0;
	padding: 0 0 4px 0;
	font-family: 'Inter', sans-serif;
	font-size: 1.6rem;
	color: #546e8f;
	line-height: normal;
	mc-hidden: hidden;
}

/* Hamburger Icon */

nav.title-bar .menu-icon
{
	left: 0;
	right: 0;
}

/* Nav Panel Aside for Tablet and Mobile */

div.js-off-canvas-exit
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/* Search Bar Background Wrapper */

div.nav-search-wrapper
{
	/*background-color: var(--CPOrange);*/
	padding: 10px;
	border-top: 3px solid #cbd6df;
	mc-hidden: hidden;
}

/* Jay's Styles. Main content wrapper, no footer */
/* Also used on StartPage */

/* div.content-container
{
	margin: 0;
	padding: 20px 2% 65px 2%;
	min-height: calc(100vh - 170px);
	mc-hidden: hidden;
} */

/* HTML-Footer Snippet Styles */

div.footer-text-link a:hover
{
	color: #ff7a14;
	text-decoration: none;
	mc-hidden: hidden;
}

/* Sets the title bar div created by the Flare skin to the same height as the navigation container. */
/* Seems to only be relevant to tablet view */

nav.title-bar
{
	padding: 0;
	height: auto;
	mc-hidden: hidden;
}

button.menu-icon span
{
	padding-left: 10px;
	mc-hidden: hidden;
}

div.search-filter-content ul
{
	padding: 0;
	mc-hidden: hidden;
}

div.search-filter-content ul *
{
	color: #7a9caf;
	font-family: 'Inter', sans-serif;
	mc-hidden: hidden;
}

div.search-filter-content button.mc-dropdown-item
{
	padding: 0px 6px;
	mc-hidden: hidden;
}

div.search-filter-content button.mc-dropdown-item:hover span
{
	color: #000000;
	mc-hidden: hidden;
}

div.dropDown div.dropDown
{
	max-width: 100%;
	mc-hidden: hidden;
}

div.dropDown + div.dropDown
{
	border-top: none;
	mc-hidden: hidden;
}

/* Side navigation menu overrides for skin. */

/*
div.sidenav-container > ul > li
{
	padding-left: 3px;
}
*/

div.sidenav-container ul.sidenav li,
div.sidenav-container ul.sidenav li a
{
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	mc-hidden: hidden;
}

/* Side Nav Styling*/

nav.sidenav-wrapper span.submenu-toggle-container
{
	position: absolute;
	left: 3px;
	mc-hidden: hidden;
}

nav.sidenav-wrapper ul.nested span.submenu-toggle-container
{
	position: absolute;
	left: 18px;
	mc-hidden: hidden;
}

nav.sidenav-wrapper ul.nested ul.nested span.submenu-toggle-container
{
	position: absolute;
	left: 36px;
	mc-hidden: hidden;
}

nav.sidenav-wrapper ul.nested ul.nested ul.nested span.submenu-toggle-container
{
	position: absolute;
	left: 54px;
	mc-hidden: hidden;
}

nav.sidenav-wrapper li,
nav.sidenav-wrapper li a
{
	line-height: 140%;
	mc-hidden: hidden;
}

/* Images that replace the solid triangles used to expand and contract menu leafs. */
/* Unselected OPEN node. */

nav.sidenav-wrapper span.submenu-toggle-container[aria-expanded="true"]
{
	background-image: url('../icons/menu-leaf-open-dark.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

/* Unselected CLOSED node. */

nav.sidenav-wrapper span.submenu-toggle-container[aria-expanded="false"]
{
	background-image: url('../icons/menu-leaf-closed-dark.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

/* Selected OPEN node. */

nav.sidenav-wrapper a.selected span.submenu-toggle-container[aria-expanded="true"]
{
	background-image: url('../icons/menu-leaf-open-light.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

/* Selected CLOSED node. */

nav.sidenav-wrapper a.selected span.submenu-toggle-container[aria-expanded="false"]
{
	background-image: url('../icons/menu-leaf-closed-light.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

/* Hover OPEN node. */

nav.sidenav-wrapper a:hover span.submenu-toggle-container[aria-expanded="true"]
{
	background-image: url('../icons/menu-leaf-open-dark.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

/* Hover CLOSED node. */

nav.sidenav-wrapper a:hover span.submenu-toggle-container[aria-expanded="false"]
{
	background-image: url('../icons/menu-leaf-closed-dark.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

/* Hover on selected OPEN node. */

nav.sidenav-wrapper a.selected:hover span.submenu-toggle-container[aria-expanded="true"]
{
	background-image: url('../icons/menu-leaf-open-light.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

/* Hover on selected CLOSED node. */

nav.sidenav-wrapper a.selected:hover span.submenu-toggle-container[aria-expanded="false"]
{
	background-image: url('../icons/menu-leaf-closed-light.png');
	background-repeat: no-repeat;
	background-position: 1px 5px;
	mc-hidden: hidden;
}

nav.sidenav-wrapper
{
	z-index: 25;
	position: relative;
	mc-hidden: hidden;
}

/* Style outlines in sidenav links */

/*
nav.sidenav-wrapper input:focus,
nav.sidenav-wrapper select:focus,
nav.sidenav-wrapper textarea:focus,
nav.sidenav-wrapper button:focus,
nav.sidenav-wrapper span:focus
{
	outline: none;
	mc-hidden: hidden;
}
*/

/* Breadcrumbs */

div.float-breadcrumbs
{
	float: left;
	clear: left;
	width: auto;
	max-width: calc(100% - 275px);
	mc-hidden: hidden;
}

/* div.breadcrumbs
{
	display: inline-block;
	mc-hidden: hidden;
} */

/* 
div.breadcrumbs a
{
	padding: 3px;
	mc-hidden: hidden;
} */

/* div.breadcrumbs a:link,
div.breadcrumbs a:visited
{
	border: none;
	text-decoration: underline;
	mc-hidden: hidden;
}

div.breadcrumbs a:active,
div.breadcrumbs a:hover
{
	border: none;
	text-decoration: none;
	mc-hidden: hidden;
} */

/* Toolbar*/

div.float-toolbar
{
	float: right;
	clear: right;
	width: 250px;
	height: 30px;
	margin: 0 0 0 15px;
	mc-hidden: hidden;
}

div.float-toolbar > div
{
	height: 30px;
	width: auto;
	margin: 0 2px;
	display: inline-block;
	mc-hidden: hidden;
}

div.float-toolbar > div#HomeButton
{
	height: 36px;
	width: 42px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: transparent;
	border: 1px solid transparent;
	float: right;
	background-image: url('../icons/home.png');
	background-repeat: no-repeat;
	background-position: center 2px;
	mc-hidden: hidden;
}

div.float-toolbar > div#HomeButton a
{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	mc-hidden: hidden;
}

div.bottom-toolbar
{
	float: none;
	clear: both;
	width: 100%;
	margin: auto 15px;
	display: block;
	height: 38px;
	position: absolute;
	right: 0;
	bottom: 75px;
	overflow: visible;
	text-align: center;
	mc-hidden: hidden;
}

div.bottom-toolbar > div
{
	height: 38px;
	width: 38px;
	padding-top: 8px;
	margin: 0 8px;
	display: inline-block;
	mc-hidden: hidden;
}

/*
div.bottom-toolbar > div:first-child
{
	float: left;
	mc-hidden: hidden;
}

div.bottom-toolbar > div:last-child
{
	float: right;
	mc-hidden: hidden;
}
*/

/* Toolbar hover */

div#HomeButton:hover,
button.button.previous-topic-button:hover,
button.button.next-topic-button:hover,
button.button.expand-all-button:hover,
button.button.remove-highlight-button:hover,
button.button.home-button:hover,
button.button.collapse-all-button:hover
{
	border-color: transparent;
	outline: 2px solid #7897ab;
	mc-hidden: hidden;
}

div#HomeButton:active,
button.button.previous-topic-button:active,
button.button.next-topic-button:active,
button.button.expand-all-button:active,
button.button.remove-highlight-button:active,
button.button.home-button:hover,
button.button.collapse-all-button:active
{
	outline: 2px solid #7897ab;
	border-color: transparent;
	mc-hidden: hidden;
}

/* FOOTER */
/* in-page footer */

div.footer-wrapper
{
	height: 65px;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: visible;
	mc-hidden: hidden;
}

div.footer-container
{
	width: 100%;
	margin: auto;
	padding: 0;
	/* position: relative;
	z-index: 5; */
	mc-hidden: hidden;
}

div.footer-block
{
	width: 100%;
	height: 65px;
	box-sizing: border-box;
	background-color: #ebeff1;
	border-top: 5px solid #7a9caf;
	mc-hidden: hidden;
}

/* Holds the footer's external links. */

div.footer-links-container
{
	display: block;
	box-sizing: border-box;
	margin: 6px auto 0 auto;
	padding: 0;
	text-align: center;
	mc-hidden: hidden;
}

div.footer-text-link
{
	box-sizing: content-box;
	height: 16px;
	line-height: 18px;
	padding: 1px 18px;
	border-left: 1px solid #000000;
	margin: 0;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	mc-hidden: hidden;
}

div.footer-text-link:first-child
{
	border-left: none;
	mc-hidden: hidden;
}

div.footer-text-link p
{
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	margin: 0;
	padding: 0;
	color: #4c4c4c;
	letter-spacing: 1px;
	mc-hidden: hidden;
}

div.footer-text-link a:link,
div.footer-text-link a:visited,
div.footer-text-link a:active,
div.footer-text-link a:hover
{
	color: inherit;
	text-decoration: none;
	mc-hidden: hidden;
}

div#HomeButton,
div.bottom-toolbar,
div.float-toolbar,
div.sidenav-container,
div.search-filter-content
{
	mc-hidden: hidden;
}

/* Start Clean-Up by RK */

nav.topic-top-toolbar,
.topic-breadcrumbs,
.topic-buttons,
.topic-body,
nav.topic-bottom-toolbar,
footer.topic-footer
{
	mc-hidden: hidden;
}

div.height-container
{
	display: flex;
	flex-direction: column;
	height: 100%;
}

nav.topic-top-toolbar
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

MadCap|breadcrumbsProxy
{
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	font-size: .9rem;
	line-height: 1.5rem;
	mc-breadcrumbs-count: 6;
	mc-breadcrumbs-prefix: '';
	mc-hidden: hidden;
}

.topic-buttons
{
	padding: 10px;
}

.topic-body
{
	flex: 1 0 auto;
	padding: 0 1rem;
}

nav.topic-footer-toolbar
{
	display: flex;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

footer.topic-footer
{
	flex-shrink: 0;
	padding-top: 5px;
	display: block;
	mc-disable-glossary-terms: true;
	font-family: 'Inter', sans-serif;
	height: 2em;
	width: 100%;
}

/* End Clean-Up by RK */

span.mc-variable.Title-Case
{
	text-transform: capitalize;
}

/*START - ChargepointStructure.css*/

/* comment this out to see border around all elements; for troubleshooting layout issues

{border: 1px solid #ca0003;}*/

.table-stick
{
	max-height: 550px;
	overflow-y: auto;
	border: 1px solid #ccc;
}

table th
{
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 1;
}

.dropDownHotspot:link
{
	color: #000000;
	font-family: 'Inter', sans-serif;
}

nav.sidenav-wrapper
{
	display: none !important;
}

/*SDS - Back to top */

.topic-footer p.footer
{
	position: relative;
	z-index: 10;
	font-size: .9rem;
}

#backToTop
{
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
}

#backToTop img
{
	width: 100%;
	height: 100%;
}

/*SDS - END - Back to top */
/*SDS - Adding Mini ToC on the right*/
/* Floating TOC Styles */

.content-wrapper
{
	width: calc(100%);
	margin-right: 10px;
	margin-left: 30px;
	margin-top: 50pt;
}

#floating-toc
{
	width: 250px;
	position: fixed;
	right: 10px;
	top: 10em;
	/* Adjust if needed */
	max-height: 80vh;
	overflow-y: auto;
	background: #f8f9fa;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	margin-top: 4em;
}

/*#floating-toc {
    position: absolute; 
    right: 10px; 
    width: 250px;
    max-height: 80vh;
    overflow-y: auto;
    background: #f8f9fa;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    font-family: var(--FontFamilyPrimary);
    font-size: 14px;
    z-index: 1000; Keeps it above other content
	margin-top: 4em;
}*/

/* Ensuring spacing with the content */

.topic-body
{
	position: relative;
}

.topic-top-toolbar
{
	position: relative;
	/* Ensures proper positioning */
	z-index: 1100;
}

/* Ensure floating TOC is visible */

body
{
	position: relative;
}

/* TOC Title */

#floating-toc h2
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	border-bottom: 2px solid #757575;
	padding-bottom: 4px;
}

/* TOC List */

#floating-toc ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#floating-toc li
{
	margin: 5px 0;
	border-bottom: 1px solid gray;
	padding: 6px;
}

/* TOC Links */

#floating-toc a
{
	text-decoration: none;
	color: #000000;
}

#floating-toc a:hover
{
	text-decoration: underline;
}

/* Indentation for H3 */

.toc-level-3
{
	padding-left: 15px;
	font-size: 13px;
}

/*SDS - END - Adding Mini ToC on the right*/

.nav-search
{
	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
}

body
{
	color: #000000;
	background-color: #ffffff;
	font-family: 'Inter', sans-serif;
	hyphens: none;
	ms-hyphens: none;
	mc-hyphenate: never;
}

/* Default horizontal line */

hr
{
	height: 1px;
	background-color: #7a9caf;
	padding: 0;
	border: 0;
}

/*********************************
*                                *
*        Heading Styles          *
*                                *
/********************************/

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: 'Inter', sans-serif;
	page-break-after: avoid;
	line-height: normal;
	mc-hyphenate: never;
}

h1,
h1.Chapter
{
	margin-top: 1.8rem;
	margin-bottom: 1.2rem;
	color: #000000;
	font-size: 2.5rem;
	font-family: 'Inter', sans-serif;
	clear: both;
}

h2
{
	color: #000000;
	font-size: 1.8rem;
	margin-top: 1.4rem;
	margin-bottom: 1rem;
	clear: both;
}

h3
{
	color: #000000;
	font-size: 1.6rem;
	margin-top: 1.2rem;
	margin-bottom: 1rem;
}

h4
{
	color: #000000;
	font-size: 1.4rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

h5
{
	color: #000000;
	font-size: 1.2rem;
	margin-top: .8rem;
	margin-bottom: .8rem;
}

h6
{
	color: #000000;
	font-style: italic;
	font-size: 1rem;
	margin-top: .8rem;
	margin-bottom: .4rem;
}

/* Used in warranty to mimic header */

p.PseudoHeader
{
	font-family: 'Inter', sans-serif;
	color: #000000;
	font-size: 1.15rem;
	line-height: 1.3rem;
	margin-top: 1rem;
	margin-bottom: .8rem;
	mc-hidden: hidden;
}

/********************************
*                               *
*          Link styles          *
*                               *
*********************************/

a:link,
a:visited
{
	text-decoration: underline;
	color: #4c4c4c;
}

a:active,
a:hover
{
	color: #4c4c4c;
	text-decoration: none;
}

a[class*="MiniTOC"]:link
{
	padding: 2px 6px;
}

/********************************
*                               *
*          Image styles         *
*                               *
*********************************/

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

/* Limit list item images sizes to half-page */

.default_image,
li > p > img,
li > img
{
	max-width: 55%;
	max-height: auto;
}

img.FloatRight
{
	/* max-width: 350px; */
	margin-left: 5rem;
	vertical-align: text-top;
	float: right;
	clear: both;
}

img.FloatLeft
{
	/* max-width: 350px; */
	margin-right: 5rem;
	vertical-align: text-top;
	float: left;
	clear: both;
}

img.IconFloatRight
{
	max-width: 0.75in;
	height: auto;
	margin-left: 2%;
	float: right;
	clear: both;
}

img.IconFloatLeft
{
	max-width: 1in;
	height: auto;
	margin-right: 2%;
	vertical-align: text-top;
	float: left;
	clear: both;
}

/* Only used in snippet expp-tools.materials.flsnp */

img.IconFloatRightSmall
{
	max-width: .5in;
	height: auto;
	margin-left: 2%;
	vertical-align: text-top;
	float: right;
	clear: both;
}

/* Only used in snippet expp-tools.materials.flsnp */

img.IconFloatLeftSmall
{
	max-width: .5in;
	height: auto;
	margin-right: 2%;
	vertical-align: text-top;
	float: left;
	clear: both;
}

/********************************
*                               *
*     Flex styles for Web       *
*     and Float for Print       *
*                               *
*********************************/

div.FlexFloat,
div.FlexFloatReverse,
div.FlexFloatReverseWrap,
div.FlexFloatWrap,
div.FlexFloatWrapReverse
{
	display: flex;
	flex-flow: row nowrap;
	align-items: start;
	justify-content: start;
}

div.FlexFloatReverse
{
	flex-flow: row-reverse nowrap;
}

div.FlexFloatWrap
{
	flex-flow: row wrap;
}

div.FlexFloatReverseWrap
{
	flex-flow: row wrap-reverse;
}

div.FlexFloatWrapReverse
{
	flex-flow: row-reverse wrap-reverse;
}

div.FlexCenter
{
	align-items: center;
	justify-content: center;
}

div.FlexFloatWrapReverse > img
{
	flex: 1 1 5rem;
}

div.FlexFloatWrapReverse > div,
div.FlexFloatWrapReverse > p,
div.FlexFloatWrapReverse > ol
{
	flex: 2 1 10rem;
}

/********************************************
*                                          *
*  Individual element sizes for Landscape  *
*  and Portrait in 5% increments           *
*                                          *
********************************************/

.Width5
{
	max-width: 5%;
	max-height: auto;
}

.Width10
{
	max-width: 10%;
	max-height: auto;
}

.Width15
{
	max-width: 15%;
	max-height: auto;
}

.Width20
{
	max-width: 20%;
	min-width: 10rem;
	max-height: auto;
}

.Width25
{
	max-width: 25%;
	max-height: auto;
}

.Width30
{
	max-width: 30%;
	max-height: auto;
}

.Width35
{
	max-width: 35%;
	max-height: auto;
}

.Width40
{
	max-width: 40%;
	max-height: auto;
}

.Width45
{
	max-width: 45%;
	max-height: auto;
}

.Width50
{
	max-width: 50%;
	max-height: auto;
}

.Width55
{
	max-width: 55%;
	max-height: auto;
}

.Width60
{
	max-width: 60%;
	max-height: auto;
}

.Width65
{
	max-width: 65%;
	max-height: auto;
}

.Width70
{
	max-width: 70%;
	max-height: auto;
}

.Width75
{
	max-width: 75%;
	max-height: auto;
}

.Width80
{
	max-width: 80%;
	max-height: auto;
}

.Width85
{
	max-width: 85%;
	max-height: auto;
}

.Width90
{
	max-width: 90%;
	max-height: auto;
}

.Width95
{
	max-width: 95%;
	max-height: auto;
}

.Width100
{
	max-width: 100%;
	max-height: auto;
}

/********************************
*                               *
*         Float styles          *
*                               *
*********************************/

div.FloatRight
{
	max-width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	float: right;
	clear: none;
}

div.FloatRight p
{
	text-align: right;
}

div.FloatRight p img
{
	max-width: 90%;
	height: auto;
}

div.PDFIcon
{
	float: right;
	margin-right: 10px;
	position: relative;
	top: -15px;
}

div.PDFIcon img
{
	width: 55px;
	height: auto;
	mc-hidden: hidden;
}

/***********************************
*                                  *
*      Paragraphs and Lists        *
*                                  *
************************************/

p,
li,
dt,
dd
{
	color: #000000;
	font-size: 1rem;
	line-height: 1.2rem;
	letter-spacing: 0;
	mc-hyphenate: never;
}

p
{
	margin-top: .8rem;
	margin-bottom: .8rem;
	font-style: normal;
	font-family: 'Inter', sans-serif;
	font-size: 12pt;
}

li,
li > p
{
	margin-top: .5rem;
	margin-bottom: .5rem;
}

ul
{
	margin-top: 0;
}

/********************************
*                               *
*          List Styles          *
*                               *
*********************************/

/* Default unordered list and nested variations*/

ul,
ul ul,
ul ul ul
{
	list-style-type: disc;
}

/* Level 0 list as decimal */

ol
{
	list-style-type: decimal;
}

/* Level 1 nested list as alpha */

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

/* Level 1 nested list as alpha */

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

/* Color all list numbers dark orange */

ol > li
{
	color: #e75516;
}

ul ol > li
{
	color: #e75516;
	/* font-weight: bold; */
}

ol.alpha
{
	list-style-type: lower-alpha;
}

/* List that goes inline with the text */

ul.no-margin
{
	margin-left: 18px;
	padding-left: 0;
}

/* Custom list and span to go with image letter callouts */

span.callout,
ol.callout > li::marker
{
	color: #e75516;
	font-family: 'Inter', sans-serif;
}

ol.callout
{
	counter-reset: listCallout;
	list-style: lower-alpha;
}

ol.callout > li::marker
{
	counter-increment: listCallout;
	content: '(' counter(listCallout) ')';
}

/* By default, do not allow list items to break inside; keeps images with procedures. */

li
{
	page-break-inside: avoid;
}

li ol,
li ul
{
	page-break-inside: auto;
}

li p,
li table,
li div *
{
	/* page-break-inside: auto; */
	color: #000000;
	font-weight: normal;
}

li div > h4
{
	color: #546e8f;
}

dd
{
	margin-left: auto;
}

/* Only used on Page Layout pages for the bottom footer (logo, PN, etc) */

p.PrintFooterSmall
{
	text-align: center;
}

/***********************************
*                                  *
*   Notes, Warning, Danger boxes   *
*                                  *
/***********************************/

div.NoteDanger,
div.NoteWarning,
div.NoteCaution,
div.NoteImportant
{
	margin: 1rem 0;
	background-repeat: no-repeat;
	background-position: left 50%;
	background-size: auto 24px;
	padding-left: 50px;
	page-break-inside: avoid;
}

/* Backgrounds for particular note styles */

div.NoteDanger
{
	background-image: url('../icons/warning-electricity.png');
}

div.NoteWarning
{
	background-image: url('../icons/danger.png');
}

div.NoteCaution
{
	background-image: url('../icons/warning.png');
}

div.NoteImportant
{
	background-image: url('../icons/important.png');
}

div.NoteContent
{
	min-height: 40px;
	max-width: 90%;
	margin: 0;
	padding: 9px 12px 9px 0;
	border-top: 3px solid #cbd6df;
	border-bottom: 3px solid #cbd6df;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #000000;
	page-break-inside: avoid;
}

div.NoteReinstall
{
	min-height: 40px;
	max-width: 100%;
	margin: 0;
	padding: 6px 12px 6px 0;
	border-top: 2px solid #cbd6df;
	border-bottom: 2px solid #cbd6df;
	background-color: #f7f7f7;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #000000;
	page-break-inside: avoid;
}

div.NoteContent *
{
	margin-top: .2rem;
	margin-bottom: .4rem;
}

div.NoteContent > *:first-child
{
	margin-top: 0;
	padding-top: 0;
}

div.NoteContent > *:last-child
{
	margin-bottom: 0;
	padding-bottom: 0;
}

/*************************************
*                                    *
*   Classes to control Page Breaks   *
*                                    *
/************************************/

.AllowPageBreakInside
{
	page-break-inside: auto;
}

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

.NoPageBreakAfter
{
	page-break-after: avoid;
}

.PageBreakBefore
{
	page-break-before: always;
}

.PageBreakAfter
{
	page-break-after: always;
}

/* Dropdown styles */

MadCap|dropDown
{
	border-top: 1px solid #7a9caf;
	border-bottom: 1px solid #7a9caf;
	max-width: 90%;
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../icons/minus-small.png');
	mc-closed-image: url('../icons/plus-small.png');
	padding: 10px 0;
}

MadCap|dropDownBody
{
	padding: 10px 15px 0 8px;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #546e8f;
	font-size: 1.15rem;
	font-family: 'Inter', sans-serif;
	border-bottom: none;
	display: block;
}

/* Expanding link styles. */

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

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

/* Cross-reference (xref) styles. */

MadCap|xref
{
	font-family: 'Inter', sans-serif;
	text-decoration: underline;
	color: #546e8f;
	mc-format: '{paratext}';
	font-size: 10pt;
}

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

/* List autonumbering styles. Goes to three levels deep for numbered lists. */
/* MadCap Flare built-in Auto Numbering without HTML Ordered Lists */

.numFirst,
.numPlus,
.numExtra
{
	mc-auto-number-position: outside-head;
	mc-auto-number-class: num;
	mc-auto-number-offset: 1.5rem;
	margin-left: 1.5rem;
}

.numFirst
{
	mc-auto-number-format: 'A:{n=1}.';
	mc-next-class: numPlus;
}

.numPlus
{
	mc-auto-number-format: 'A:{n+1}.';
}

.numExtra
{
	mc-auto-number-format: 'A:{ }';
}

span.num
{
	color: #e75516;
	font-weight: bold;
}

ol.StepRef
{
	mc-auto-number-format: 'B:{ =0}{ =0}{ =0}';
}

ol.StepRef ol
{
	mc-auto-number-format: ' ';
}

ol.StepRef ol ol
{
	mc-auto-number-format: ' ';
}

ol.StepRef ol ol ol
{
	mc-auto-number-format: ' ';
}

ol.StepRef li > p:first-child
{
	mc-auto-number-class: autolist;
	mc-auto-number-format: 'B:{n+}{ =0}{ =0}';
	text-indent: -1pt;
}

ol.StepRef ol li > p:first-child
{
	mc-auto-number-class: autolist;
	mc-auto-number-format: 'B:{n}.{a+}{ =0}';
	text-indent: -2pt;
}

ol.StepRef ol ol li > p:first-child
{
	mc-auto-number-class: autolist;
	mc-auto-number-format: 'B:{n}.{a}.{r+}';
	text-indent: -2pt;
}

/* Turn off autonumbering in bulleted lists */

ol.StepRef ul li > p,
ol.StepRef ol ul li > p,
ol.StepRef ol ol ul li > p,
ol.StepRef ul ul li > p,
ol.StepRef ul ul ul li > p,
ol.StepRef ul ol ul li > p,
ol.StepRef ul ol ol ul li > p
{
	mc-auto-number-class: autolist;
	mc-auto-number-format: ' ';
}

span.autolist
{
	color: transparent;
	width: 1pt;
	font-size: 1pt;
	mc-hidden: hidden;
}

/*************************************
*                                    *
*            Table Styles            *
*                                    *
/************************************/

table
{
	mc-caption-continuation: ' (continued)';
	mc-caption-repeat: true;
	mc-hide-bottom-ruling: false;
}

table.TableStyle-Table_Standard,
table.TableStyle-Table_PatternedRows
{
	mc-hide-bottom-ruling: false;
}

th
{
	line-height: 1.2rem;
	padding-bottom: 3px;
	color: #292929;
	font-family: 'Inter', sans-serif;
	font-size: 12pt;
}

th p
{
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	padding: 0 0 0 0;
	margin: inherit;
}

/* Removes styling from links if they appear in table headings */

th a:link,
th a:visited,
th a:hover
{
	color: #000000;
	background-color: transparent;
	border: none;
	text-decoration: none;
}

td
{
	line-height: 1.2rem;
	margin: 0;
	font-style: normal;
	color: black;
	font-family: 'Inter', sans-serif;
	font-size: 10pt;
}

td p
{
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	padding: 0 0 0 0;
	margin: .1rem 0;
}

caption
{
	font-family: 'Inter', sans-serif;
	font-size: 1.15rem;
	line-height: 1.3rem;
	text-align: center;
	margin-top: 0;
	padding-bottom: 0.5em;
	color: #000000;
	mc-hyphenate: never;
	color: transparent;
}

tfoot td
{
	font-family: 'Inter', sans-serif;
	color: #000000;
	font-size: 1rem;
	line-height: 1.2rem;
	padding-left: .3rem;
}

tr.TableStyle-Table_PatternedRows-Body-Divider td,
tr.TableStyle-Table_PatternedRows-Body-Divider p,
tr.TableStyle-Table_Standard-Body-Divider td,
tr.TableStyle-Table_Standard-Body-Divider p
{
	color: #000000;
	font-family: 'Inter', sans-serif;
}

td ul,
td ol
{
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0 0 0 15px;
	padding: 0px 0px 0px 0px;
}

td ol li,
td ul li
{
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0 0 0 15px;
	padding: 4px 0px 4px 0px;
}

td ol li p,
td ul li p
{
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table.TableStyle-Table_Standard th,
table.TableStyle-Table_Standard th p,
table.TableStyle-Table_Standard thead p,
table.TableStyle-Table_PatternedRows th,
table.TableStyle-Table_PatternedRows th p,
table.TableStyle-Table_PatternedRows thead p,
table.TableStyle-Table_Standard tfoot td,
table.TableStyle-Table_Standard tfoot td p,
table.TableStyle-Table_PatternedRows tfoot td,
table.TableStyle-Table_PatternedRows tfoot td p
{
	color: #000000;
	letter-spacing: 0;
}

table.TableStyle-Table_PatternedRows tbody tr:nth-child(even) ul > li,
table.TableStyle-Table_PatternedRows tbody tr:nth-child(even) ol ol > li,
table.TableStyle-Table_PatternedRows tbody tr:nth-child(even) ol ol ol > li
{
	color: #000000;
}

/*************************************
*                                    *
*           MiniTOC Proxy            *
*                                    *
/************************************/

MadCap|miniTocProxy
{
	border: 2px solid #7a9caf;
	border-radius: 5px;
	padding: 5px 15px 10px 0;
	margin: 15px 20px 10px 20px;
	mc-output-support: all;
}

p.MiniTOC1
{
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #000000;
	margin: 8px 0 2px 2%;
	padding: 1px 0 1px 25px;
	text-indent: -25px;
}

p.MiniTOC2
{
	font-family: 'Inter', sans-serif;
	font-size: 'Inter', sans-serif;
	line-height: 1.2rem;
	color: #000000;
	margin: 4px 0 2px 5%;
	padding: 1px 0 1px 25px;
	text-indent: -25px;
}

p.MiniTOC3
{
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #000000;
	margin: 4px 0 2px 8%;
	padding: 1px 0 1px 25px;
	text-indent: -25px;
}

p.MiniTOC4
{
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #000000;
	margin: 4px 0 2px 11%;
	padding: 1px 0 1px 25px;
	text-indent: -25px;
}

a[class*="MiniTOC"]:active,
a[class*="MiniTOC"]:visited,
a[class*="MiniTOC"]:hover
{
	background-color: #ffffff;
	color: #000000;
	border: none;
}

/*************************************
*                                    *
*      Generic Utility Classes       *
*                                    *
/************************************/

.clear
{
	clear: both;
}

div.ClearBoth
{
	clear: both;
	mc-hidden: hidden;
}

/* There is already a built-in clearfix class in Flare */
/* This additional class causes a conflict and adds extra whitespace */

/* 
.clearfix::before,
.clearfix::after
{
	content: '​';
	display: table;
	clear: both;
} */

div.outline
{
	border: 1px solid #757575;
	padding: 5px;
}

.AlignRight
{
	text-align: right;
}

.Center
{
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.CenterText
{
	text-align: center;
}

/* Styles for pointing out buttons in any UI */

b.UI
{
	font-family: 'Inter', sans-serif;
	/* color: var(--CPOrange); */
	/* font-weight: normal; */
}

/*************************************
*                                    *
*            Span Styles             *
*                                    *
/************************************/

/* For highlighting torque values */

span.torque
{
	font-family: 'Inter', sans-serif;
	color: #292929;
}

/* Jay's Style. This one is used throughout a lot of documents */
/* For proper semantics we should be using the em "emphasis" tag instead of span */

.Italics
{
	font-style: italic;
}

/* Jay's Style. This one is used throughout a lot of documents */
/* For proper semantics we should be using the strong tag instead of span */

.Bold
{
	font-family: 'Inter', sans-serif;
}

.BoldItalics
{
	font-family: 'Inter', sans-serif;
	font-style: italic;
}

.Underline
{
	text-decoration: underline;
}

.Uppercase
{
	text-transform: uppercase;
}

.Orange
{
	color: #ff7a14;
}

/* Only used in completeRadioGroupsCPF50.flsnp */

.BlueGray
{
	color: #7a9caf;
}

/* Styling of the word Note */

.NoteHeading
{
	font-family: 'Inter', sans-serif;
	font-weight: bold;
	color: #546e8f;
}

/*************************************
*                                    *
*      Search highlight colors       *
*                                    *
/************************************/

span.SearchHighlight1
{
	background: yellow;
}

span.SearchHighlight2
{
	background: LightBlue;
}

span.SearchHighlight3
{
	background: PaleGreen;
}

span.SearchHighlight4
{
	background: LightPink;
}

span.SearchHighlight5
{
	background: PaleGreen;
}

/*************************************
*                                    *
*         Front Page styles          *
*                                    *
/************************************/

div.FrontPage h1,
div.FrontPage h2,
div.FrontPage h3
{
	font-family: 'Inter', sans-serif;
	font-weight: normal;
	line-height: normal;
	mc-heading-level: 0;
	mc-hidden: hidden;
}

div.FrontPage h1
{
	font-size: 2.6rem;
}

div.FrontPage h2
{
	font-size: 1.5rem;
	color: #e75516;
	frame-break-after: always;
}

div.FrontPage h3
{
	font-size: 1.8rem;
	color: #546e8f;
	frame-break-after: always;
}

div.FrontPage p img
{
	max-width: 90%;
	height: auto;
}

/* 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. */

div.divRow50
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

h2.acro
{
	border-bottom: solid 2px #0000ff;
}

nav.title-bar
{
	background-color: #ffffff;
}

div.nav-search-wrapper
{
	border-top-style: none;
	padding-left: 0px;
	padding-right: 0px;
	/*background-color: #555555;
	border-top-color: #555555;
	border-top: none 0px #555555;*/
	padding-top: 10px;
}

a
{
	font-size: 8pt;
	font-family: 'Inter', sans-serif;
	color: #000000;
	font-style: normal;
}

tr.TableStyle-Table_PatternedRows-Body-Divider
{
	font-size: 8pt;
	font-family: 'Inter', sans-serif;
	font-style: normal;
}

p.ChapterNumber
{
	font-size: 12pt;
}

p.PDFNumber
{
	font-size: 12pt;
}

tr
{
	font-family: 'Inter', sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	font-variant: normal;
}

/*div.nav-search-wrapper
{
	border-top: none 1px #ffffff;
	background-color: #ffffff;
    padding: 0px;
    border-top: 0px;
    mc-hidden: hidden;

}*/

/*************************************
*                                    *
*            MEDIA Tablet            *
*                                    *
/************************************/

@media only screen and (max-width: 1076px)
{
	MadCap|dropDown
	{
		max-width: 100%;
	}

	.LandscapeSmall
	{
		max-width: 60%;
	}

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

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

	/* Limit list item images sizes */

	.default_image,
	li > p > img,
	li > img
	{
		max-width: 100%;
		max-height: auto;
	}

	/* SDS - Start: Styles below are used for creating an indexed list of acronmys and VO */
	/*voice over */

	#speakButton
	{
		background-color: #4CAF50;
		/* Green background */
		border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 10px 0;
		cursor: pointer;
		border-radius: 5px;
		transition: background-color 0.3s ease;
	}

	/* Change button color on hover */

	#speakButton:hover
	{
		background-color: #45a049;
		/* Darker green on hover */
	}

	/* Style the voice icon (if you use an icon inside the button) */

	#speakButton img
	{
		width: 20px;
		height: 20px;
		vertical-align: middle;
		/* Align the icon vertically with the text */
		margin-right: 8px;
	}

	/*Style for seconday page*/

	div.container
	{
		position: relative;
		padding: 0px;
		border-left-color: #cccccc;
		margin-right: 0px;
		border-right-style: solid;
		border-right-width: 1px;
		margin-left: 0px;
		min-height: 800px;
		border-top: none 1px #c3c5c8;
		background-color: transparent;
		border-left: none 1px #c3c5c8;
		border-right: none 1px #c3c5c8;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		width: 100%;
		padding-left: 5px;
		height: 100%;
		padding-top: 35px;
		margin-top: 2px;
	}

	div.sideContent
	{
		mc-disable-glossary-terms: true;
		position: relative;
		min-height: 1000px;
		height: 100%;
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		border-right-width: 1px;
		border-left-color: #ededeb;
		clear: none;
		padding-top: 0px;
		background-color: transparent;
		border-right-color: #c3c5c8;
		border-right: solid 1px #c3c5c8;
		padding-left: 0px;
		padding-right: 5px;
		border-left: none 1px #c3c5c8;
		border-right-style: none;
		width: 22%;
	}

	#contentBody
	{
		width: 100%;
		mc-disable-glossary-terms: true;
		position: relative;
		float: none;
		padding-top: 100px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	/*End of style for secondary page*/
	/*voice over */
	/* Style for the Alphabetical Navigation */

	#top p a
	{
		text-decoration: none;
		font-weight: bold;
		color: #0078D4;
		/* Change color to match your theme */
		margin-right: 10px;
	}

	#top p a:hover
	{
		text-decoration: underline;
	}

	/* Style for Section Headings the H2 below will select all H2 headings with class "acronym" only */

	h2.acro
	{
		margin-top: 20px;
		border-bottom: 4px solid #0078D4;
		/* Add a border under headings */
		padding-bottom: 5px;
		color: #e75516;
		font-family: 'Inter', sans-serif;
		font-size: 20.0pt;
		margin-top: 16pt;
		margin-bottom: 14pt;
	}

	/* Style for the List Items */

	ul
	{
		list-style-type: none;
		/* Remove default bullets */
		padding: 0;
	}

	ul li
	{
		margin-bottom: 5px;
	}

	ul li a
	{
		text-decoration: none;
		color: #333;
	}

	ul li a:hover
	{
		text-decoration: underline;
		color: #0078D4;
	}

	/* Back to Top Link */

	p a
	{
		font-size: 0.9em;
		color: #0078D4;
	}

	p a:hover
	{
		text-decoration: underline;
	}

	/* SDS - End: Styles for acronmys */

	p.sublogo
	{
		display: none;
	}

	div.row.outer-row.sidenav-layout
	{
		padding: 0;
		margin: 0;
		border: none;
		background-color: #7a9caf;
		mc-hidden: hidden;
	}

	div.content-container
	{
		margin-top: 0;
		padding-top: 0;
		mc-hidden: hidden;
	}

	/* Search Bar */

	/* div.nav-search
	{
		margin: 0;
		mc-hidden: hidden;
	} */

	/* div.footer-links-container
	{
		mc-hidden: hidden;
	} */

	/* div.body-container
	{
		margin: 0;
		padding-top: 10px;
		mc-hidden: hidden;
	}
	*/
}

/******************/
/*                */
/*  Media Mobile  */
/*                */
/******************/

@media only screen and (max-width: 767px)
{
	.LandscapeSmall
	{
		max-width: 70%;
	}

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

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

	/* Limit list item images sizes */

	.default_image,
	li > p > img,
	li > img
	{
		max-width: 100%;
		max-height: auto;
	}

	p.sublogo
	{
		display: none;
	}

	/* div.row.outer-row.sidenav-layout
	{
		padding: 0;
		mc-hidden: hidden;
	} */

	nav.title-bar
	{
		height: auto;
		mc-hidden: hidden;
	}

	/* div.body-container
	{
		padding-top: 10px;
		margin-top: 0;
		mc-hidden: hidden;
	} */

	div.footer-text-link
	{
		padding: 1px 8px;
		mc-hidden: hidden;
	}

	div.footer-text-link p
	{
		font-size: 11px;
		line-height: 11px;
		letter-spacing: 0;
		mc-hidden: hidden;
	}

	div.float-breadcrumbs
	{
		width: auto;
		max-width: 100%;
		mc-hidden: hidden;
	}

	div.float-toolbar
	{
		float: none;
		clear: left;
		margin: auto;
		mc-hidden: hidden;
	}

	/* div.row.outer-row.sidenav-layout
	{
		padding: 0;
		mc-hidden: hidden;
	} */

	/* div.body-container
	{
		padding-top: 10px;
		margin-top: 0;
		mc-hidden: hidden;
	} */
}

/****************
*               *
*  Media Print  *
*               *
*****************/

@media print
{
	/* Limit list item images sizes */

	.default_image,
	li > p > img,
	li > img
	{
		max-width: 75%;
		max-height: auto;
		margin: 10px 0;
	}

	li > table > tbody > tr > td > p > img
	{
		max-width: 75%;
		height: auto;
		margin: 10px 0;
	}

	/*Fix for float-left image items heading so that it is flush-left with list item bullets (a,b,c, etc)*/

	ol > p
	{
		padding-left: -30px;
	}

	img.label::before
	{
		content: attr(title);
		display: block;
		border: 1px dashed black;
		padding: 2px;
		font-family: 'Monospace';
		background-color: #FFFFCC;
	}

	/***********************************************/
	/*                                             */
	/*  Individual element sizes in 5% increments  */
	/*                                             */
	/***********************************************/

	.PrintWidth5
	{
		max-width: 5%;
		max-height: auto;
	}

	.PrintWidth10
	{
		max-width: 10%;
		max-height: auto;
	}

	.PrintWidth15
	{
		max-width: 15%;
		max-height: auto;
	}

	.PrintWidth20
	{
		max-width: 20%;
		max-height: auto;
	}

	.PrintWidth25
	{
		max-width: 25%;
		max-height: auto;
	}

	.PrintWidth30
	{
		max-width: 30%;
		max-height: auto;
	}

	.PrintWidth35
	{
		max-width: 35%;
		max-height: auto;
	}

	.PrintWidth40
	{
		max-width: 40%;
		max-height: auto;
	}

	.PrintWidth45
	{
		max-width: 45%;
		max-height: auto;
	}

	.PrintWidth50
	{
		max-width: 50%;
		max-height: auto;
	}

	.PrintWidth55
	{
		max-width: 55%;
		max-height: auto;
	}

	.PrintWidth60
	{
		max-width: 60%;
		max-height: auto;
	}

	.PrintWidth65
	{
		max-width: 65%;
		max-height: auto;
	}

	.PrintWidth70
	{
		max-width: 70%;
		max-height: auto;
	}

	.PrintWidth75
	{
		max-width: 75%;
		max-height: auto;
	}

	.PrintWidth80
	{
		max-width: 80%;
		max-height: auto;
	}

	.PrintWidth85
	{
		max-width: 85%;
		max-height: auto;
	}

	.PrintWidth90
	{
		max-width: 90%;
		max-height: auto;
	}

	.PrintWidth95
	{
		max-width: 95%;
		max-height: auto;
	}

	.PrintWidth100
	{
		max-width: 100%;
		max-height: auto;
	}

	table#BreadcrumbsTable
	{
		display: none;
		mc-hidden: hidden;
	}

	.PrintCenter
	{
		position: relative;
		margin-right: auto;
		margin-left: auto;
		float: none !important;
		text-align: center;
	}

	p,
	li
	{
		margin-top: 6pt;
		margin-bottom: 6pt;
		mc-hyphenate: never;
	}

	/* Header and Footer styles for PDF regular page layouts */

	p.PrintHeader,
	p.PrintFooter
	{
		color: #546e8f;
		mc-hidden: hidden;
	}

	p.PrintHeader
	{
		margin-top: 17pt;
	}

	p.PrintFooter
	{
		margin: 6pt 4pt 0 4pt;
	}

	p.PrintFooter > a
	{
		text-decoration: none;
		color: #546e8f;
	}

	/* Footer style for the CP Logo and Part Number text block on the PDF back page layout */

	p.PrintFooterSmall
	{
		padding: 1pt 0;
		margin: 6pt 0 0 0;
		text-align: center;
		line-height: 11pt;
		color: #000000;
		mc-hidden: hidden;
	}

	p.PrintFooterSmall a:link
	{
		text-decoration: none;
		color: #000000;
	}

	/* Creates the large chapter number on the chapter page of a pdf. */

	p.ChapterNumber
	{
		font-family: 'Inter', sans-serif;
		font-size: 48pt;
		line-height: 48pt;
		text-align: center;
		color: #546e8f;
		font-weight: bold;
		mc-hidden: hidden;
	}

	p.PDFNumber
	{
		font-family: 'Inter', sans-serif;
		font-size: 10pt;
		line-height: 10pt;
		text-align: center;
		color: #546e8f;
		font-weight: bold;
		mc-hidden: hidden;
	}

	/* PRINT note styles */

	div.NoteContent
	{
		border-top: 1.5pt solid #cbd6df;
		border-bottom: 1.5pt solid #cbd6df;
		frame-break-inside: avoid;
		/* From Jay. Uknown reason to hardcode the height of the box */
		/* height: .5in; */
	}

	div.NoteDanger,
	div.NoteWarning,
	div.NoteCaution,
	div.NoteImportant
	{
		background-size: auto 0.4in;
		padding-left: 0.5in;
		frame-break-inside: avoid;
	}

	/* Try to keep images from breaking */

	li p img
	{
		page-break-before: avoid;
	}

	.LandscapeSmall
	{
		max-width: 85%;
		min-width: 70%;
		width: auto;
		height: auto;
		page-break-inside: avoid;
		margin-top: 4pt;
		margin-bottom: 4pt;
	}

	.LandscapeSmall
	{
		max-width: 60%;
		min-width: 35%;
	}

	div.FloatRight img
	{
		max-width: 3.5in;
	}

	/* PRINT list styles */

	ol ol ol li > p:first-child
	{
		text-indent: -3pt;
	}

	li
	{
		clear: none;
	}

	/* PRINT table styles */

	th,
	tr.TableStyle-Table_PatternedRows-Body-Divider td,
	tr.TableStyle-Table_PatternedRows-Body-Divider p,
	tr.TableStyle-Table_Standard-Body-Divider td,
	tr.TableStyle-Table_Standard-Body-Divider p
	{
		font-weight: bold;
		font-family: 'Inter', sans-serif;
	}

	/* PRINT Dropdown Styles */

	MadCap|dropDown
	{
		border: none;
		max-width: 100%;
	}

	MadCap|dropDownBody
	{
		padding: 0;
	}

	/* Print MiniToc styles */

	MadCap|miniTocProxy
	{
		margin: 0 .25in 0 0;
		padding: 0;
		background-color: #ffffff;
		border: none;
		mc-output-support: all;
	}

	p.MiniTOC1
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		font-weight: normal;
		letter-spacing: 0;
		margin: 4pt 0;
		padding: 0;
		text-indent: 0px;
		page-break-inside: avoid;
		mc-leader-align: right;
		mc-leader-offset: 20pt;
		mc-leader-format: '.';
		mc-multiline-indent: 0.15in;
	}

	p.MiniTOC2
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		font-weight: normal;
		letter-spacing: 0;
		margin: 4pt 0 4pt .25in;
		padding: 0;
		text-indent: 0px;
		page-break-inside: avoid;
		mc-leader-align: right;
		mc-leader-offset: 20pt;
		mc-leader-format: '.';
		mc-multiline-indent: 0.15in;
	}

	p.MiniTOC3
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		font-weight: normal;
		letter-spacing: 0;
		margin: 4pt 0 4pt .5in;
		padding: 0;
		text-indent: 0px;
		page-break-inside: avoid;
		mc-leader-align: right;
		mc-leader-offset: 20pt;
		mc-leader-format: '.';
		mc-multiline-indent: 0.15in;
	}

	p.MiniTOC4
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		font-weight: normal;
		letter-spacing: 0;
		margin: 4pt 0 4pt .75in;
		padding: 0;
		text-indent: 0px;
		page-break-inside: avoid;
		mc-leader-align: right;
		mc-leader-offset: 20pt;
		mc-leader-format: '.';
		mc-multiline-indent: 0.15in;
	}

	p.MiniTOC5
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		font-weight: normal;
		letter-spacing: 0;
		margin: 0 0 0 1in;
		padding: 0 0 0 0;
		text-indent: 0px;
		page-break-inside: avoid;
		mc-leader-align: right;
		mc-leader-offset: 20pt;
		mc-leader-format: '.';
		mc-multiline-indent: 0.15in;
	}

	/* Print TOC styles */

	MadCap|tocProxy
	{
		border-top: none;
		margin: 0;
		page-break-inside: auto;
	}

	p.TOC1
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		font-weight: bold;
		margin-bottom: 4pt;
		margin-top: 14pt;
		margin-left: 0in;
		page-break-before: auto;
		mc-leader-offset: 20pt;
		mc-multiline-indent: 0.15in;
		mc-hidden: hidden;
	}

	p.TOC2
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		line-height: normal;
		font-weight: 600;
		margin-bottom: 2pt;
		margin-top: 4pt;
		margin-left: 0;
		mc-leader-offset: 20pt;
		mc-multiline-indent: 0.15in;
		mc-hidden: hidden;
	}

	p.TOC3
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		line-height: normal;
		margin-bottom: 2pt;
		margin-top: 4pt;
		margin-left: .15in;
		mc-hidden: hidden;
		mc-multiline-indent: 0.15in;
		mc-leader-offset: 20pt;
	}

	p.TOC4
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		line-height: normal;
		margin-bottom: 4pt;
		margin-top: 2pt;
		margin-left: .3in;
		mc-leader-offset: 20pt;
		mc-hidden: hidden;
		mc-multiline-indent: 0.15in;
	}

	p.TOC5
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		font-size: 12pt;
		line-height: normal;
		margin-bottom: 4pt;
		margin-top: 2pt;
		margin-left: .45in;
		mc-leader-offset: 20pt;
		mc-hidden: hidden;
		mc-multiline-indent: 0.15in;
	}

	p.TOC6
	{
		font-family: 'Inter', sans-serif;
		font-size: 1rem;
		line-height: 1.2rem;
		color: #000000;
		line-height: normal;
		margin-bottom: 4pt;
		margin-top: 2pt;
		margin-left: .60in;
		mc-leader-offset: 20pt;
		mc-hidden: hidden;
		mc-multiline-indent: 0.15in;
	}

	/* PRINT heading styles */

	h1
	{
		font-family: 'Inter', sans-serif;
		font-size: 24.0pt;
		margin-top: 20pt;
		margin-bottom: 20pt;
		clear: both;
		page-break-before: auto;
	}

	h1.Chapter
	{
		font-family: 'Inter', sans-serif;
		color: #000000;
		font-size: 28pt;
		line-height: 34pt;
		text-align: right;
		margin: 0;
		mc-auto-number-class: chapnum;
		mc-auto-number-format: 'CH:{chapnum} ';
		/* Property below when set to always was causing
		Chapter First Right pages to stay empty due to Page Break */
		frame-break-after: always;
	}

	h2
	{
		color: #e75516;
		font-family: 'Inter', sans-serif;
		font-size: 20.0pt;
		margin-top: 16pt;
		margin-bottom: 14pt;
	}

	h3
	{
		color: #546e8f;
		font-family: 'Inter', sans-serif;
		font-size: 18.0pt;
		margin-top: 14pt;
		margin-bottom: 12pt;
	}

	h4
	{
		color: #546e8f;
		font-family: 'Inter', sans-serif;
		font-size: 14.0pt;
		margin-top: 12pt;
		margin-bottom: 10pt;
	}

	h5
	{
		color: #546e8f;
		font-family: 'Inter', sans-serif;
		font-size: 13.0pt;
		margin-top: 10pt;
		margin-bottom: 8pt;
	}

	h6
	{
		font-family: 'Inter', sans-serif;
		font-style: italic;
		font-size: 12.0pt;
		margin-top: 8pt;
		margin-bottom: 2pt;
	}

	/* Used in warranty to mimic header */

	p.PseudoHeader
	{
		font-family: 'Inter', sans-serif;
		font-size: 12pt;
		margin-top: 5pt;
		margin-bottom: 5pt;
		page-break-after: avoid;
		mc-hidden: hidden;
	}

	/* PRINT span styles */

	span.chapnum
	{
		/*This span selector is not visible in the Span Class dropdown */
		color: transparent;
		font-size: 1pt;
	}

	span.dontbreak
	{
		white-space: nowrap;
	}

	/* PRINT Heading Levels */

	h1.Chapter
	{
		mc-heading-level: 1;
	}

	h1
	{
		mc-heading-level: 2;
	}

	h2
	{
		mc-heading-level: 3;
	}

	h3
	{
		mc-heading-level: 0;
	}

	h4
	{
		mc-heading-level: 0;
	}

	h5
	{
		mc-heading-level: 0;
	}

	h6
	{
		mc-heading-level: 0;
	}

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

	/* TOC page overrides. Can eliminate the DIV if creating a standalone page layout for the TOC. */

	div.TOC
	{
		page-break-inside: auto;
	}

	div.TOC h1.Chapter
	{
		text-align: left;
		margin: 0;
		mc-auto-number-format: '';
		mc-heading-level: 0;
		mc-hidden: hidden;
	}

	/* Warranty page overrides */

	div.Warranty
	{
		page-break-after: always;
		mc-hidden: hidden;
	}

	div.Warranty p
	{
		font-size: 9pt;
		line-height: 11.5pt;
		mc-hidden: hidden;
	}

	div.Warranty p.PseudoHeader
	{
		font-size: 12pt;
		color: #000000;
		margin: 4pt 0;
		mc-hidden: hidden;
	}

	/* PRINT Front page overrides */

	div.FrontPage h1,
	div.FrontPage h2,
	div.FrontPage h3
	{
		margin: 0 0 2pt 0;
	}

	div.FrontPage p
	{
		text-align: center;
		mc-hidden: hidden;
	}

	div.AnchorBottom
	{
		width: 100%;
		position: absolute;
		bottom: 0;
	}

	/* Mini Header for FRU Guide and other docs without a pretty front page*/

	MadCap|section.Header
	{
		margin-bottom: 20pt;
		padding-bottom: 10pt;
		border-bottom: 2px solid #546e8f;
		page-break-inside: avoid;
		mc-heading-level: 0;
		mc-hidden: hidden;
	}

	MadCap|section.Header h1,
	section.Header h2,
	section.Header h3
	{
		margin: 0 0 5pt 0;
		color: #e75516;
		font-family: 'Inter', sans-serif;
		mc-heading-level: 0;
		mc-hidden: hidden;
	}

	MadCap|section.Header h1
	{
		font-size: 32pt;
		mc-heading-level: 0;
		mc-hidden: hidden;
	}

	MadCap|section.Header h2
	{
		color: #546e8f;
	}

	MadCap|section.Header h3
	{
		margin-top: 10pt;
		color: #546e8f;
		font-weight: normal;
		mc-heading-level: 0;
		mc-hidden: hidden;
	}

	div.FlexFloat,
	div.FlexFloatReverse,
	div.FlexFloatWrap,
	div.FlexFloatWrapReverse
	{
		display: block;
	}

	div.FlexFloat > img,
	div.FlexFloatReverse > img,
	div.FlexFloatWrap > img,
	div.FlexFloatWrapReverse > img
	{
		float: right;
		margin-top: .8rem;
	}

	td ol li,
	td ul li
	{
		padding: 4px 0px 2px;
	}

	span.mc-variable.Title-Case
	{
		text-transform: capitalize;
	}

	h2.noTOC
	{
		mc-heading-level: 0;
	}

	h3.noTOCorange
	{
		mc-heading-level: 0;
		color: #e75516;
	}

	h3.noTOC
	{
		mc-heading-level: 0;
	}

	/* Links */

	MadCap|xref
	{
		font-family: 'Inter', sans-serif;
		text-decoration: underline;
		color: #292929;
		mc-format: '{paratext}';
		/* font-weight: normal; */
		/* mc-format: '{quote}{paranum}{paratext}{quote} {pageref}'; */
		/* border: none; */
	}

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

	/* MadCap|xref.ListNumber
	{
		mc-format: 'step {paranumonly}';
	} */

	/* Page layout header and footer */

	MadCap|xref.H1andPageNumber
	{
		color: #546e8f;
	}

	MadCap|xref.PageNumberOnly
	{
		color: #546e8f;
	}

	MadCap|xref.Print
	{
		font-family: 'Inter', sans-serif;
		text-decoration: underline;
		color: #292929;
		mc-format: '{paratext}';
		/* border: none; */
	}

	div.NoteDanger
	{
		background-size: auto 0.4in;
		padding-left: 0.5in;
		frame-break-inside: avoid;
	}

	div.NoteDangerPinch
	{
		background-size: auto 0.4in;
		padding-left: 0.5in;
		frame-break-inside: avoid;
		background-position: left 50%;
		background-repeat: no-repeat;
		background-image: url('../icons/pinch.png');
	}

	div.NoteDangerPinch
	{
		background-size: auto 0.4in;
		padding-left: 0.5in;
		frame-break-inside: avoid;
		background-position: left 50%;
		background-repeat: no-repeat;
		background-image: url('../icons/pinch.png');
	}

	div.NoteDangerShock
	{
		background-size: auto 0.4in;
		padding-left: 0.5in;
		frame-break-inside: avoid;
		background-position: left 50%;
		background-repeat: no-repeat;
		background-image: url('../icons/risk-of-shock.png');
	}

	/* Used if you want to add content (i.e., notes to another writer) to a topic but don't want it to print/end up in the PDF */

	.noteNoPrintPDF
	{
		display: none;
	}
}

/* Start: Styles below are to be cleaned up and deleted. These are legacy, but are used in EXPP docs */

MadCap|xref.H1andPageNumber
{
	mc-format: '{u}{title}{/u} ({page})';
}

h4.no-bold
{
	page-break-after: avoid;
	line-height: normal;
	mc-hyphenate: never;
	font-family: 'Inter', sans-serif;
}

ol.annotation-list
{
	list-style-type: lower-alpha;
	list-style-image: none;
}

ol.annotation-list > li::marker
{
	color: #e75516;
	content: counter(annotation-list) '.';
}

ol.annotation-list-level2
{
	list-style-type: lower-roman;
}

ol.annotation-list-level2 > li > ol
{
	list-style-type: lower-roman;
	list-style-image: none;
}

ol.annotation-list-level2 > li > ol > li::marker
{
	color: #546e8f;
	content: 'counter(annotation-list-level2).';
}

h3.noTOCorange
{
	font-family: 'Inter', sans-serif;
	page-break-after: avoid;
	line-height: normal;
	mc-hyphenate: never;
}

MadCap|xref.PageNumberOnly
{
	mc-format: '{page}';
}

span.mc-variable.Products\00002EPantograph_Down_Mast_\000028EXPP\000029
{
	
}

/*<meta sourceDocument="C:\Users\layne.northsea\OneDrive - ChargePoint\1-In Progress\info-sheet.docx" />*/
/*<meta sourceDocument="C:\Users\layne.northsea\OneDrive - ChargePoint\1-In Progress\hyc-50-checklist.docx" />*/
/*<meta sourceDocument="C:\Users\layne.northsea\Downloads\onramp-station-list.docx" />*/
/*<meta sourceDocument="C:\Users\layne.northsea\OneDrive - ChargePoint\1-In Progress\75-001116-02_REV1_Instructions,CT4000,Lens Replacement.docx" />*/
/*<meta sourceDocument="C:\Users\Julia Maynard\Downloads\CPE280 Field Hardware.docx" />*/

MadCap|xref.xreffreestyle
{
	mc-format: 'LCC tube retaining clips';
}

/*<meta sourceDocument="C:\Working\_Barath_Troubleshooting\OneDrive_1_7-1-2024\import.docx" />*/
/*<meta sourceDocument="C:\Users\JuliaMontgomery\OneDrive - ChargePoint\Documents\Temp\cp800 IG\cp800 ig-jw.docx" />*/