body{
  font-family: '-apple-system','BlinkMacSystemFont','Segoe UI','Helvetica','Arial',sans-serif,'Apple Color Emoji','Segoe UI Emoji';
}



p {
  text-align: justify;
  font-size: 15px;
  line-height: 24px;
}

#wh_topic_body{
  color: var(--ddb-text-1);

}

.navbar-brand {
  height: 36px;
  padding: 4px 0;
  margin-top: 0px;
  margin-bottom: 0px;
}

.navbar {
  background-image: none;
  border: none;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}
.wh_header {
  padding: 4px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}

a,
a:hover,
a:visited{
    color: var(--ddb-text-2);
}


/*
 * ------------------------------------------------------------------
 *  
 * Publication titles
 *  
 */

.wh_publication_title > a {
  padding: 4px 0;
  color: var(--ddb-text-1);
  text-transform: uppercase;
  font-weight: bold;
  line-height: 22px;
  font-size: 22px;
}
@media only screen and (min-width: 768px) {
  .wh_topic_page .wh_header {
    padding: 0;
  }
}

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


/* Publication TOC tooltip */
.wh_breadcrumb .topicref .wh-tooltip,
.wh-toc-tooltip {
  background-color: var(--ddb-background-3);
  color: var(--ddb-text-4);
}
.wh_breadcrumb .topicref .wh-tooltip a,
.wh-toc-tooltip a {
  color: var(--ddb-text-4);
  text-decoration: underline;
}




/* Link to the index*/
.wh_indexterms_link a span{
 display: none;
}


/*Breadcrumb*/
.wh_breadcrumb ol {
 background-color: transparent;
}
.wh_breadcrumb ol{
 color: var(--ddb-text-5);
}

.wh_breadcrumb ol .active {
 color: var(--ddb-text-2);
}

/*wh-breadcrumb-style-bold-selection*/
.wh_breadcrumb ol .active a {
 font-weight: bold;
}
/*wh-breadcrumb-colors-labels*/
.wh_breadcrumb ol a {
 color: var(--ddb-text-6);
}
/*wh-breadcrumb-separator-arrow*/
.wh_breadcrumb li:not(:last-of-type):after {
 content: ' > ';
}

.filepath {
 color: var(--ddb-text-7);
}

/*Tools and navigation */

.wh_print_link,
.wh_navigation_links,
.wh_navigation_links .navnext,
.wh_navigation_links .navprev{
 color: var(--ddb-text-2);
 text-decoration: none;
}

.wh_print_link button,
.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.oxy-icon-pdf-link,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited,
.wh_print_link a:before,
.wh_navigation_links a:before,
.wh_navigation_links a:hover:before,
.wh_navigation_links a:active:before,
.wh_navigation_links a:visited:before{
 color: var(--ddb-text-2);
 text-decoration: none;
}



@media only screen and (min-width : 768px) {
   .wh_top_menu_and_indexterms_link.navbar-collapse {
       display: flex !important;
       flex-wrap: nowrap;
       align-items: center;
       justify-content: end;
   }

   .wh_header_flex_container {
       flex-wrap: nowrap;
   }

   .wh_header_flex_container .wh_search_input {
       padding-left: 16px;
       padding-right: 30%;
       min-width: 200px;
   }
   
   .wh_publication_title {
       min-width: 50px;
       font-weight: bold;
       color: var(--ddb-text-1);
   }
}

.ui-autocomplete {
 z-index: 10000;
}


/*Publication TOC*/
 .wh_publication_toc{
  background-color: var(--ddb-background-8);
  border-right: 0.5px var(--ddb-border-9) solid;
  line-break: auto;
  font-size: 14px;
  font-style: normal;
  position: sticky;
  line-height: 28px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px 0px;
  color: var(--ddb-text-1);
  font-kerning: auto;
  font-feature-settings: "liga" 0;
  text-align: left;
  max-width: 270px;
}

.wh_publication_toc div, .wh_publication_toc a, .wh_publication_toc a:visited, .wh_publication_toc a:hover {

  font-weight: 400;
  line-height: 28px;
  font-size: 14px;
  max-width: 270px;
}



.wh_publication_toc .active > .topicref a {

  line-break: auto;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
}
.wh_publication_toc .title a:hover {

  text-decoration: underline;
  font-size: 14px;
  line-height: 28px;
  font-style: normal;
}

/*Topic content*/
.wh_topic_content,.wh_content_area {
    line-height: 24px
}

/*wh-right-toc-thin-left-full-border*/

.wh_topic_toc {
    border-radius: 3px;
    background-color: var(--ddb-background-8);
    border: none;
    font-kerning: auto;
    font-feature-settings: "liga" 0;
    position: sticky;
    line-height: 28px;
    padding: 10px 0px 10px 6px;
    margin-right: -12px;
    margin-left: 6px;
    text-align: left;
    font-size: 14px;
    max-width: 270px;
    color: var(--ddb-text-10);
  }
  
  
  .wh_topic_toc div, .wh_topic_toc a, .wh_topic_toc a:visited, .wh_topic_toc a:hover {
    font-weight: 400;
    line-height: 28px;
    font-size: 14px;
  }
  .wh_topic_toc .active > .topicref a {
    line-break: auto;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
  }
  .wh_topic_toc .title a:hover {
    text-decoration: underline;
    font-size: 14px;
    line-height: 28px;
  }

/*
 * ------------------------------------------------------------------
 *  
 * Link to the index.
 * 
 */
@media only screen and (min-width: 768px) {
  .wh_topic_page .wh_indexterms_link {
    float: none;
    display: inline-block;
  }
  .wh_topic_page .wh_indexterms_link a:before {
    position: relative;
    padding: 14px 14px 14px 0;
    top: 0;
    bottom: 0;
    margin: 0;
  }
}
.wh_indexterms_link a:before {
  color: var(--ddb-text-4);
  font-size: 1.6em;
  position: relative;
}
.wh_indexterms_link a span {
  display: none;
}
@media only screen and (max-width: 768px) {
  .wh_indexterms_link a:before {
    bottom: 0;
  }
}

/*
 * ------------------------------------------------------------------
 *
 * Tree TOC for the main page.
 *
 */
.wh_main_page_toc {
  padding-left: 2em;
  border: none;
  border-left: 1px solid var(--ddb-border-11);
  background-color: var(--ddb-background-12);
}
.wh_main_page_toc a {
  color: var(--ddb-text-13);
  font-size: 1.3em;
}
.wh_main_page_toc .wh_main_page_toc_accordion_header:before {
  content: "b";
  /* expand symbol */
  left: -0.35em !important;
  background-color: var(--ddb-background-12);
  font-size: 2em;
}
.wh_main_page_toc .wh_main_page_toc_accordion_header.expanded:before {
  content: "c";
  /* collapse symbol */
}
.wh_main_page_toc > .wh_main_page_toc_accordion_header,
.wh_main_page_toc > .wh_main_page_toc_entry {
  padding: 0.5em;
  margin: 0.5em;
  border: 1px solid var(--ddb-border-11) !important;
  font-weight: bold;
}
.wh_main_page_toc_accordion_header.expanded {
  border-bottom: none !important;
  margin-bottom: 0;
}
.wh_main_page_toc_accordion_header.expanded + .wh_main_page_toc_accordion_entries {
  margin: 0 .5em .5em .5em;
  border: 1px solid var(--ddb-border-11);
  border-top: none;
}
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc > .wh_main_page_toc_entry:hover {
  background-color: var(--ddb-background-14);
}
.wh_main_page_toc .wh_main_page_toc_accordion_header,
.wh_main_page_toc > .wh_main_page_toc_entry,
.wh_main_page_toc_accordion_entries {
  background-color: var(--ddb-background-12);
  text-align: left;
}
.wh_main_page_toc .wh_toc_shortdesc {
  color: var(--ddb-text-15);
  background-color: transparent;
  font-weight: normal;
  font-size: 1em;
}
.wh_main_page_toc_accordion_header:before {
  color: var(--ddb-text-13);
}
.wh_main_page_toc .expanded {
  border: none;
}
/* ---------------------------------   */
.wh_main_page .wh_content_area {
  background-color: var(--ddb-background-12);
  padding: 2em 0 2em 0;
  color: var(--ddb-text-13);
  text-align: center;
  align-items: center;
}

/*
 * ------------------------------------------------------------------
 *
 * Footer
 *
 */
 .wh_footer{
  text-align: center;
  padding: 15px;
  background-color: var(--ddb-background-16);
  color: var(--ddb-text-17);
  position: sticky;
}
/*
 * ------------------------------------------------------------------
 *
 * Topic content
 *
 */
.wh_content_area {
  background-color: var(--ddb-background-12);
  padding: 0;
  font-size: 15px;
  margin-bottom: 24px;
  line-height: 24px;
}
.wh_topic_content {
  color: var(--ddb-text-1);
}
/*
 * Title & subtitles
 */
/*theme-color-ocean-blue*/
.topictitle1,
.topictitle2,
.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6,
*[class~='front-page/front-page-title'],
*[class~="toc/title"],
*[class~="placeholder/figurelist"] > *[class~="topic/title"],
*[class~="placeholder/tablelist"] > *[class~="topic/title"],
*[class~="index/groups"]::before {
  color: var(--ddb-text-18);
}
*[class~='topic/shortdesc']:before {
  color: var(--ddb-text-19);
}

.topictitle1{
    font-weight: 700;
    font-size: 34px;
    text-align: left;

}

.topictitle2{
    font-weight: 600;
    font-size: 28px;
    text-align: left;

}
.topictitle3{
    font-weight: 500;
    font-size: 22px;
    text-align: left;

}

.topictitle4{
    font-weight: 400;
    font-size: 20px;
    text-align: left;

}

.topictitle5{
    font-weight: 400;
    font-size: 20px;
    text-align: left;

}

.topictitle6{
    font-weight: 400;
    font-size: 20px;
    text-align: left;

}

.sectiontitle{
    font-weight: 600;
    font-size: 28px;
    text-align: left;

}

.wh_term{
  font-size: 16px;
  color: var(--ddb-text-1);
}

@media only screen and (max-width: 270px) {
  .wh_publication_toc {
      border-radius: 3px;
      padding: 10px 0px;
      margin-top: -6px;
      margin-left: 0px;
      margin-right: 0px;
  }
}

@media only screen and (max-width: 270px) {
  .wh_topic_toc {
      border-radius: 3px;
      padding: 10px 0px;
      margin-right: -12px;
      margin-top: -6px;
      margin-left: 6px;
  }
}

.topictitle1, .topictitle2, .topictitle3, .topictitle4, .topictitle5, .topictitle6, .sectiontitle {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  line-height: 1.5;
  color: var(--ddb-text-1);
  margin-left: 0;
  padding-left: 0;
}

.topictitle1,
.topictitle2, .sectiontitle:not(*[class ~= "glossentry/glossterm"]),
*[class ~= "toc/title"],
*[class ~= "placeholder/figurelist"] > *[class ~= "topic/title"],
*[class ~= "placeholder/tablelist"] > *[class ~= "topic/title"],
*[class ~= "index/groups"]::before {
  border-bottom: 0.25px solid var(--ddb-border-9);
  padding-bottom: 0.25em;
}
    

.tasklabel{
  margin-left: 0;
  padding-left: 0;
  font-size: 20px;
}


*[class ~= "topic/fig"] {
  text-align: center;
}


/*notes-style-box*/

div.note {
  background-image: none;
  
}
    
/*notes-colors-background*/
*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
  background-color: var(--ddb-background-20);
  color: var(--ddb-text-21);
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  border-radius: 3px;
  margin-left: 0;
}


/*related-links-colors-labels*/
*[class~="topic/linklist"] > strong {
  color: var(--ddb-text-22);
  margin-top: 5px;
  margin-bottom: 5px;
}
/*related-links-background-accent-color-light*/
*[class~="topic/linklist"] {
  padding: 5px;
  background-color: var(--ddb-background-12);
}

/* same full width with zero margin to the left */
.table, .simpletable {
  table-layout: auto;
  margin-left: 0;
  padding-left: 0;
  min-width: 50%;
}

.p {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}

.ol, .ul{
  margin: 10px 10px 10px;
  padding: 0px 0px 0px 6px;
  width: 100%;
}

.li {
  color: var(--ddb-text-1);
  margin: 4px 4px 4px;
  padding-left: 0px;
}

.img {
  display: block;
  margin-left: 0;
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.image{
  display: block;
  margin-left: 0;
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}


*[class ~= 'pr-d/codeblock'],
*[class ~= 'codeblock'],
*[class ~= 'pr-d/codeph'],
*[class ~= 'codeph'] {
	font-family: 'Consolas', monospace;
  width: 100%;
  margin-left: 0;
}


@media screen {
  .wh_publication_toc .active > .topicref a {
    font-weight: bold;
  }
}
/*
 * ------------------------------------------------------------------
 *
 * Breadcrumb
 *
 */
.wh_breadcrumb ol {
  padding: 8px;
}
.wh_breadcrumb ol,
.wh_breadcrumb ol a {
  color: var(--ddb-text-1);
  font-size: 14px;
}
.wh_breadcrumb ol .active a {
  color: var(--ddb-text-2);
  font-size: 14px;
}
.home a span {
  display: none;
}
.home a:before {
  font-family: '-apple-system','BlinkMacSystemFont','Segoe UI','Helvetica','Arial',sans-serif,'Apple Color Emoji','Segoe UI Emoji';
  content: "o";
}
/*
 * ------------------------------------------------------------------
 *
 * Tools and navigation
 *
 */
.wh_tools {
  border-bottom: solid 0.5px var(--ddb-border-23);
  background-color: var(--ddb-background-12);
  margin: 32px 16px;
  font-size: 14px;
}
.wh_print_link button,
.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.oxy-icon-pdf-link,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited,
.wh_print_link a:before,
.wh_navigation_links a:before,
.wh_navigation_links a:hover:before,
.wh_navigation_links a:active:before,
.wh_navigation_links a:visited:before {
  color: var(--ddb-text-13);
  text-decoration: none;
}
.wh_right_tools {
  padding: 8px 15px;
}
/*
 * Other content
 */
.wh_topic_content .shortdesc {
  font-style: italic;
}
/* x more */
.dots-after span,
.dots-before span {
  border: 1px solid var(--ddb-border-24);
}

/* Tooltip arrow. */
[data-tooltip-position="left"] .topicref .wh-tooltip::before,
[data-tooltip-position="left"] .wh-toc-tooltip::before {
  border-left-color: var(--ddb-border-25);
}
[data-tooltip-position="right"] .topicref .wh-tooltip::before,
[data-tooltip-position="right"] .wh-toc-tooltip::before {
  border-right-color: var(--ddb-border-25);
}
[data-tooltip-position="bottom"] .topicref .wh-tooltip::before,
[data-tooltip-position="bottom"] .wh-toc-tooltip::before {
  border-bottom-color: var(--ddb-border-25);
}
[data-tooltip-position="top"] .topicref .wh-tooltip::before,
[data-tooltip-position="top"] .wh-toc-tooltip::before {
  border-top-color: var(--ddb-border-25);
}
/* Related links */
.wh_related_links .related-links,
.wh_topic_content .related-links,
.wh_child_links {
  margin: 16px 0 16px 0;
  background-color: var(--ddb-background-12);
  padding: 0;
}
.wh_child_links {
  padding: 1em;
}
.wh_topic_content .related-links {
  font-size: .91em;
}

.related-links a,
.related-links a:visited {
  color: var(--ddb-text-2);
}

/*
 * ------------------------------------------------------------------
 *
 * Search results.
 *
 */
.searchresult {
  list-style: none;
}
.searchresult li {
  padding: 8px;
}
.searchresult li a {
  color: var(--ddb-text-13);
}
.wh_search_expression {
  color: var(--ddb-text-13);
}
.searchresult .shortdesclink {
  margin: .3em .5em 0 0;
}
.wh_search_expression {
  font-weight: bold;
}
/*--------- Search results breadcrumb ----------*/
.search-breadcrumb li a {
  color: var(--ddb-text-15);
  background: var(--ddb-background-8);
}
.search-breadcrumb li .title:before,
.search-breadcrumb li .title:after {
  border-color: var(--ddb-border-23);
}
.search-breadcrumb li .title:before {
  border-left-color: transparent;
}
.search-breadcrumb li .title:after {
  border-color: transparent;
  border-left-color: var(--ddb-border-23);
}
/* Highlights */
.highlight {
  background-color: var(--ddb-background-26);
  border-radius: 4px;
  padding: 0 1px;
}
.wh-h {
  padding: 0 1px;
}
/* Index terms */
.wh_term_group {
  border-bottom: 1px solid var(--ddb-border-23);
  background-color: var(--ddb-background-12);
  margin: 1em 0;
  padding: 1em;
}
.wh_term > span {
  color: var(--ddb-text-15);
  font-style: italic;
}
.wh_index_terms span.wh_first_letter {
  color: var(--ddb-text-13);
  border: none;
  font-size: 1.5em;
  margin: 0;
}
.wh_index_terms #indexList {
  padding: 0;
}


/*expand button*/

.wh_expand_btn:before{
  margin-left: 2em;
  display: none;
}



.table, .simpletable {
  border: 1px solid var(--ddb-border-27);
  border-collapse: collapse;
  table-layout: auto;
  border-style: groove;
  border-radius: 3px;
  font-size: 15px;
  min-width: 50%;
}

.table th {
  padding: 8px;
  text-align: left;
  border: 1px groove var(--ddb-border-27); /* Define borders for table cells */
  background-color: var(--ddb-background-28);
  font-style: bold;
}

.table td {
  padding: 8px;
  text-align: left;
  border: 1px groove var(--ddb-border-27); /* Define borders for table cells */
  background-color: var(--ddb-background-8);
}

.table td > p {
  margin: 0;
  font-size: 15px;
  line-height: 24px;
}

/* set "not" to exclude an element from the font and padding setting */

.table td *:not(ul):not(li):not(sup):not(sub) {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}

.table td ul {
  padding-left: 20px;
  margin: 8px 0;
}

.table td li {
  margin-left: 0;
  padding-left: 4px;
}

/* Simple table styling */


.simpletable th, .simpletable td {
  padding: 8px;
  text-align: left;
  border: 1px groove var(--ddb-border-27); /* Simplified border declaration */
}

/* Alternate row color for better readability */
.table tr:nth-child(even) {
  background-color: var(--ddb-background-29);
}

/* Hover effect on table rows */
.table tr:hover {
  background-color: var(--ddb-background-30);
}

.simpletable tr:nth-child(even) {
  background-color: var(--ddb-background-29);
}

/* Hover effect on table rows */
.simpletable tr:hover {
  background-color: var(--ddb-background-30);
}



.sectiontitle:not(.tasklabel), .topic:not([role~=article])>.title, .wh_term_group>.wh_first_letter, table>caption {
padding-left: 0;
}

/*css rules for codeblock, codeph, and pre */
p code,
p pre,
p {
text-indent: 0;
text-align: left;
}

p {
  margin: 16px 0px 16px;
}

code {
background-color: var(--ddb-background-31); /* Change this to adjust the code block background color */
color: var(--ddb-text-32); /* Change this to adjust the code block text color */
font-family: 'Consolas', monospace;
font-size: 14px;
text-align: left;
}

code, code[class*="language-"] {
font-family: 'Consolas', monospace;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 14px;
text-align: left;
}

code[class*="language-"] {
background-color: var(--ddb-background-31);
color: var(--ddb-text-32);
font-size: 14px;
text-align: left;
}

code[class*="language-"]::before,
code[class*="language-"]::after {
content: '';
}

code[class*="language-"]::before {
content: attr(data-language) " ";
}

pre{
font-size: 14px;
font-family: 'Consolas', monospace;
text-align: left;
background-color: var(--ddb-background-31);
color: var(--ddb-text-32);
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

code.codeph {
background-color: var(--ddb-background-31); /* Change this to adjust the codeph background color */
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: inherit; /* Change this to adjust the code font size */
font-family: 'Consolas', monospace;
color: var(--ddb-text-32);
text-align: left;
}

/*code-font-consolas*/
*[class~='pr-d/codeblock'],
*[class~='codeblock'],
*[class~='pr-d/codeph'],
*[class~='codeph'] {
font-family: 'Consolas', monospace;
}

*[class ~= 'codeblock'] {
color: var(--ddb-text-32);
background-color: var(--ddb-background-31);
}

*[class ~= 'hl-keyword'] {
color: var(--ddb-text-33);
}

*[class ~= 'hl-string'] {
color: var(--ddb-text-34);
}

*[class ~= 'hl-tag-doctype-comment'], *[class ~= 'hl-comment'] {
color: var(--ddb-text-35);
}

*[class ~= 'hl-number'] {
color: var(--ddb-text-36);
}


/*10px margin below the figure title*/
*[class ~= "topic/fig"] > *[class ~= "topic/title"] {
margin-bottom: 10px;
margin-top: 10px;
/* font-weight: bold; */
font-size: 14px;
text-align: center;
}

.fig--title-label {
  display: none;
}

/*10px margin below the table title*/
*[class ~= "topic/table"] > *[class ~= "topic/title"] {
  margin-bottom: 10px;
  margin-top: 10px;
  /* font-weight: bold; */
  font-size: 15px;
  text-align: center;
}
.table--title-label {
  display: none;
}

/*glossary-layout-vertical-separator*/
*[class~="glossgroup/glossgroup"] {
  display: table;
  border-collapse: collapse;
}
/* Define a row and a cell for the glossary title. */
*[class~="glossgroup/glossgroup"] > *[class~="topic/title"] {
  display: table-row;
}
*[class~="glossgroup/glossgroup"] > *[class~="topic/title"] > *[class~="topic/title-wrapper"] {
  display: table-cell;
}
/* Define a row for each glossentry and a cell for each of its children. */
*[class~="glossentry/glossentry"] {
  display: table-row;
}
*[class~="glossentry/glossterm"],
*[class~="glossentry/glossentry"] > *[class~="glossentry/glossdef"],
*[class~="glossentry/glossBody"] {
  display: table-cell;
  padding: 0.3em;
}
*[class~="glossentry/glossterm"] {
  border-right: 1px solid var(--ddb-border-37);
  text-align: right;
  width: 20%;
}


/* Search autocomplete */
.ui-menu-item {
  font-size: 15px;
}

.ui-menu-item .ui-state-active {
  background-color: var(--ddb-background-38);
}


/* Active search page */
#wh-search-pagination > ul > li.active > a {
  background-color: var(--ddb-background-39);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  border-color: var(--ddb-border-40) !important;
}

*[class~='topic/xref'],
*[class~='topic/link'] {
  color: var(--ddb-text-2);
}

.row {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 2px;
  padding-right: 2px;
  align-items: center;
}

/* *[class~='topic/fig'] > *[class~='topic/title'] {
font-style: normal;
font-size: 14px;
text-align: left;
} */


/*search form*/
#searchForm > div {
  width: 100%;
  align-self: center;
}

.wh_top_menu_and_indexterms_link {
    flex-grow: .9;
}

@media only screen and (min-width : 768px) {
    .wh_top_menu_and_indexterms_link.navbar-collapse {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: end;
    }

    .wh_header_flex_container {
        flex-wrap: nowrap;
    }

    .wh_header_flex_container .wh_search_input {
        padding-left: 5%;
        min-width: 100px;
    }
    
    .wh_publication_title {
        min-width: 100px;
    }
}

.ui-autocomplete {
  z-index: 10000;
}

.wh_search_input {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  align-items: center;
  color: var(--ddb-text-15);
  background-color: var(--ddb-background-12);
  text-align: center;
  height: 26px;
  width: 55%;
}

.wh_search_textfield {
  border: solid 0.25px var(--ddb-border-11);
  background-color: var(--ddb-background-12);
  height: 26px;
  padding: 0;
}

.wh_search_button {
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--ddb-text-41);
  background-color: var(--ddb-background-42);
}
/* Search relative path */
.searchresult li .relativePath a {
  color: var(--ddb-text-43);
}
/* Search autocomplete icons */
.search-autocomplete-proposal-type-history a,
.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: var(--ddb-text-13);
  font-size: 0.8em;
}
.ui-state-active .search-autocomplete-proposal-type-history a,
.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: var(--ddb-text-4);
}
/* Do not allow the text to go beneath the search button  */
@media only screen and (min-width: 768px) {
  .wh_search_textfield {
    padding-right: 36px;
  }
}
/* Search field placeholder */
::-webkit-input-placeholder {
  color: var(--ddb-text-15);
  font-style: italic;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: var(--ddb-text-15);
  font-style: italic;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--ddb-text-15);
  font-style: italic;
}
:-ms-input-placeholder {
  color: var(--ddb-text-15);
  font-style: italic;
}
/* Change Autocomplete styles in Chrome */
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus {
  border: 1px solid var(--ddb-border-11);
  -webkit-text-fill-color: var(--ddb-border-44);
  -webkit-box-shadow: none;
  transition: background-color 1s ease-in-out; /* Updated duration to 1 second */
}

/* table caption*/
caption.tablecap {
    caption-side: top !important;
    text-align: center;
}

/* Keep the native full-width toggle and its responsive visibility rules. */
.wh_right_tools .webhelp_full_width_link {
  color: var(--ddb-text-13);
  cursor: pointer;
}

.wh_right_tools .webhelp_full_width_link:hover {
  color: var(--ddb-text-2);
}

@media screen {
  :root[data-wh-theme="dark"] .wh_right_tools .webhelp_full_width_link:hover {
    color: var(--ddb-link-hover);
  }
}

/* AI entry uses its own SVG, independent of the WebHelp icon font. */
.wh_right_tools .ddb_ask_ai,
.wh_right_tools .ddb_ask_ai:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 6px;
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid #c7ddfa;
  border-radius: 8px;
  background-color: #edf5ff;
  color: #195db2;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.wh_right_tools .ddb_ask_ai:hover,
.wh_right_tools .ddb_ask_ai:active {
  border-color: #8bb8ee;
  background-color: #deedff;
  color: #124b96;
  text-decoration: none;
}

.wh_right_tools .ddb_ask_ai:focus-visible {
  outline: 2px solid #2372de;
  outline-offset: 3px;
}

.ddb_ask_ai_icon {
  flex-shrink: 0;
}

@media screen {
  :root[data-wh-theme="dark"] .wh_right_tools .ddb_ask_ai,
  :root[data-wh-theme="dark"] .wh_right_tools .ddb_ask_ai:visited {
    border-color: #43658d;
    background-color: #233b57;
    color: #b6d2ff;
  }

  :root[data-wh-theme="dark"] .wh_right_tools .ddb_ask_ai:hover,
  :root[data-wh-theme="dark"] .wh_right_tools .ddb_ask_ai:active {
    border-color: #729bce;
    background-color: #2c4a6d;
    color: #d7e6ff;
  }

  :root[data-wh-theme="dark"] .wh_right_tools .ddb_ask_ai:focus-visible {
    outline-color: var(--ddb-focus-ring);
  }
}

@media only screen and (max-width: 767px) {
  .wh_right_tools .ddb_ask_ai {
    min-height: 44px;
    padding-inline: 10px;
  }
}

@media print {
  .ddb_ask_ai {
    display: none !important;
  }
}

/* Custom controls must collapse with their native TOC, while the toggle stays visible. */
#wh_publication_toc_content:has(> #wh_close_publication_toc_button[aria-expanded="false"]) > .root,
#wh_topic_toc_content:has(> #wh_close_topic_toc_button[aria-expanded="false"]) > .feedback-container {
  display: none;
}

/* Keep the relocated native theme control aligned with the print button. */
.wh_right_tools > .wh_theme {
  display: inline-flex;
  align-items: center;
  margin-inline-start: 8px;
}

.wh_right_tools .wh_theme_btn {
  margin: 0;
  color: var(--ddb-text-13);
}

/* Explicitly place the menu below the flex control, clear of the sticky header. */
.wh_right_tools > .wh_theme > .dropdown-menu {
  top: calc(100% + 4px);
  right: 0;
  left: auto;
}

/*
 * WebHelp's default skin also defines component colors. Scope these overrides
 * to screen/dark so switching back to light and printing use the light styles.
 */
@media screen {
  :root[data-wh-theme="dark"] body {
    color: var(--ddb-text);
    background-color: var(--ddb-surface);
  }

  :root[data-wh-theme="dark"] .wh_header,
  :root[data-wh-theme="dark"] .wh_search_input,
  :root[data-wh-theme="dark"] .wh_top_menu ul ul {
    color: var(--ddb-text);
    background-color: var(--ddb-surface);
    background-image: none;
  }

  :root[data-wh-theme="dark"] a:hover,
  :root[data-wh-theme="dark"] a:focus-visible {
    color: var(--ddb-link-hover);
  }

  :root[data-wh-theme="dark"] :is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--ddb-focus-ring);
    outline-offset: 2px;
  }

  :root[data-wh-theme="dark"] .wh_publication_toc .title > a,
  :root[data-wh-theme="dark"] .wh_topic_toc .title > a,
  :root[data-wh-theme="dark"] .wh_top_menu a,
  :root[data-wh-theme="dark"] .wh-label {
    color: var(--ddb-text-muted);
  }

  :root[data-wh-theme="dark"] .wh_publication_toc .title > a:hover,
  :root[data-wh-theme="dark"] .wh_topic_toc .title > a:hover,
  :root[data-wh-theme="dark"] .wh_top_menu a:hover {
    color: var(--ddb-link-hover);
    background-color: var(--ddb-surface-hover);
  }

  :root[data-wh-theme="dark"] .wh_publication_toc .active > .topicref,
  :root[data-wh-theme="dark"] .wh_topic_toc .active > .topicref {
    color: var(--ddb-link);
    background-color: var(--ddb-surface-selected);
  }

  :root[data-wh-theme="dark"] .wh_publication_toc .active > .topicref a,
  :root[data-wh-theme="dark"] .wh_topic_toc .active > .topicref a {
    color: var(--ddb-link);
  }

  :root[data-wh-theme="dark"] .wh-expand-btn,
  :root[data-wh-theme="dark"] .wh-expand-btn::before,
  :root[data-wh-theme="dark"] .wh_toc_shortdesc,
  :root[data-wh-theme="dark"] .wh_breadcrumb li::after {
    color: var(--ddb-text-muted);
  }

  :root[data-wh-theme="dark"] .close-toc-button,
  :root[data-wh-theme="dark"] #go2top {
    color: var(--ddb-text);
    background-color: var(--ddb-surface-raised);
    border-color: var(--ddb-control-border);
  }

  :root[data-wh-theme="dark"] .close-toc-button:hover,
  :root[data-wh-theme="dark"] #go2top:hover {
    background-color: var(--ddb-surface-hover);
  }

  /* The arrows are drawn with borders; button text color alone is not enough. */
  :root[data-wh-theme="dark"] .close-toc-button {
    box-shadow: 0 0 0 1px var(--ddb-control-border);
  }

  :root[data-wh-theme="dark"] .close-toc-button .close-toc-icon {
    border-color: currentColor;
    border-width: 2px;
  }

  /* Shared version/download controls appear in the TOC or header, depending on the page. */
  :root[data-wh-theme="dark"] .root > .ant-app.app > .ant-select {
    --ant-color-text: var(--ddb-text);
    --ant-color-text-quaternary: var(--ddb-text-muted);
    --ant-color-border: var(--ddb-control-border);
    --ant-select-selector-bg: var(--ddb-surface-raised);
    --ant-select-hover-border-color: var(--ddb-link-hover);
    --ant-select-active-border-color: var(--ddb-focus-ring);
    --ant-select-active-outline-color: transparent;
  }

  /* The select already changes its border on focus; avoid a second ring on its input. */
  :root[data-wh-theme="dark"] .root > .ant-app.app > .ant-select .ant-select-input:focus-visible {
    outline: none;
  }

  :root[data-wh-theme="dark"] .root > .ant-app.app > .ant-select-open .ant-select-content-has-value:not(.ant-select-content-has-search-value) {
    opacity: 1;
  }

  :root[data-wh-theme="dark"] .root > .ant-app.app > .ant-btn-default {
    --ant-button-default-color: var(--ddb-text);
    --ant-button-default-bg: var(--ddb-surface-raised);
    --ant-button-default-border-color: var(--ddb-control-border);
    --ant-button-default-hover-color: var(--ddb-link-hover);
    --ant-button-default-hover-bg: var(--ddb-surface-hover);
    --ant-button-default-hover-border-color: var(--ddb-link-hover);
    --ant-button-default-active-color: var(--ddb-link);
    --ant-button-default-active-bg: var(--ddb-surface-selected);
    --ant-button-default-active-border-color: var(--ddb-link);
    --ant-button-default-shadow: none;
  }

  /* The version popup is rendered under body, outside the publication TOC. */
  :root[data-wh-theme="dark"] .ant-select-dropdown {
    --ant-color-text: var(--ddb-text);
    --ant-color-text-description: var(--ddb-text-muted);
    --ant-color-bg-elevated: var(--ddb-surface-raised);
    --ant-color-primary: var(--ddb-link);
    --ant-select-option-selected-color: var(--ddb-link);
    --ant-select-option-selected-bg: var(--ddb-surface-selected);
    --ant-select-option-active-bg: var(--ddb-surface-hover);
    --ant-control-item-bg-active-hover: var(--ddb-surface-selected);
    --ant-box-shadow-secondary: var(--ddb-shadow);
    --rc-virtual-list-scrollbar-bg: var(--ddb-control-border);
    border: 1px solid var(--ddb-control-border);
  }

  :root[data-wh-theme="dark"] .close-toc-button:hover,
  :root[data-wh-theme="dark"] .close-toc-button:focus-visible {
    color: var(--ddb-link-hover);
    background-color: var(--ddb-surface-hover);
  }

  /* Preserve diagram colors and keep black labels readable, including zoom. */
  :root[data-wh-theme="dark"] .wh_topic_content img.image,
  :root[data-wh-theme="dark"] #modal_img_large img {
    background-color: var(--ddb-image-background);
  }

  /* Give the field, suggestions and pagination their own readable states. */
  :root[data-wh-theme="dark"] .wh_search_textfield {
    color: var(--ddb-text);
    caret-color: var(--ddb-text);
    border-color: var(--ddb-control-border);
    background-color: var(--ddb-surface-raised);
  }

  :root[data-wh-theme="dark"] .wh_search_textfield::placeholder {
    color: var(--ddb-text-muted);
    opacity: 1;
  }

  :root[data-wh-theme="dark"] .wh_search_textfield:-webkit-autofill {
    -webkit-text-fill-color: var(--ddb-text);
    -webkit-box-shadow: 0 0 0 1000px var(--ddb-surface-raised) inset;
  }

  :root[data-wh-theme="dark"] .wh_search_button {
    color: var(--ddb-on-action);
    border-color: var(--ddb-action);
    background-color: var(--ddb-action);
    background-image: none;
  }

  :root[data-wh-theme="dark"] .wh_search_button:hover,
  :root[data-wh-theme="dark"] .wh_search_button:focus-visible {
    background-color: var(--ddb-action-hover);
    border-color: var(--ddb-action-hover);
  }

  :root[data-wh-theme="dark"] .ui-autocomplete {
    color: var(--ddb-text);
    border-color: var(--ddb-control-border);
    background: var(--ddb-surface-raised);
    box-shadow: var(--ddb-shadow);
  }

  :root[data-wh-theme="dark"] .ui-autocomplete a,
  :root[data-wh-theme="dark"] .ui-autocomplete .ui-menu-item-wrapper {
    color: var(--ddb-text);
  }

  :root[data-wh-theme="dark"] .ui-autocomplete .ui-state-active,
  :root[data-wh-theme="dark"] .ui-autocomplete .ui-state-active a {
    color: var(--ddb-on-action);
    border-color: var(--ddb-action);
    background: var(--ddb-action);
  }

  :root[data-wh-theme="dark"] .pagination > li > a,
  :root[data-wh-theme="dark"] .pagination > li > span,
  :root[data-wh-theme="dark"] .pagination .page-link {
    color: var(--ddb-link);
    background-color: var(--ddb-surface-raised);
    border-color: var(--ddb-border);
  }

  :root[data-wh-theme="dark"] .pagination > li > a:hover,
  :root[data-wh-theme="dark"] .pagination .page-link:hover {
    color: var(--ddb-link-hover);
    background-color: var(--ddb-surface-hover);
  }

  :root[data-wh-theme="dark"] .pagination > .active > a,
  :root[data-wh-theme="dark"] .pagination > .active > span,
  :root[data-wh-theme="dark"] .pagination .active > .page-link,
  :root[data-wh-theme="dark"] #wh-search-pagination > ul > li.active > a {
    color: var(--ddb-on-action);
    background-color: var(--ddb-action);
    border-color: var(--ddb-action);
  }

  :root[data-wh-theme="dark"] .pagination > .disabled > a,
  :root[data-wh-theme="dark"] .pagination > .disabled > span,
  :root[data-wh-theme="dark"] .pagination .disabled > .page-link {
    color: var(--ddb-text-muted);
    background-color: var(--ddb-surface);
    border-color: var(--ddb-border);
  }

  :root[data-wh-theme="dark"] #searchResults > .wh_search_results_facets,
  :root[data-wh-theme="dark"] .wh_search_results_facets,
  :root[data-wh-theme="dark"] .wh-letters {
    color: var(--ddb-text);
    background-color: var(--ddb-surface-raised);
  }

  :root[data-wh-theme="dark"] .wh_facet_value_count,
  :root[data-wh-theme="dark"] .wh_facet_widget_button:hover,
  :root[data-wh-theme="dark"] .wh_reset_facets_button:hover {
    color: var(--ddb-text);
    background-color: var(--ddb-surface-hover);
  }

  :root[data-wh-theme="dark"] .wh_reset_facets_button {
    color: var(--ddb-text-muted);
    border-color: var(--ddb-control-border);
  }

  :root[data-wh-theme="dark"] .errorMessage {
    color: var(--ddb-error-text);
    background-color: var(--ddb-error-background);
    border-color: var(--ddb-error-text);
  }

  /* Paint cells, not only rows: the default td background masks row colors. */
  :root[data-wh-theme="dark"] :is(.table, .simpletable) {
    --bs-table-color: var(--ddb-text);
    --bs-table-bg: var(--ddb-surface);
    color: var(--ddb-text);
  }

  :root[data-wh-theme="dark"] :is(.table, .simpletable) td {
    color: var(--ddb-text);
    background-color: var(--ddb-surface);
  }

  :root[data-wh-theme="dark"] :is(.table, .simpletable) tr:nth-child(even) > td {
    background-color: var(--ddb-background-29);
  }

  :root[data-wh-theme="dark"] :is(.table, .simpletable) tr:hover > td {
    background-color: var(--ddb-surface-hover);
  }

  /* Include generated headers that use td, and keep hover/stripes below them. */
  :root[data-wh-theme="dark"] :is(.table, .simpletable) th,
  :root[data-wh-theme="dark"] :is(.table, .simpletable) :is(thead > tr, tr.sthead) > :is(th, td) {
    color: var(--ddb-table-header-text);
    background-color: var(--ddb-table-header-background);
    font-weight: 600;
    border-bottom: 2px solid var(--ddb-table-header-border);
  }

  /* Inline code also occurs in lists and table cells; leave pre/code blocks alone. */
  :root[data-wh-theme="dark"] .wh_topic_content :is(code, .codeph, [class~="pr-d/codeph"]):not(pre *):not(.codeblock):not([class~="pr-d/codeblock"]) {
    color: var(--ddb-inline-code-text);
    background-color: var(--ddb-inline-code-background);
    border: none;
    border-radius: 4px;
    padding: 0.1em 0.35em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  :root[data-wh-theme="dark"] *[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
    border-inline-start: 3px solid var(--ddb-note-border);
  }

  :root[data-wh-theme="dark"] .highlight,
  :root[data-wh-theme="dark"] .wh-h,
  :root[data-wh-theme="dark"] mark {
    color: var(--ddb-highlight-text);
    background-color: var(--ddb-highlight-background);
  }

  /* Complete Oxygen's syntax palette, including XML/HTML and annotations. */
  :root[data-wh-theme="dark"] :is(.hl-directive, .hl-annotation) {
    color: var(--ddb-code-directive);
  }

  :root[data-wh-theme="dark"] :is(.hl-tag, .hl-html, .hl-xsl, .hl-tag-doctype) {
    color: var(--ddb-link);
  }

  :root[data-wh-theme="dark"] .hl-attribute {
    color: var(--ddb-text-36);
  }

  :root[data-wh-theme="dark"] .hl-value {
    color: var(--ddb-text-34);
  }

  :root[data-wh-theme="dark"] .codeblock .copyTooltip {
    color: var(--ddb-text);
    background-color: var(--ddb-surface-hover);
    border-color: var(--ddb-control-border);
    opacity: 1;
  }

  :root[data-wh-theme="dark"] .wh_scroll {
    scrollbar-color: var(--ddb-control-border) transparent;
  }

  :root[data-wh-theme="dark"] .wh_scroll::-webkit-scrollbar-thumb {
    background-color: var(--ddb-control-border);
  }
}