/**/
/********************************
* *
* 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('../tablestyles/table_standard.css');
/*THIS IS CONTENT FROM CHARGEPOINTFONTSCOLORS.CSS - DONT DELETE*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
:root
{
/
--LetterSpacing: 0;
--font-primary: 'Inter';
--font-primary-light: 300;
--font-primary-medium: 600;
--font-primary-bold: 700;
--FontSizeNormal: 1.1rem;
--FontSizeSmaller: 11pt;
--FontSizeLarger: 1.15rem;
--LineHeightNormal: 1.2rem;
--LineHeightSmaller: 1.1rem;
--LineHeightLarger: 1.3rem;
--CPDarkOrange: #e75516;
/*giving an error*/
--CPUIBlue: #413d46;
/*giving an error*/
--CPOrange: #ff7a14;
--CPBlueGray: #7a9caf;
--GrayBlack: #292929;
--GrayDark: #4c4c4c;
--GrayMedium: #757575;
--Gray: #949494;
--GrayMediumLight: #bfbfbf;
--GrayLight: #d9d9d9;
--GrayExtraLight: #ededed;
--GrayFaint: #f7f7f7;
--BlueLink: #4067ba;
--BlueMedium: #c0ccd7;
--BlueLight: #e6ebef;
--BlueExtraLight: #ebf0f5;
--RedMedium: #d12a11;
--GreenMedium: #3c8300;
--BlueGrayExtraLight: #ebeff1;
--Black: #000000;
--White: #ffffff;
--CPLightOrange: #f8971d;
--CPLightBlueGray: #cbd6df;
--CPDarkBlueGray: #546e8f;
--CPGreen: #77bc1f;
--DangerRed: #f7eded;
--WarningYellow: #fff8e6;
--ADATextGray: #595959;
--TableRowBlue: #e6ebef;
--TableHeaderBlue: #C0CCD7;
--ADALrgCPBlue: #7699AD;
--BlueNavy: #0f588a;
}
/*THIS IS CONTENT FROM CHARGEPOINTFONTSCOLORS.CSS - DONT DELETE*/
/********************************
* *
* Content *
* *
*********************************/
/* comment this out to see border around all elements; for troubleshooting layout issues
*
{border: 1px solid #ca0003;}*/
/*style for feedback*/
/*div.feedback
{
position: absolute;
float: right;
bottom: 70px;
right: 0px;
border-radius: 5px 0px 0px 5px;
width: 65px;
height: 55px;
background-color: #ff8300;
cursor: pointer;
}*/
/* THESE ARE STYLES FROM ChargepointStructure.css - IMPORTANT - RETAIN THIS as this defines breadcrumbs and right nav elements*/
/* Adjustments to Built-in Styles */
/* Set background color of off-canvas area */
div.foundation-wrap
{
background-color: #ffffff;
mc-hidden: hidden;
}
/* Main container, except page background */
div.off-canvas-wrapper-inner
{
max-width: 1800px;
margin: auto;
mc-hidden: hidden;
}
#loading
{
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 1em;
background: #ff7a14;
color: #fff;
font-weight: bold;
text-align: center;
z-index: 9999;
font-size: 1em;
font-family: Inter;
}
.off-canvas-content
{
box-shadow: none;
}
/* 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-top: 5px;
mc-hidden: hidden;
align-items: center;
gap: 10px;
}
p.sublogo
{
margin: 0;
padding: 0 0 4px 0;
font-family: 'Inter';
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 */
a[class*="MiniTOC"]:link
{
padding: 2px 6px;
}
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';
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';
font-weight: 300;
font-size: 10pt;
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: 11pt;
line-height: 1.5rem;
mc-breadcrumbs-count: 6;
mc-breadcrumbs-prefix: '';
mc-hidden: hidden;
color: #e75516;
font-weight: 600;
}
.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';
height: 2em;
width: 100%;
}
/* End Clean-Up by RK */
/* Language picker CSS start */
.flare-project-switcher
{
background: white;
padding: 12px;
margin: 0;
font-family: inherit;
width: 180px;
z-index: 9999;
margin-left: auto;
margin-right: auto;
float: right;
position: relative;
}
.flare-project-switcher .switcher-header
{
display: flex !important;
align-items: center;
gap: 10px;
margin-bottom: 8px;
flex-wrap: nowrap;
}
.flare-project-switcher .switcher-label
{
font-weight: bold;
color: #333;
font-size: 14px;
white-space: nowrap;
min-width: fit-content;
margin: 0;
flex-shrink: 0;
}
.flare-project-switcher .dropdown-container
{
flex: 1;
min-width: 0;
display: block;
}
.flare-project-switcher .project-dropdown
{
width: 100%;
padding: 8px 12px;
border: 1px solid #ff7a14;
border-radius: 2px;
background-color: white;
font-size: 12px;
cursor: pointer;
transition: border-color 0.3s ease;
box-sizing: border-box;
}
.flare-project-switcher .project-dropdown:hover
{
border-color: #007acc;
}
.flare-project-switcher .project-dropdown:focus
{
outline: none;
border-color: #007acc;
box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.2);
}
.flare-project-switcher .current-project
{
margin-top: 12px;
padding: 12px;
background-color: #f8f9fa;
border-left: 3px solid #007acc;
border-radius: 3px;
transition: opacity 0.3s ease;
}
.flare-project-switcher .current-project h4
{
margin: 0 0 8px 0;
color: #005c99;
font-size: 16px;
}
.flare-project-switcher .current-project p
{
margin: 0 0 8px 0;
color: #666;
font-size: 13px;
line-height: 1.4;
}
.flare-project-switcher .project-link
{
display: inline-block;
padding: 6px 12px;
background-color: #007acc;
color: white;
text-decoration: none;
border-radius: 3px;
font-size: 12px;
transition: background-color 0.3s ease;
}
.flare-project-switcher .project-link:hover
{
background-color: #005c99;
text-decoration: none;
}
/* Loading state styles */
.flare-project-switcher .current-project.loading
{
opacity: 0.8;
font-style: italic;
}
/* Language picker CSS end */
@media only screen and (max-width: 1076px)
{
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;
}
#floating-toc
{
display: none !important;
}
nav.title-bar .menu-icon
{
border: none;
z-index: 100;
position: absolute;
background: transparent;
cursor: pointer;
top: 0%;
transform: translateY(-50%);
display: block;
left: -13px;
right: auto;
}
.content-wrapper
{
width: calc(100% - 80px);
margin-right: 280px;
float: left;
}
MadCap|dropDown
{
max-width: 100%;
}
.LandscapeSmall
{
max-width: 60%;
}
div.divRow50 > div:nth-child(1),
div.divRow50 > div:nth-child(2)
{
width: 50%;
margin-left: 0%;
}
.default_image,
li > p > img,
li > img
{
max-width: 100%;
max-height: auto;
}
div.container
{
position: relative;
min-height: 800px;
padding: 35px 0 0 5px;
border-left-color: #cccccc;
margin: 2px 0 0 0;
border-right-style: solid;
border-right-width: 1px;
border-top: none 1px #c3c5c8;
border-left: none 1px #c3c5c8;
border-right: none 1px #c3c5c8;
width: 100%;
background-color: transparent;
}
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;
}
#top p a
{
text-decoration: none;
font-weight: 700;
color: #0078D4;
/* Change color to match your theme */
margin-right: 10px;
}
#top p a:hover
{
text-decoration: underline;
}
h2.acro
{
margin-top: 20px;
border-bottom: 4px solid #0078D4;
/* Add a border under headings */
padding-bottom: 5px;
color: #413d46;
font-family: 'Inter';
font-size: var(--font-3xl);
margin-top: 16pt;
margin-bottom: 14pt;
}
ul
{
list-style-type: none;
padding: 0;
color: #413d46;
}
ul li
{
margin-bottom: 5px;
}
ul li a
{
text-decoration: none;
color: #4c4c4c;
}
ul li a:hover
{
text-decoration: underline;
color: #4067ba;
}
p a
{
text-decoration: underline;
font-size: 0.9em;
color: #4067ba;
}
p a:hover
{
text-decoration: underline;
}
}
/******************/
/* Media Mobile */
/******************/
@media only screen and (max-width: 644px)
{
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;
}
}
span.mc-variable.Title-Case
{
text-transform: capitalize;
}
/*END - Styles from ChargepointStructure.css*/
.search-bar .search-field
{
color: black;
}
.table-stick
{
max-height: 550px;
overflow-y: auto;
border: 1px solid #ccc;
}
table th
{
position: sticky;
top: 0;
background-color: white;
z-index: 1;
}
div.feedback
{
position: fixed !important;
float: right;
bottom: 0px;
right: 0px;
border-radius: 5px 5px 5px 5px;
width: 65px;
height: 55px;
background-color: #0f588a;
cursor: pointer;
z-index: 1000;
/* Ensure it's above other elements */
}
p.footer
{
position: relative;
/* Ensures it doesn't interfere with stacking */
z-index: 1;
/* Keeps it below the feedback button */
}
div.fimg
{
float: right;
padding: 12px 8px 14px 14px;
}
/*SDS - END - style for feedback*/
/*Google Translation */
#google_translate_element
{
display: block !important;
position: relative;
z-index: 1000;
margin: 10px;
}
.goog-te-gadget
{
display: block !important;
position: relative !important;
z-index: 1000 !important;
}
.goog-te-gadget select
{
background-color: #ffffff !important;
border: 1px solid #949494 !important;
padding: 5px !important;
font-size: 14px !important;
}
/*SDS - Adding Mini ToC on the right*/
/* Floating TOC Styles */
.content-wrapper
{
width: calc(100% - 280px);
/* Reduce width to make space for TOC */
margin-right: 280px;
/* Leaves space for TOC */
float: left;
}
/*body[data-mc-topic="acro-index.htm"] #floating-toc,
body[data-mc-topic="acro-index.htm"] .floating-toc {
display: none !important;
}*/
/*body:has(.topic-body) #floating-toc {
display: none !important;
}*/
#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;
font-family: 'Inter';
font-size: 12px;
margin-top: 4em;
margin-right: 1em;
}
ul.sidenav li a
{
color: #413d46;
font-family: 'Inter';
font-size: 10pt;
}
ul.sidenav ul > li > a
{
color: #413d46;
}
ul.sidenav li a.selected
{
background-color: #546e8f;
color: #ffffff;
}
ul.sidenav ul > li > a.selected
{
/*background-color: #eaf4fb;*/
color: #413d46;
}
/* Ensuring spacing with the content */
.topic-body
{
position: relative;
}
/*.topic-top-toolbar {
position: relative;
z-index: 1100;
}*/
/* Ensure the logo stays at the top */
header
{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
/* Ensure search bar and toolbar are in one row below the logo */
.nav-row
{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
margin-top: 30px;
}
/* Make sure toolbar icons are properly aligned with search */
.toolbar-container
{
display: flex;
align-items: center;
gap: 10px;
}
/* Restore visibility of topic-top-toolbar if hidden */
.topic-top-toolbar
{
display: flex;
/* Ensure it's visible */
align-items: center;
width: 100%;
}
.title-bar-layout a.logo img
{
max-width: 150px;
/* Adjust as needed */
height: auto;
display: block;
align: left;
}
.title-bar-layout
{
display: flex;
flex-direction: column;
/* Stack logo and nav-row vertically */
align-items: flex-start;
/* Align content to the left */
width: 100%;
padding: 10px 20px;
/* Add spacing if needed */
}
/* Ensure logo is aligned to the left */
.title-bar-layout .logo-wrapper
{
order: -1;
display: flex;
flex: 0 1 auto;
order: -1;
min-height: 54px;
align-self: flex-start;
justify-content: flex-start;
flex-basis: 100%;
}
/* Ensure floating TOC is visible */
body
{
position: fixed;
}
/* TOC Title */
#floating-toc h2
{
font-family: 'Inter';
font-weight: 600;
font-size: 1.1rem;
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: 2px;
}
/* TOC Links */
#floating-toc a
{
text-decoration: none;
color: #0073e6;
font-size: 11pt;
font-family: 'Inter';
}
#floating-toc a:hover
{
text-decoration: underline;
}
li.toc-level-2
{
font-size: 11pt;
}
/* Indentation for H3 */
.toc-level-3
{
padding-left: 15px;
}
/*SDS - END - Adding Mini ToC on the right*/
.nav-search
{
width: 50%;
margin-top: 0px;
margin-bottom: 0px;
}
body
{
color: #413d46;
background-color: #ffffff;
font-family: 'Inter';
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';
page-break-after: avoid;
mc-hyphenate: never;
}
h1,
h1.Chapter
{
margin-top: 1.8rem;
margin-bottom: 1.2rem;
color: #0f588a;
font-size: 2rem;
clear: both;
font-family: 'Inter';
font-weight: 700;
}
h2
{
font-size: 1.7rem;
margin-top: 2rem;
margin-bottom: 1rem;
clear: both;
color: #4c4c4c;
/*border-bottom: 1px solid #7a9caf;*/
}
h3
{
color: #4c4c4c;
font-size: 1.5rem;
margin-top: 1.2rem;
margin-bottom: 1rem;
}
h4
{
color: #000000;
font-size: 1.3rem;
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';
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: #413d46;
font-family: 'Inter';
font-size: 11pt;
line-height: 1.2rem;
letter-spacing: 0;
mc-hyphenate: never;
}
p
{
margin-top: .8rem;
margin-bottom: .8rem;
}
li,
li > p
{
margin-top: .5rem;
margin-bottom: .5rem;
}
ul
{
margin-top: 0;
color: #413d46;
}
/********************************
* *
* 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: #413d46;
}
ul ol > li
{
color: #413d46;
/* font-weight: var(--font-primary-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';
font-weight: 700;
}
ol.callout
{
counter-reset: listCallout;
list-style: lower-alpha;
}
ol.callout > li::marker
{
}
/* By default, do not allow list items to break inside; keeps images with procedures. */
li
{
page-break-inside: avoid;
color: #413d46;
/*list-style-type: disc;*/
}
li ol,
li ul
{
page-break-inside: auto;
}
li table,
li div *
{
/* page-break-inside: auto; */
color: #413d46;
font-family: 'Inter';
font-weight: 700;
}
li p
{
/* page-break-inside: auto; */
color: #413d46;
font-family: 'Inter';
font-size: 11pt;
}
li div > h4
{
color: #000000;
}
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.NewNoteDanger,
div.NewNoteWarning,
div.NewNoteCaution,
div.NewNoteImportant,
div.NewNoteNote
{
margin: 12pt 12pt 12pt 0;
min-height: 40px;
max-width: 100%;
background-repeat: no-repeat;
background-origin: padding-box;
background-position: 12px center;
background-size: 35px 35px;
padding: 20px 60px;
font-family: 'Inter';
font-size: var(--font-base);
line-height: 1.2rem;
color: #000000;
}
div.NoteDanger,
div.NoteWarning,
div.NoteCaution,
div.NoteImportant,
div.NoteNote
{
margin: 6pt 6pt 6pt 0;
min-height: 55px;
background-repeat: no-repeat;
background-origin: padding-box;
background-position: 10px center;
background-size: 50px 50px;
padding: 20px 72px;
font-family: 'Inter';
font-size: var(--font-base);
line-height: 1.2rem;
}
/* Backgrounds for particular note styles */
div.NoteDanger
{
background-image: url('../icons/warning-electricity.png');
font-family: 'Inter';
}
div.NoteWarning
{
background-image: url('../icons/danger.png');
font-family: 'Inter';
}
div.NoteCaution
{
background-image: url('../icons/warning.png');
font-family: 'Inter';
}
div.NewNoteNote
{
background-image: url('../icons/note.png');
background-color: #e6ebef;
}
div.NoteNote
{
background-image: url('../icons/note.png');
background-color: #e6ebef;
}
div.NoteImportant
{
background-image: url('../icons/important.png');
font-family: 'Inter';
}
div.NoteContent,
div.NoteReinstall
{
border-top: 0px solid #cbd6df;
border-bottom: 0px solid #cbd6df;
font-family: 'Inter';
line-height: 1.2rem;
color: #000000;
}
div.NewNoteDanger::before
{
content: "DANGER: ";
font-family: 'Inter';
font-weight: 700;
color: #546e8f;
}
div.NewNoteWarning::before
{
content: "WARNING: ";
font-family: 'Inter';
font-weight: 700;
color: #546e8f;
display: inline-block;
margin-left: 120px;
}
div.NewNoteCaution::before
{
content: "CAUTION: ";
font-family: 'Inter';
font-weight: 700;
color: #546e8f;
}
div.NewNoteImportant::before
{
content: "IMPORTANT: ";
font-family: 'Inter';
font-weight: 700;
color: #546e8f;
}
div.NewNoteNote::before
{
content: "NOTE: ";
font-family: 'Inter';
font-weight: 700;
color: #546e8f;
}
div.NewNoteDanger p,
div.NewNoteWarning p,
div.NewNoteCaution p,
div.NewNoteImportant p,
div.NewNoteNote p
{
display: inline-block;
margin: 0;
}
div.NoteContent *
{
margin-top: .2rem;
margin-bottom: .4rem;
font-family: 'Inter';
font-size: 11pt;
}
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: #413d46;
font-size: var(--font-base);
font-family: 'Inter';
font-weight: 700;
border-bottom: none;
display: block;
}
/* Expanding link styles. */
MadCap|expandingBody
{
color: #413d46;
font-style: italic;
}
MadCap|expandingHead
{
font-style: italic;
cursor: hand;
text-decoration: none;
color: #413d46;
}
/* Cross-reference (xref) styles. */
MadCap|xref
{
font-family: 'Inter';
text-decoration: underline;
color: #413d46;
mc-format: '{paratext}';
}
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: 700;
}
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
{
font-family: 'Inter';
font-size: var(--font-base);
line-height: 1.2rem;
padding-bottom: 3px;
color: #292929;
}
th p
{
font-family: 'Inter';
font-size: 1.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: #413d46;
background-color: transparent;
border: none;
text-decoration: none;
}
td
{
font-family: 'Inter';
font-size: 1.1rem;
line-height: 1.2rem;
margin: 0;
}
td p
{
font-family: 'Inter';
font-size: 10pt;
line-height: 1.2rem;
padding: 0 0 0 0;
margin: .1rem 0;
}
caption
{
font-family: 'Inter';
font-style: italic;
font-size: 10pt;
line-height: 1.3rem;
text-align: left;
margin-top: 0;
padding-bottom: 0.5em;
color: #413d46;
mc-hyphenate: never;
}
tfoot td
{
font-family: var(--FontFamilyBold);
color: #413d46;
font-size: 1.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: #413d46;
font-family: var(--FontFamilyBold);
}
td ul,
td ol
{
font-size: 10pt;
line-height: 1.2rem;
margin: 0 0 0 15px;
padding: 0px 0px 0px 0px;
}
td ol li,
td ul li
{
font-size: 10pt;
line-height: 1.2rem;
margin: 0 0 0 15px;
padding: 4px 0px 4px 0px;
}
td ol li p,
td ul li p
{
font-size: 10pt;
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: #413d46;
letter-spacing: 0;
font-size: 10pt;
}
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: #413d46;
}
/*************************************
* *
* 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';
font-size: 1.1rem;
line-height: 1.2rem;
color: #413d46;
margin: 8px 0 2px 2%;
padding: 1px 0 1px 25px;
text-indent: -25px;
}
p.MiniTOC2
{
font-family: var(--FontFamilyBold);
font-size: var(--FontFamilyPrimary);
line-height: 1.2rem;
color: #413d46;
margin: 4px 0 2px 5%;
padding: 1px 0 1px 25px;
text-indent: -25px;
}
p.MiniTOC3
{
font-family: 'Inter';
font-size: 1.1rem;
line-height: 1.2rem;
color: #413d46;
margin: 4px 0 2px 8%;
padding: 1px 0 1px 25px;
text-indent: -25px;
}
p.MiniTOC4
{
font-family: 'Inter';
font-size: 1.1rem;
line-height: 1.2rem;
color: #413d46;
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: #413d46;
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';
/* color: var(--CPOrange); */
/* font-weight: var(--font-primary-bold); */
}
/*************************************
* *
* Span Styles *
* *
/************************************/
/* For highlighting torque values */
span.torque
{
font-family: 'Inter';
font-weight: 700;
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';
font-weight: 700;
}
.BoldItalics
{
font-family: var(--FontFamilyBold);
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';
font-weight: 700;
color: #000000;
}
/*************************************
* *
* 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';
font-weight: 600;
line-height: normal;
mc-heading-level: 0;
mc-hidden: hidden;
}
div.FrontPage h1
{
font-size: 2.6rem;
color: #ff7a14;
}
div.FrontPage h2
{
font-size: 1.5rem;
color: #7a9caf;
frame-break-after: always;
}
div.FrontPage h3
{
font-size: 1.8rem;
color: #4c4c4c;
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;
border-bottom: solid 2px #eaeaec;
}
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;
}
/*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)
{
/*body[data-mc-topic="cp-home.htm"] .sidenav-wrapper
{
display: none !important; }*/
#floating-toc
{
display: none !important;
}
.content-wrapper
{
width: calc(100% - 80px);
margin-right: 280px;
float: left;
}
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;
border: none;
color: white;*/
padding: 10px px;
/*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;
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: 700;
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: #413d46;
font-family: var(--FontFamilyBold);
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: #4c4c4c;
}
ul li a:hover
{
text-decoration: underline;
color: #4067ba;
}
/* Back to Top Link */
p a
{
font-size: 0.9em;
color: #4067ba;
}
p a:hover
{
text-decoration: underline;
}
/* SDS - End: Styles for acronmys */
}
/******************/
/* */
/* Media Mobile */
/* */
/******************/
@media only screen and (max-width: 644px)
{
/*body[data-mc-topic="cp-home.htm"] .sidenav-wrapper
{
display: none !important; }*/
#floating-toc
{
display: none !important;
}
.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;
}
}
/* 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';
}
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: #413d46;
content: 'counter(annotation-list-level2).';
}
h3.noTOCorange
{
font-family: var(--FontFamilyBold);
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
{
}
p.gifcaption
{
font-style: italic;
font-size: 8pt;
text-align: left;
margin-left: 0in;
margin-right: 0in;
margin-top: 8pt;
margin-bottom: 0pt;
font-weight: normal;
font-style: italic;
font-size: 10pt;
letter-spacing: 0em;
color: #413d46;
mc-hyphenate: never;
mc-auto-number-position: inside-head;
mc-auto-number-offset: 0px;
mc-auto-number-class: zTitleNo;
text-indent: 0px;
line-height: 13pt;
text-decoration: none;
font-family: 'Inter';
mc-auto-number-format: 'F:Video {n+}: ';
}
/**/
/**/
/**/
/**/
/**/
MadCap|xref.xreffreestyle
{
mc-format: 'LCC tube retaining clips';
}
/**/
/**/
p.faqquestion
{
color: #413d46;
font-family: 'Inter';
font-size: 11pt;
line-height: 1.2rem;
letter-spacing: 0;
mc-hyphenate: never;
font-weight: bold;
}
p.imagecaption
{
font-style: italic;
font-size: 8pt;
text-align: left;
margin-left: 0in;
margin-right: 0in;
margin-top: 8pt;
margin-bottom: 0pt;
font-weight: normal;
font-style: italic;
font-size: 10pt;
letter-spacing: 0em;
color: #413d46;
mc-hyphenate: never;
mc-auto-number-format: 'F:Figure {n+}: ';
mc-auto-number-position: inside-head;
mc-auto-number-offset: 0px;
mc-auto-number-class: zTitleNo;
text-indent: 0px;
line-height: 13pt;
text-decoration: none;
font-family: 'Inter';
}