/** KMM - added so tiles dont exceed a certain length */
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
}

/** Margin and padding helper classes. Use these to tweak layout on a micro level. `.u-(m|p)(t|r|b|l|h|v)(-|+|0) {}` = utility - margin/padding top/right/bottom/left/horizontal/vertical less/more/none */
/** Margin helper classes. Add margins. */
.u-m { margin: 1rem !important; }

.u-mt { margin-top: 1rem !important; }

.u-mr { margin-right: 1rem !important; }

.u-mb { margin-bottom: 1rem !important; }

.u-ml { margin-left: 1rem !important; }

.u-mh { margin-right: 1rem !important; margin-left: 1rem !important; }

.u-mv { margin-top: 1rem !important; margin-bottom: 1rem !important; }

/** Add tiny margins. */
.u-m-- { margin: 0.33333rem !important; }

.u-mt-- { margin-top: 0.33333rem !important; }

.u-mr-- { margin-right: 0.33333rem !important; }

.u-mb-- { margin-bottom: 0.33333rem !important; }

.u-ml-- { margin-left: 0.33333rem !important; }

.u-mh-- { margin-right: 0.33333rem !important; margin-left: 0.33333rem !important; }

.u-mv-- { margin-top: 0.33333rem !important; margin-bottom: 0.33333rem !important; }

/** Add small margins. */
.u-m- { margin: 0.66667rem !important; }

.u-mt- { margin-top: 0.66667rem !important; }

.u-mr- { margin-right: 0.66667rem !important; }

.u-mb- { margin-bottom: 0.66667rem !important; }

.u-ml- { margin-left: 0.66667rem !important; }

.u-mh- { margin-right: 0.66667rem !important; margin-left: 0.66667rem !important; }

.u-mv- { margin-top: 0.66667rem !important; margin-bottom: 0.66667rem !important; }

/** Add large margins. */
.u-m\00002b
      { margin: 1.33333rem !important; }

.u-mt\00002b
      { margin-top: 1.33333rem !important; }

.u-mr\00002b
      { margin-right: 1.33333rem !important; }

.u-mb\00002b
      { margin-bottom: 1.33333rem !important; }

.u-ml\00002b
      { margin-left: 1.33333rem !important; }

.u-mh\00002b
      { margin-right: 1.33333rem !important; margin-left: 1.33333rem !important; }

.u-mv\00002b
      { margin-top: 1.33333rem !important; margin-bottom: 1.33333rem !important; }

/** Add huge margins. */
.u-m\00002b\00002b
      { margin: 2rem !important; }

.u-mt\00002b\00002b
      { margin-top: 2rem !important; }

.u-mr\00002b\00002b
      { margin-right: 2rem !important; }

.u-mb\00002b\00002b
      { margin-bottom: 2rem !important; }

.u-ml\00002b\00002b
      { margin-left: 2rem !important; }

.u-mh\00002b\00002b
      { margin-right: 2rem !important; margin-left: 2rem !important; }

.u-mv\00002b\00002b
      { margin-top: 2rem !important; margin-bottom: 2rem !important; }

/** Remove margins. */
.u-m0 { margin: 0 !important; }

.u-mt0 { margin-top: 0 !important; }

.u-mr0 { margin-right: 0 !important; }

.u-mb0 { margin-bottom: 0 !important; }

.u-ml0 { margin-left: 0 !important; }

.u-mh0 { margin-right: 0 !important; margin-left: 0 !important; }

.u-mv0 { margin-top: 0 !important; margin-bottom: 0 !important; }

/** Negative margins. */
.u--m { margin: -1rem !important; }

.u--mt { margin-top: -1rem !important; }

.u--mr { margin-right: -1rem !important; }

.u--mb { margin-bottom: -1rem !important; }

.u--ml { margin-left: -1rem !important; }

.u--mh { margin-right: -1rem !important; margin-left: -1rem !important; }

.u--mv { margin-top: -1rem !important; margin-bottom: -1rem !important; }

/** Tiny negative margins. */
.u--m-- { margin: -0.33333rem !important; }

.u--mt-- { margin-top: -0.33333rem !important; }

.u--mr-- { margin-right: -0.33333rem !important; }

.u--mb-- { margin-bottom: -0.33333rem !important; }

.u--ml-- { margin-left: -0.33333rem !important; }

.u--mh-- { margin-right: -0.33333rem !important; margin-left: -0.33333rem !important; }

.u--mv-- { margin-top: -0.33333rem !important; margin-bottom: -0.33333rem !important; }

/** Small negative margins. */
.u--m- { margin: -0.66667rem !important; }

.u--mt- { margin-top: -0.66667rem !important; }

.u--mr- { margin-right: -0.66667rem !important; }

.u--mb- { margin-bottom: -0.66667rem !important; }

.u--ml- { margin-left: -0.66667rem !important; }

.u--mh- { margin-right: -0.66667rem !important; margin-left: -0.66667rem !important; }

.u--mv- { margin-top: -0.66667rem !important; margin-bottom: -0.66667rem !important; }

/** Large negative margins. */
.u--m\00002b
      { margin: -1.33333rem !important; }

.u--mt\00002b
      { margin-top: -1.33333rem !important; }

.u--mr\00002b
      { margin-right: -1.33333rem !important; }

.u--mb\00002b
      { margin-bottom: -1.33333rem !important; }

.u--ml\00002b
      { margin-left: -1.33333rem !important; }

.u--mh\00002b
      { margin-right: -1.33333rem !important; margin-left: -1.33333rem !important; }

.u--mv\00002b
      { margin-top: -1.33333rem !important; margin-bottom: -1.33333rem !important; }

/** Huge negative margins. */
.u--m\00002b\00002b
      { margin: -2rem !important; }

.u--mt\00002b\00002b
      { margin-top: -2rem !important; }

.u--mr\00002b\00002b
      { margin-right: -2rem !important; }

.u--mb\00002b\00002b
      { margin-bottom: -2rem !important; }

.u--ml\00002b\00002b
      { margin-left: -2rem !important; }

.u--mh\00002b\00002b
      { margin-right: -2rem !important; margin-left: -2rem !important; }

.u--mv\00002b\00002b
      { margin-top: -2rem !important; margin-bottom: -2rem !important; }

/** Switch left and right margins when right-to-left language settings in use. */
[dir=rtl] .u-mr { margin-right: 0 !important; margin-left: 1rem !important; }

[dir=rtl] .u-ml { margin-right: 1rem !important; margin-left: 0 !important; }

[dir=rtl] .u-mr- { margin-right: 0 !important; margin-left: 0.66667rem !important; }

[dir=rtl] .u-ml- { margin-right: 0.66667rem !important; margin-left: 0 !important; }

[dir=rtl] .u-mr-- { margin-right: 0 !important; margin-left: 0.33333rem !important; }

[dir=rtl] .u-ml-- { margin-right: 0.33333rem !important; margin-left: 0 !important; }

[dir=rtl] .u-mr\00002b
      { margin-right: 0 !important; margin-left: 1.33333rem !important; }

[dir=rtl] .u-ml\00002b
      { margin-right: 1.33333rem !important; margin-left: 0 !important; }

[dir=rtl] .u-mr\00002b\00002b
      { margin-right: 0 !important; margin-left: 2rem !important; }

[dir=rtl] .u-ml\00002b\00002b
      { margin-right: 2rem !important; margin-left: 0 !important; }

/** Padding helper classes. Add paddings. */
.u-p { padding: 1rem !important; }

.u-pt { padding-top: 1rem !important; }

.u-pr { padding-right: 1rem !important; }

.u-pb { padding-bottom: 1rem !important; }

.u-pl { padding-left: 1rem !important; }

.u-ph { padding-right: 1rem !important; padding-left: 1rem !important; }

.u-pv { padding-top: 1rem !important; padding-bottom: 1rem !important; }

/** Add tiny paddings. */
.u-p-- { padding: 0.33333rem !important; }

.u-pt-- { padding-top: 0.33333rem !important; }

.u-pr-- { padding-right: 0.33333rem !important; }

.u-pb-- { padding-bottom: 0.33333rem !important; }

.u-pl-- { padding-left: 0.33333rem !important; }

.u-ph-- { padding-right: 0.33333rem !important; padding-left: 0.33333rem !important; }

.u-pv-- { padding-top: 0.33333rem !important; padding-bottom: 0.33333rem !important; }

/** Add small paddings. */
.u-p- { padding: 0.66667rem !important; }

.u-pt- { padding-top: 0.66667rem !important; }

.u-pr- { padding-right: 0.66667rem !important; }

.u-pb- { padding-bottom: 0.66667rem !important; }

.u-pl- { padding-left: 0.66667rem !important; }

.u-ph- { padding-right: 0.66667rem !important; padding-left: 0.66667rem !important; }

.u-pv- { padding-top: 0.66667rem !important; padding-bottom: 0.66667rem !important; }

/** Add large paddings. */
.u-p\00002b
      { padding: 1.33333rem !important; }

.u-pt\00002b
      { padding-top: 1.33333rem !important; }

.u-pr\00002b
      { padding-right: 1.33333rem !important; }

.u-pb\00002b
      { padding-bottom: 1.33333rem !important; }

.u-pl\00002b
      { padding-left: 1.33333rem !important; }

.u-ph\00002b
      { padding-right: 1.33333rem !important; padding-left: 1.33333rem !important; }

.u-pv\00002b
      { padding-top: 1.33333rem !important; padding-bottom: 1.33333rem !important; }

/** Add huge paddings. */
.u-p\00002b\00002b
      { padding: 2rem !important; }

.u-pt\00002b\00002b
      { padding-top: 2rem !important; }

.u-pr\00002b\00002b
      { padding-right: 2rem !important; }

.u-pb\00002b\00002b
      { padding-bottom: 2rem !important; }

.u-pl\00002b\00002b
      { padding-left: 2rem !important; }

.u-ph\00002b\00002b
      { padding-right: 2rem !important; padding-left: 2rem !important; }

.u-pv\00002b\00002b
      { padding-top: 2rem !important; padding-bottom: 2rem !important; }

/** Remove paddings. */
.u-p0 { padding: 0 !important; }

.u-pt0 { padding-top: 0 !important; }

.u-pr0 { padding-right: 0 !important; }

.u-pb0 { padding-bottom: 0 !important; }

.u-pl0 { padding-left: 0 !important; }

.u-ph0 { padding-right: 0 !important; padding-left: 0 !important; }

.u-pv0 { padding-top: 0 !important; padding-bottom: 0 !important; }

/* ============================================== Skin for oXygen generated Predix.io WebHelp. ============================================== */
/* ============================================== Theme vars (Default) ============================================== */
body {
/*
    --px-base-text-color: #2c404c;
    --px-base-background-color: transparent;
    --px-docs-search-background-color: #EAEAEA;
    --px-docs-search-text-color: #222;
    --px-docs-search-border-color: #d8d8d8;
    --px-docs-footer-background-color: #333333;
    --px-docs-footer-text-color: #5c5c5c;
    --px-docs-header-background-color: #FFFFFF;
    --px-docs-header-border-color: #d8d8d8;
    --px-docs-header-text-color: #1b2a33;
    --px-catalog-header-background-color: #eaeff1;
    --px-catalog-header-text-color: #1b2a33;
    --px-catalog-nav-background-color: #1b2a33;
    --px-catalog-nav-text-color: white;
    --px-catalog-nav-text-color--selected: #09819c;
    --px-catalog-nav-text-color--light: #889aa5;
    --px-catalog-page-background-color: white;
    --px-catalog-page-border-color: #e2e8ed;
    --px-catalog-page-text-color: #2c404c;
    --px-catalog-page-text-color--light: #677e8c;
    --px-catalog-page-accent-color--primary: #09819c;
    --px-catalog-page-accent-color--secondary: #2c404c;
    --px-catalog-page-success-color: #659540;
    --px-catalog-page-alert-color: #e05455;
    --px-catalog-page-link-color: #007acc;
    --px-catalog-page-link-color--hover: #005c99;
    --px-catalog-page-anchor-color: #677e8c;
    --px-catalog-page-anchor-color--light: #677e8c;
    --px-catalog-page-anchor-color--hover: #007acc;
    --px-catalog-page-selected-color: #007acc;
    --px-catalog-page-selected-color--hover: #005c99;
    --px-catalog-picture-title-color--light: #748b99;
    --px-catalog-code-background-color: #ebeff2;
    --px-catalog-code-header-color: #677e8c;
    --px-catalog-code-header-background-color: #d8e0e5;
    --animation-img-background-color: #EBEFF1;
    --animation-banner-color: #FFFFFF;
    --animation-banner-corner-color: #D8E0E5;
    --animation-computer-stroke: #677E8C;
    --animation-computer-bar: #002939;
    --animation-computer-bottom-bar: #EBEFF1;
    --animation-kpi-color: #2D414D;
    --animation-kpi-arrow-color: #6EA341;
    --animation-chart-color-1: #e18d26;
    --animation-chart-color-2: #a5d06b;
    --animation-chart-color-3: #9279b7;
    --animation-chart-background-color: #FFFFFF;
    --animation-chart-labels-color: #D8E0E5;
    --animation-gauge-background-color: #b6c3cc;
    --comonent-gallery-background: #d8e0e5;
    --comonent-gallery-hr-color: #c5d1d8;
    --px-tile-text-background-color: #ebeff2;
    --px-tile-thumbnail-background-color: white;
    --px-tile-title-color: #2c404c;
*/
}
/*
@font-face { font-family: "GE Inspira Sans"; font-weight: normal; font-style: normal; src: url("../resources/fonts/GEInspiraSans.eot"); src: url("../resources/fonts/GEInspiraSans.eot?#iefix") format("embedded-opentype"), url("../resources/fonts/GEInspiraSans.woff") format("woff"), url("../resources/fonts/GEInspiraSans.ttf") format("truetype"), url("../resources/fonts/GEInspiraSans.svg#GE Inspira Sans") format("svg"); }
@font-face { font-family: "GE Inspira Sans"; font-weight: bold; font-style: normal; src: url("../resources/fonts/GEInspiraSans-Bold.eot"); src: url("../resources/fonts/GEInspiraSans-Bold.eot?#iefix") format("embedded-opentype"), url("../resources/fonts/GEInspiraSans-Bold.woff") format("woff"), url("../resources/fonts/GEInspiraSans-Bold.ttf") format("truetype"), url("../resources/fonts/GEInspiraSans-Bold.svg#GE Inspira Sans") format("svg"); }
/* @font-face { font-family: "GE Inspira Sans"; font-weight: normal; font-style: italic; src: url("../resources/fonts/GEInspiraSans-Italic.eot"); src: url("../resources/fonts/GEInspiraSans-Italic.eot?#iefix") format("embedded-opentype"), url("../resources/fonts/GEInspiraSans-Italic.woff") format("woff"), url("../resources/fonts/GEInspiraSans-Italic.ttf") format("truetype"), url("../resources/fonts/GEInspiraSans-Italic.svg#GE Inspira Sans") format("svg"); } @font-face { font-family: "GE Inspira Sans"; font-weight: bold; font-style: italic; src: url("../resources/fonts/GEInspiraSans-BoldItalic.eot"); src: url("../resources/fonts/GEInspiraSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../resources/fonts/GEInspiraSans-BoldItalic.woff") format("woff"), url("../resources/fonts/GEInspiraSans-BoldItalic.ttf") format("truetype"), url("../resources/fonts/GEInspiraSans-BoldItalic.svg#GE Inspira Sans") format("svg"); } */

@media only screen and (min-width: 768px) { .navigationView .ge-navigation.fixed { width: 100%; max-width: 169px; } }
@media only screen and (min-width: 992px) { .navigationView .ge-navigation.fixed { width: 100%; max-width: 224px; } }
@media only screen and (min-width: 1200px) { .navigationView .ge-navigation.fixed { width: 100%; max-width: 282px; } }



/* Colors explicitly set to accommodate IE 11. GE 3-19
 * Zero line height setting removed. GE 5-19 */
html, body { min-width: 100%; font-family: 'Inter', sans-serif; font-size: 16px; color: black; background-color: white; }

html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; }

.wh_top_menu { display: none; }

* { box-sizing: inherit; }

*:before, *:after { box-sizing: inherit; }


/*
* ------------------------------------------------------------------
*
* Fight with bootstrap
*
*/
.navbar-brand { height: auto; width: 100%; } /* GE 3-19 */


.navbar-brand img { line-height: 1;}

.navbar-brand .doc { height: 18px; width: 80px; }

@media only screen and (min-width: 768px) { .navbar.navbar-fixed-top, .navbar.navbar-static-top {} }

.navbar { border: none; border-radius: 0; margin: 10; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; box-shadow: none; background-color: whitesmoke; border-bottom: 1px solid gray; }


.navbar.navbar-fixed-top, .navbar.navbar-static-top { margin-bottom: 0px; min-height: 60px; }

/* .wh_main_page--has-sidebar { grid-template-areas: "hd hd hd hd hd hd" "sb sb sb sb sb sb" "sd sd main main main main" "ft ft ft ft ft ft"; } */

/* Topic Page is the selected book. Should have sidebar with search and content on side. */
.wh_topic_page { column-gap: .5rem; }

.wh_topic_page .container-fluid { grid-area: main; }
.container-fluid { padding: 10px; } /* GE 3-19 */

.wh_header { z-index: 500; min-height: 80px; height: 80px; padding: 0px;} /* GE 3-19 */

/* Colors explicitly set to accommodate IE 11. GE 3-19, Changed color of bottom border on 3-13-2021 - previous color #D8D8D8; */
.wh_header {
    background: #FFFFFF;
    border-radius: 0;
    border-bottom: 1px solid #FFFFFF;
}

@media only screen and (max-width: 992px) { .wh_header { min-height: 60px; height: 60px; } } /* GE 3-19 */

.wh_header--is-sticky { position: sticky; top: 0; }

.wh_footer { grid-area: ft; }

/* The align-content setting is required for extra small screen sizes. GE 3-19 */
.wh_content_area { margin: 0; grid-area: main; align-content: flex-start; }

/* Color explicitly set to accommodate IE 11. GE 3-19 */
a { outline: 0; transition: all .3s ease; color: #2886af; text-decoration: none; }

/* Color explicitly set to accommodate IE 11. GE 3-19 */
a:hover, a:visited, a:hover { text-decoration: none; color: #2886af; }


/* ------------------------------------------------------------------ Header elements */

#wh_navbar_title_container { height: 50px; margin: 0px; padding: 0px; font-size:.87rem;} /* GE 3-19 */

.wh_publication_title:before { content: "|"; color: #000000; text-align: left; margin: 0px 27px 0px 25px; } /* GE 3-19 */

.wh_publication_title > a { font-size: .87rem; color: #2fa0d0; } /* GE 3-19 */

.wh_copyright_notice { color: #9F9F9F; width: 100%; text-align: right; font-size: 0.75rem;  padding-top: 2px; } /* GE 3-19 */

/* Removes the publication title. GE 3-19 */
@media only screen and (max-width: 440px) { .wh_publication_title { display: none; } }
/* Makes the header flush left on wider screen. -kmm 8-9-2020 */
    .navbar > .container { min-width: 100%; }
    .navbar >.container > #wh_navbar_title_container { margin: 0 0 0 1rem; }
	
/* Makes the titles container full width and adds a left margin to the logo. GE 3-19 */
@media only screen and (max-width: 992px) { 
    .navbar > .container { min-width: 100%; }
    .navbar >.container > #wh_navbar_title_container { margin: 0 0 0 1rem; }
}


/* ------------------------------------------------------------------ Menu */

.wh_top_menu { text-transform: uppercase; margin: .4em 0; font-size: 0.9em; }

.wh_top_menu a { color: #2886af; line-height: 2em; }

.wh_top_menu ul ul li { width: 270px; text-transform: capitalize; }

.wh_top_menu ul ul li a:hover { color: gray; }


/* The submenus */
/* ------------------------------------------------------------------ Link to the index. */
.wh_indexterms_link { display: none; } /* GE 3-19 */

.wh_indexterms_link a span { display: none; }

.wh_indexterms_link a:before { color: #fff; }

.footer-container { margin-bottom: 7px; color: #5c5c5c; font-size: 12px; line-height: 1.4em; padding-bottom: 1em; padding-top: 1em; text-align: left;  }


/* ------------------------------------------------------------------ Breadcrumbs */

.wh_breadcrumb { width: 100%; overflow: hidden; } /* GE 3-19 */

.wh_breadcrumb ol { margin: 0; border-radius: 0; font-size: 14px; padding: 8px 0px; list-style: none; background: none; line-height: 18px; }

/* Explicit color setting required by IE 11. GE 3-19 */
.wh_breadcrumb ol li { color: #2886af; font-weight: bold; }

.wh_breadcrumb ol li a { color: inherit; }

.wh_breadcrumb ol li.active { color: #333; }


/* ------------------------------------------------------------------ Toolbar tools */

#wh_display_toggle { cursor: pointer; } /* GE 3-19 */


/* ------------------------------------------------------------------ Notes / Topics / Titles */

.p { font-size: 16px; }

.note { margin-top: 1em; margin-bottom: 1em; background-color: #fff6c6; padding: 1rem; font-weight: normal; font-style: normal; margin: 10px 0; font-size: 90%; }

.note .notetitle { text-transform: uppercase; }

.notetitle, div[class="note"] > h3 { /* background-image: url(../img/note.svg) !important; */ /* background-repeat: no-repeat; */ padding: 0; background-image: none !important; }

.wh_topic_content .title { margin-bottom: 0; font-weight: 700; text-transform: none; color: #333; font-style: normal; }

.wh_topic_content .topictitle2 { margin: 1.5em 0 .5em 0; font-size: 130%; font-weight: 600; font-style: normal; }

.wh_topic_content .topictitle1 { font-size: 30px; }

#wh_topic_body { overflow-x: auto; } /* GE 3-19 */

/* Adds a scrollbar to wide content. GE 3-19 */
#wh_topic_body div { width: 100%; overflow-x: auto; }


/* ------------------------------------------------------------------ Tools and navigation */

.wh_tools { margin: 1em 0; padding-right: 0; border-bottom: 3px solid #333; }

.wh_right_tools { display: flex; padding: 0; }

.webhelp_expand_collapse_sections, .wh_hide_highlight, .wh_print_link a { color: #2886af; text-decoration: none; }

.wh_navigation_links a { color: #2886af; text-decoration: none; }

.wh_navigation_links a:hover, .wh_navigation_links a:active, .wh_navigation_links a:visited { color: #2886af; text-decoration: none; }

.wh_print_link a:before { color: #2886af; text-decoration: none; }

.wh_navigation_links a:before, .wh_navigation_links a:hover:before, .wh_navigation_links a:active:before, .wh_navigation_links a:visited:before { color: #2886af; text-decoration: none; }


/* ------------------------------------------------------------------ Tiles */

.wh_tiles_area { margin: 1rem auto; } /* GE 3-19 */

.wh_tile { flex: 1 1 100px; max-width: 350px; width: auto; background-color: transparent; border-top: 3px solid black; text-align: left; padding: 0.75rem 0.75rem; } /* GE 3-19 */

.wh_tile_title { font-size: 16px; font-weight: 600; line-height: 1.1em; text-decoration: none; white-space: normal; overflow: hidden; margin-bottom: 1em;  text-align: left;} /* GE 3-19 */
 
.wh_tile_title_text:after { background: linear-gradient(to bottom, rgba(239, 239, 239, 0), #efefef 75%); }

.wh_tile_title a { color: #333333; }

.wh_tile_shortdesc { text-align: left; color: #2886af; font-size: 1.0em; line-height: 1.9em; }


/*  You can style some of the tiles in a special way.  Example: .wh_tiles *[data-id='getting_started']{ background-color:gray; } */


/* ------------------------------------------------------------------ Search */

.wh_search_input { display: block; margin: 1rem auto; padding: 0; position: relative; } /* GE 3-19 */
.wh_search_page .wh_search_input { width: 50%; } /* GE 3-19 */
.wh_main_page .wh_search_input { padding: 0rem 1rem; } /* GE 3-19 */

/* Background color explicitly set to accommodate IE 11. GE 3-19 */
#searchForm { background-color: #EAEAEA; margin: 0; padding: 1.5rem; }

#searchForm > div { border: 1px solid #c5c5c5; background-color: #fff; }

.wh_welcome:not(:empty) { font-size: 4em; margin: 0 auto; padding: 0 0 1.5em 0; text-shadow: none; }

.wh_search_textfield { width: calc(100% - 40px); height: 45px; background-color: transparent; border-radius: 0; border: none; color: #333; font-size: 1.1em; padding: 8px 12px 6px; display: inline-block; }

.wh_search_button { margin: 0; font-size: 1.2em; line-height: 45px; max-height: 45px; padding: 1px 8px 0; border: none; border-radius: 0; background-color: transparent; color: #333; }

/* GE 3-19 */
@media only screen and (max-width: 767px) {
    .wh_main_page .wh_search_input, .wh_search_page .wh_search_input { width: 90%; padding: 0; }
}

/* GE 3-19 */
@media only screen and (max-width: 992px) {
    #searchForm { padding: 1.1rem; }
    .wh_search_textfield { font-size: .95em; height: 30px; padding: 6px 12px 6px; }
    .wh_search_button { font-size: 1.1em; line-height: 30px; max-height: 30px; padding: 2px 3px 0; }
}

/* Search autocomplete icons */
.search-autocomplete-proposal-type-history a { text-decoration: none; color: inherit; font-size: 0.8em; }

.search-autocomplete-proposal-type-history a:hover,
.search-autocomplete-proposal-type-history a:visited,
.search-autocomplete-proposal-type-history a:active {
    text-decoration: none; color: inherit; font-size: 0.8em;
}

.ui-state-active { background-color: #999; }

.ui-state-active .search-autocomplete-proposal-type-history a { color: #fff; }

.ui-state-active .search-autocomplete-proposal-type-history a:hover,
.ui-state-active .search-autocomplete-proposal-type-history a:visited,
.ui-state-active .search-autocomplete-proposal-type-history a:active {
    color: #fff;
}

/* Active search page GE 3-19 */
#wh-search-pagination > ul > li.active > a { background-color: #2886af; }

/* Color for the page number */
.pagination > li > a,
.pagination>li>span { 
    color: #2886af;
}

/* Border for the hovered page GE 3-19 */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active>a:hover,
.pagination > .active>span,
.pagination > .active > span:focus,
.pagination > .active>span:hover {
    border-color: #2886af !important;
}

/* Styles the search autocomplete window. GE 3-19 */
.ui-menu-item {
  font-size: 1em;
  line-height: 100%;
  color: #3A444A;
  background-color: #FFFFFF;
}

/* Styles the selected autocomplete item. GE 3-19 */
.ui-menu-item .ui-state-active {
    background-color: #2886af;
    border: none;
    margin: 0;
}


/* ------------------------------------------------------------------ Search results. */
.searchresult { list-style: none; }

.searchresult li a { color: #2886af; }

.searchresult .shortdesclink { margin: .3em .5em 0 0; }

.wh_search_expression { font-weight: bold; }

/* Search relative path */
.searchresult li .relativePath a { color: #666666; }

.wh_search_results_items { padding: 0em 1em; } /* GE 3-19 */

/* Makes room for the search ratings (stars) on small screens. GE 3-19 */
@media only screen and (max-width: 767px) { .wh_search_page .missingAndSimilar { display: none; } }


/* ------------------------------------------------------------------ Sidebar */

/**
 * The padding setting causes the sidebar to maintain a consistent height duing page scrolling.
 * Without the padding setting, the height varies as the sidebar apparently adds and removes padding.
 * Note: The background color must be set explicity to accommodate IE 11.
 * GE 3-19
 */
.wh_sidebar { padding: 1px 0px; background-color: #FFFFFF; }

/* GE 3-19 */
 @media only screen and (max-width: 767px) { 
    .wh_sidebar { border-bottom: 1px solid #d8d8d8; }
}


/* ------------------------------------------------------------------ Publication TOC */

.wh_breadcrumb li:not(:last-of-type):after { content: "\003E"; color: #333; }

.wh_publication_toc { padding: 0; margin: 0; background-color: transparent; width: 100%} /* GE 3-19 */

.wh_publication_toc a { font-size: 14px; }

.wh_publication_toc .topicref { display: flex; align-items: baseline; margin: 0; padding: 0; font-size: 1rem; font-weight: 600; line-height: 1.2rem; color: #000; position: relative; /* padding-right: .5rem; */ }

.wh_publication_toc ul li { margin-top: 0; display: flex; flex-direction: column; width: 100%; }

.wh_publication_toc > ul > li:last-of-type { border-bottom: none; }

.wh_publication_toc ul { padding: 0; }

.wh_publication_toc a, .wh_publication_toc a:hover { text-decoration: none; }

.wh_publication_toc .active > .topicref a { color: #2886af; }

.wh_publication_toc span { color: #878787; }

.wh_publication_toc a { color: #333; }

.wh_publication_toc a:visited { color: #333; }

.wh_publication_toc a:hover { color: #333; text-decoration: underline; }

.wh_publication_toc ul li { margin-top: .7em; }


/* ------------------------------------------------------------------ Tooltips */

/* Tooltip container GE 3-19 */
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    background-color: #5E6573; color: #fff; font-size: 1rem; padding: 1rem;
}

.wh_breadcrumb .topicref .wh-tooltip a,
.wh_publication_toc .topicref .wh-tooltip a {
    color: #fff; text-decoration: underline;
}

/* Tooltip arrow */
[data-tooltip-position="left"] .topicref .wh-tooltip::before { border-left-color: #5E6573; }

[data-tooltip-position="right"] .topicref .wh-tooltip::before { border-right-color: #5E6573; }

[data-tooltip-position="bottom"] .topicref .wh-tooltip::before { border-bottom-color: #5E6573; }

[data-tooltip-position="top"] .topicref .wh-tooltip::before { border-top-color: #5E6573; }


/* ------------------------------------------------------------------ Topic TOC */

#wh_topic_toc { border: none; }


li.topic-item { padding: .5rem; /* white-space: nowrap; */ padding: 0; /* border-bottom: 1px solid #888; */ font-size: .8rem; }


/* ------------------------------------------------------------------ Footer */

/* Color explicitly set to accommodate IE 11. GE 3-19 */
.wh_footer { text-align: left; padding: 0px; position: relative; bottom: 0; width: 100%; background: none black; margin-top: 0em; }

/* Color explicitly set to accommodate IE 11. GE 3-19 */
.wh_footer a { color: gray; }


/* ------------------------------------------------------------------ Topic content */

.wh_topic_content, .wh_content_area { line-height: 1.7em; } /* GE 3-19 */

/* The padding setting causes the container to fill its parent container. GE 3-19 */
.wh_topic_content { padding-top: 1px; }

#wh_topic_area { padding: 0px 35px; } /* GE 3-19 */

.wh_topic_content .title { margin-bottom: 1em; line-height: 1.1em; }

.topictitle3 { font-weight: 400; }

.wh_related_links, .wh_child_links, .wh_topic_content .related-links { border-top: 1px solid #ccc; padding-top: 7px; margin-top: 0; }

.wh_related_links, .wh_topic_content .related-links { padding: .5em 1.5em; }

.wh_child_links { padding: 1.5em; }

.related-links strong { font-weight: 500; }

.related-links a { color: #2886af; padding-bottom: .3em; display: inline-block; }

.related-links a:visited { color: #2886af; padding-bottom: .3em; display: inline-block; }

.filepath { color: #2886af !important; }

/* ------------------------------------------------------------------ Index terms. */
.wh_index_terms span.wh_first_letter { color: #346ec5; }

.wh_index_terms #indexList { padding: 0; }

/* ------------------------------------------------------------------ Tree TOC for the main page. */

.wh_main_page_toc { flex: 1 0 225px; width: auto; background-color: transparent; width: auto; background-color: transparent; border-top: 3px solid black; text-align: left; }

.wh_main_page_toc_accordion_header { font-size: 16px; font-weight: 600; line-height: 1.1em; text-decoration: none; white-space: nowrap; overflow: hidden; }

.wh_main_page_toc_accordion_header:after { background: linear-gradient(to bottom, rgba(239, 239, 239, 0), #efefef 75%); }

.wh_main_page_toc { margin-top: 1em; text-align: left; color: #0e303e; font-size: 1.1em; }
.wh_main_page_toc_entry:hover { background-color: #81c6e4; }

.wh_main_page_toc_accordion_entries { background-color: #F2F8FF; }

/** Styles used for RTL pages */
html[dir='rtl'] .wh_top_menu ul li:hover > ul { max-width: 270px; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.inline--flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.flex--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex--row--rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex--col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex--col--rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.flex--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.flex--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex--wrap--rev { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.flex--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex--justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex--spaced { -ms-flex-pack: distribute; justify-content: space-around; }

.flex--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex--middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex--bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex--stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.flex--baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.flex--top--multi { -ms-flex-line-pack: start; align-content: flex-start; }

.flex--middle--multi { -ms-flex-line-pack: center; align-content: center; }

.flex--bottom--multi { -ms-flex-line-pack: end; align-content: flex-end; }

.flex--stretch--multi { -ms-flex-line-pack: stretch; align-content: stretch; }

.flex--justify--multi { -ms-flex-line-pack: justify; align-content: space-between; }

.flex--spaced--multi { -ms-flex-line-pack: distribute; align-content: space-around; }

.flex__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.flex__item--msfix { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.flex__item--top { -ms-flex-item-align: start; align-self: flex-start; }

.flex__item--middle { -ms-flex-item-align: center; align-self: center; }

.flex__item--bottom { -ms-flex-item-align: end; align-self: flex-end; }

.flex__item--baseline { -ms-flex-item-align: baseline; align-self: baseline; }

/** March 13, 2021 New Header and Footer*/
/** Header*/
.alert {
  background-color: #13294B;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

/** Footer*/
.alert2 {
  padding: 20px;
  background-color: #212121;
  }

.alert4 {

  background-color: #005E60;
  color: white;
  margin-bottom:0em;
  padding-left: 50px;
  padding-right: 10px;
  padding-top: 20px;  
  padding-bottom: 5px;
  line-height: 1em;

}
.footlink { color: #575A5D !important; 
  font-size: small;
  padding-left: 1.5em;
}
  
.footlink:hover{
	color: #00B5E2 !important;} 

.mylink { color: #70777B !important; } 
.mylink:hover{
	color: #00B5E2 !important;}
	
.accordion {
  background-color: #212121;
  color: #B9BCBE;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: small;
  transition: 0.4s;
  
}

.accordion:after2 {
  content: '\2304';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
   font-size: large;
  }

.active:after2 {
  content: "\2303";

}
.mypanel {
  padding: 0 6px;
  display: none;
  background-color: #202020;
  overflow: hidden;
  font-size: small;
   
}

.alert3 {
  padding: 50px;
  padding-right:120px;
  padding-left:0px;
  padding-bottom: 0px;
  background-color: #202020;
   font-size: medium;

  }
.footlink3 { color: #FFFFFF !important; 
  font-size: small;
  padding-left:2em;
  } 
 .footlink3:hover{
	color: #FFFFFF !important; 
}
.myrow
{
  padding-left:60px;	
}

.myrow::after {
  content: "";
  clear: both;
  display: table;
    padding: 30px;
	
}


[class*="col-"] {
  float: left;
  padding: 0px;
}

.mycol-2 {width: 40%;}
.mycol-5 {width: 30%;}


.right
{ text-align: right;
padding:0;
}

.mymenu1 p {
  margin: 2px;
  margin-left:20px;
  padding: 2px;
  font-size: small;
  color: #B9BCBE !important;  
}
.mymenu2 p {
  margin: 2px;
  padding: 2px;
    font-size: small;
  color: #B9BCBE !important;  
}

.myicons p {
  margin: 0;
  padding: 0px;
}

.myheading {color: #B9BCBE; 
  padding: 0px;
}

.mylink { color: #F7F7F7 !important; } 
.mylink:hover{
	color: #CAFE06 !important;
}