.accessibility,
.visually-hidden,
.hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

button {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none; }

@font-face {
  font-family: 'open_sans';
  src: url("../fonts/OpenSans-Regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'open_sans';
  src: url("../fonts/OpenSans-Semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
/* */
@font-face {
  font-family: 'open_sanslight';
  src: url("../fonts/OpenSans-Light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sanslight_italic';
  src: url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/OpenSans-Regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansitalic';
  src: url("../fonts/OpenSans-Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sanssemibold';
  src: url("../fonts/OpenSans-Semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sanssemibold_italic';
  src: url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansbold';
  src: url("../fonts/OpenSans-Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansbold_italic';
  src: url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansextrabold';
  src: url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansextrabold_italic';
  src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
:root {
  --container-padding1: 15px;
  --container-padding1: 0.9375rem;
  --container-padding2: 5px;
  --container-padding2: 1.875rem; }

:root {
  --color-acce1: #414141;
  --color-acce2: #2064B4;
  --color-acce3: #477DBD;
  --color-acce4: #CC0000;
  --color-atmo1: #FBFCFC;
  --color-atmo2: #F0F0F0;
  --color-atmo3: #E8E8E8;
  --color-atmo4: #CCCED0;
  --color-atmo5: #999999;
  --color-base1: #FBFCFC;
  --color-base2: #414141;
  --color-text: var(--color-base2);
  --color-text-disabled: var(--color-text-disabled);
  --color-text-placeholder: var(--color-text-placeholder);
  --color-text-selected-nav: var(--color-acce4);
  --color-link: var(--color-acce2);
  --color-link-active: var(--color-acce4);
  --color-toc-link: var(--color-text);
  --color-toc-link-active: var(--color-link-active);
  --color-toc-link-active-background: var(--color-atmo3);
  --color-toc-link-active-border: var(--color-acce4);
  --color-breadcrumb-link: var(--color-text);
  --color-breadcrumb-link-active-bg: var(--color-atmo3);
  --color-search-results-link: var(--color-text);
  --color-search-results-link-active: var(--color-text);
  --color-page-background: white;
  --color-topic-background: var(--color-atmo2);
  --color-toc-background: var(--color-page-background);
  --color-header-border: var(--color-acce4);
  --color-related-background: var(--color-page-background);
  --color-related-border: var(--color-atmo5);
  --color-nav-article-related-border: var(--color-atmo5);
  --color-nav-article-related-active-border: var(--color-acce1);
  --color-badge-background: var(--color-text);
  --color-badge-text: var(--color-base1);
  --color-table-thead-background: var(--color-page-background);
  --color-table-tbody-background: var(--color-atmo2);
  --color-table-border: var(--color-atmo4);
  --color-box-border: var(--color-atmo4);
  --color-box-border-danger: #CC0000;
  --color-box-border-information: var(--color-acce1);
  --color-box-border-caution: #B97851;
  --color-search-highlight: rgba(204, 255, 0, .5);
  --color-codeblock-background: var(--color-atmo3);
  --color-codeblock-border: var(--color-atmo5); }

/*
 * all variables need to be reproduced for theme colors
 */
.theme-cvae,
.theme-green {
  --color-acce1: #414141;
  --color-acce2: #2064B4;
  --color-acce3: #477DBD;
  --color-acce4: green;
  --color-atmo1: #FBFCFC;
  --color-atmo2: #F0F0F0;
  --color-atmo3: #E8E8E8;
  --color-atmo4: #CCCED0;
  --color-atmo5: #999999;
  --color-base1: #FBFCFC;
  --color-base2: #414141;
  --color-text: var(--color-base2);
  --color-text-disabled: var(--color-text-disabled);
  --color-text-placeholder: var(--color-text-placeholder);
  --color-text-selected-nav: var(--color-acce4);
  --color-link: var(--color-acce2);
  --color-link-active: var(--color-acce4);
  --color-toc-link: var(--color-text);
  --color-toc-link-active: var(--color-link-active);
  --color-toc-link-active-background: var(--color-atmo3);
  --color-toc-link-active-border: var(--color-acce4);
  --color-breadcrumb-link: var(--color-text);
  --color-breadcrumb-link-active-bg: var(--color-atmo3);
  --color-search-results-link: var(--color-text);
  --color-search-results-link-active: var(--color-text);
  --color-page-background: white;
  --color-topic-background: var(--color-atmo2);
  --color-toc-background: var(--color-page-background);
  --color-header-border: var(--color-acce4);
  --color-related-background: var(--color-page-background);
  --color-related-border: var(--color-atmo5);
  --color-nav-article-related-border: var(--color-atmo5);
  --color-nav-article-related-active-border: var(--color-acce1);
  --color-badge-background: var(--color-text);
  --color-badge-text: var(--color-base1);
  --color-table-thead-background: var(--color-page-background);
  --color-table-tbody-background: var(--color-atmo2);
  --color-table-border: var(--color-atmo4);
  --color-box-border: var(--color-atmo4);
  --color-box-border-danger: #CC0000;
  --color-box-border-information: var(--color-acce1);
  --color-box-border-caution: #B97851;
  --color-search-highlight: rgba(204, 255, 0, .5);
  --color-codeblock-background: var(--color-atmo3);
  --color-codeblock-border: var(--color-atmo5); }

.HvHeader-root {
  width: 100%;
  z-index: 1100;
  border-top: 4px solid var(--color-header-border);
  box-sizing: border-box;
  box-shadow: 0 2px 12px rgba(65, 65, 65, 0.12);
  /* height: 44px;  */
  min-height: 44px;
  height: auto;
  display: flex;
  justify-content: space-between;
 }
  @media all and (max-width: 600px) {
    .HvHeader-root {
      display: flex;
      height: auto;
      justify-content: inherit; } }

  .HvHeaderBrand-root-parent{
    display: flex;
    align-items: center;
  }

  @media all and (min-width: 600px)  {
    .HvHeaderBrand-root-parent{
      width: 60%;
    }
  
  }

  .HvHeaderBrand-root {
    align-items: center;
    display: flex;
    color: var(--color-text);
    text-decoration: none;
    overflow: hidden; 
    margin-left: 0.5rem;
    width: fit-content;
  }

  .HvHeaderBrand-root > p {
    flex: 1;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    padding: 0.5rem 0;
    /* max-width: 70%; */
   }
  .HvHeaderBrand-root img {
    height: 24px;
    width: auto; }

  /* commented to align Logo and Publication title on left in mobile view  */
  /* @media all and (max-width: 1000px) {
    .HvHeaderBrand-root {
      justify-content: center; } } */
  @media all and (max-width: 400px) {
    .HvHeaderBrand-root {
      max-width: 300px; } }

.HvHeaderBrand-separator {
  width: 1px;
  height: 20px;
  margin: 0px 10px 0 5px;
  background-color: #414141; }

.search {
  display: flex;
  justify-content: flex-end;
  max-width: 300px;
  max-width: 18.75rem;
  width: 100%;
  position: relative; 
  /*margin-right: 40px; */}
  @media all and (max-width: 767px) {
    .search {
      max-width: 40%; } }
  @media all and (max-width: 600px) {
    .search {
      max-width: 100%; 
      margin-top: 0.5rem; } }
  .search input {
    border: none;
    border-bottom: 1px solid var(--color-text);
    line-height: 28px !important;
    padding-right: 40px;
    padding-right: 2.5rem;
    padding-left: 1ch;
    /* width: 100%; */
    width: 70%;
    transition: width 0.3s;
  }

  @media all and (min-width: 601px) {
  .search input:focus-visible{
    width: 100%;
  }
}

  @media all and (max-width: 600px) {
    .search input {
      width: 100%;
    }
  }
  .search button[type=submit] {
    align-items: center;
    display: flex;
    height: 2em;
    justify-content: center;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 40px;
    width: 2.5rem; }
    .search button[type=submit] svg {
      height: 16px;
      height: 1rem;
      width: 16px;
      width: 1rem; }

      .d-none{
        display: none;
      }

    .loading-icon {
      --d:18px;
      width: 2px;
      height: 2px;
      border-radius: 50%;
      color: #414141;
      box-shadow: 
        calc(1*var(--d)) calc(0*var(--d)) 0 2px, 
        calc(0.707*var(--d)) calc(0.707*var(--d)) 0 2px, 
        calc(0*var(--d)) calc(1*var(--d)) 0 2px, 
        calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 2px, 
        calc(-1*var(--d)) calc(0*var(--d)) 0 2px, 
        calc(-0.707*var(--d)) calc(-0.707*var(--d))0 3px, 
        calc(0*var(--d)) calc(-1*var(--d)) 0 3px, 
        calc(0.707*var(--d)) calc(-0.707*var(--d)) 0 3px;
      animation: s7 1.5s infinite steps(8);
      margin: 1rem auto;
    }
    
    @keyframes s7 {
      100% {transform: rotate(1turn)}
    }

#hiddenCopy{
  display: none;
}

body > header {
  align-items: center;
  display: flex; }
  @media all and (max-width: 600px) {
    body > header {
      flex-wrap: wrap;} }
  /* @media all and (min-width: 1270px) {
    body > header {
      justify-content: space-between; }
      body > header > * {
        flex: 1; } }
  @media all and (max-width: 1269px) {
    body > header .search {
      display: none; } } */

body > header {
  background-color: var(--color-page-background);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9; }

.HvBreadCrumb-root {
  display: flex;
  z-index: 0;
  align-items: center; 
}
  @media all and (max-width: 400px) {
    .HvBreadCrumb-root {
      display: none; } }

.HvBreadCrumb-a {
  padding: 8px 10px;
  border-radius: 2px;
  text-decoration: none; }

.HvBreadCrumb-a:hover {
  background-color: var(--color-breadcrumb-link-active-bg); }

.HvBreadCrumb-centerContainer {
  display: flex;
  align-items: center; }
/* Hide breadcrumb of current page */
.HvBreadCrumb-centerContainer:last-child {
	display:none;
}
.HvIconBase-root {
  display: flex;
  align-items: center;
  justify-content: center; }

.HvIconBase-xs {
  width: 32px;
  height: 32px; }

.HvBreadCrumb-link {
  color: var(--color-text);
  max-width: 170px; }

.HvBreadCrumb-orderedList {
  display: flex;
  margin-left: -10px;
  padding-left: 0; }

.HvContainer {
  padding-top: 15px;
  padding-bottom: 15px; }

.HvTypography-root, .search input, body {
  font-family: 'open_sans', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.section {
	padding-bottom: 0;
	padding-top: .5em;
}
.HvTypography-xxsTitle, .section h2 {
  color: var(--color-text);
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.02em; }

.HvTypography-xsTitle {
  color: var(--color-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em; }

.HvTypography-sTitle {
  color: var(--color-text);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.02em; }

.HvTypography-mTitle {
  color: var(--color-text);
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.02em; }

.HvTypography-lTitle {
  color: var(--color-text);
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0.02em; }

.HvTypography-xlTitle {
  color: var(--color-text);
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0.02em; }

.HvTypography-xxlTitle {
  color: var(--color-text);
  font-size: 42px;
  font-weight: 400;
  line-height: 52px;
  letter-spacing: 0.02em; }

.HvTypography-3xlTitle {
  color: var(--color-text);
  font-size: 42px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: 0.02em; }

.HvTypography-4xlTitle {
  color: var(--color-text);
  font-size: 52px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.02em; }

.HvTypography-5xlTitle {
  color: var(--color-text);
  font-size: 52px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0.02em; }

.HvLink-a {
  color: var(--color-link);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.02em; }

.HvTypography-disabledText {
  color: var(--color-text-disabled);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.02em; }

.HvTypography-highlightText, .article-content dl dt,
.article-content dl .dt,
.article-content .dl dt,
.article-content .dl .dt {
  color: var(--color-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.02em; }

.HvTypography-link {
  color: var(--color-link);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px; }

.HvTypography-underlineText {
  color: var(--color-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: underline;
  letter-spacing: 0.02em;
  text-underline-offset: 1px; }

.HvTypography-normalText, .search input, .wrapper {
  color: var(--color-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.02em; }

.HvTypography-placeholderText {
  color: var(--color-text-placeholder);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.02em; }

.HvTypography-noWrap,
.HvTypography-noWrap > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*
   * issues with text-overflow on flex elements
   * necessitate this doubled-up approach in the ToC
   */ }
  .HvTypography-noWrap > span,
  .HvTypography-noWrap > span > span {
    min-width: 0; }

.HvTypography-sectionTitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.32em;
  text-transform: uppercase; }

.search-results-link {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.28571429em; }
  .search-results-link + p {
    margin-top: 1em; }

.HvTypography-selectedNavText {
  color: var(--color-selected-nav-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.02em; }

.HvTypography-vizText {
  color: var(--color-text);
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0.02em; }

.HvTypography-vizTextDisabled {
  color: var(--color-text-disabled);
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0.02em; }

.HvTypography-xsInlineLink {
  color: var(--color-link);
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.02em;
  text-decoration: underline; }

.search-highlight {
  background-color: var(--color-search-highlight); }
/*TOC rendering*/
.HvVerticalNavigation-root {
  width: 100%;
  display: flex;
  background: var(--color-toc-background);
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }
  /* .HvVerticalNavigation-root > :first-child:not(:last-child) {
    padding: 20px 20px 10px 20px; } */

.HvVerticalNavigationNavigation-root {
  display: block;
  background: var(--color-toc-background);
  overflow-y: auto;
  height: 100%; }

.HvVerticalNavigationTreeView-root {
  margin: 0;
  display: block;
  outline: none;
  padding: 0px;
  background: var(--color-toc-background);
  list-style: none; }

.HvVerticalNavigationTreeViewItem-group {
  margin: 0;
  padding: 0; }
  .HvVerticalNavigationTreeViewItem-group.toc-nav-expanded {
    margin-top: 8px; }

.HvVerticalNavigationTreeViewItem-node {
  list-style: none;
  min-height: 32px; }
  .HvVerticalNavigationTreeViewItem-node:not(:last-child) {
    margin-bottom: 8px; }

li.HvVerticalNavigationTreeViewItem-selectable > a,
li.HvVerticalNavigationTreeViewItem-selectable > div {
  border-left: 2px solid transparent; }
  li.HvVerticalNavigationTreeViewItem-selectable > a:hover,
  li.HvVerticalNavigationTreeViewItem-selectable > div:hover {
    background: var(--color-toc-link-active-background);
    border-left: 2px solid var(--color-toc-link-active-background); }

li.HvVerticalNavigationTreeViewItem-selected > a,
li.HvVerticalNavigationTreeViewItem-selected > div {
  background: var(--color-toc-link-active-background);
  border-left: 2px solid var(--color-toc-link-active-border); }
  li.HvVerticalNavigationTreeViewItem-selected > a:hover,
  li.HvVerticalNavigationTreeViewItem-selected > div:hover {
    border-left: 2px solid var(--color-toc-link-active-border); }

.HvVerticalNavigationTreeViewItem-content {
  color: var(--color-toc-link);
  width: 100%;
  cursor: pointer;
  height: 32px;
  display: flex;
  align-items: center;
  padding-right: 2px;
  justify-content: flex-start;
  text-decoration: none;
  padding-left: 2px; }
  .HvVerticalNavigationTreeViewItem-content.parent-link {
    width: calc(100% - 44px); }
  li .HvVerticalNavigationTreeViewItem-content {
    padding-left: 20px; }
    li li .HvVerticalNavigationTreeViewItem-content {
      padding-left: 30px; }
      li li li .HvVerticalNavigationTreeViewItem-content {
        padding-left: 40px; }
        li li li li .HvVerticalNavigationTreeViewItem-content {
          padding-left: 50px; }
          li li li li li .HvVerticalNavigationTreeViewItem-content {
            padding-left: 60px; }

.toc {
  background-color: var(--color-toc-background);
  width: 100%;  }
  .toc .search-wrapper {
    display: none; }
  @media all and (max-width: 1269px) {
    .toc.toc-expanded .search-wrapper {
      display: block;
      margin-bottom: 15px;
	  /*margin-top: 20px;*/} }
  .toc nav li > ul {
    /*max-height: 0;
    opacity: 0;*/
	display: none;
    /*visibility: hidden;*/
    }
.toc nav li > ul.toc-nav-expanded {
      /*max-height: 20000px;
      opacity: 1;*/
	  display: inline-block;
	  width: 100%;
      /*visibility: visible;*/
      }
  .toc nav .HvVerticalNavigationTreeViewItem-node > div  {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between;
    padding-right: 0;}
    .toc nav .HvVerticalNavigationTreeViewItem-node > div a {
      flex: 1;
      text-decoration: none; }
    .toc nav .HvVerticalNavigationTreeViewItem-node > div button {
      align-items: center;
      cursor: pointer;
      display: flex;
      justify-content: center;
      height: 100%;
      padding-top: 2px;
      width: 44px; }
      .toc nav .HvVerticalNavigationTreeViewItem-node > div button svg {
        transform: rotate(-90deg); }
        .toc nav .HvVerticalNavigationTreeViewItem-node > div button svg path {
          fill: var(--color-text); }
      .toc nav .HvVerticalNavigationTreeViewItem-node > div button[aria-expanded="true"] svg {
        transform: rotate(90deg); }

.toc {
  height: calc(100vh - 44px);
  left: 0;
  position: fixed;
  top: 44px;
  max-width: 4px;
  z-index: 8; }
  @media all and (min-width: 1270px) {
    .toc {
      min-width: 4px; 
    
    }
    
    }
  .toc nav {
    left: -1000px;
    position: absolute; 

    /* left: 0;
    width: 324px; */
  }

.toc.toc-expanded {
  flex-basis: 324px;
  flex-basis: 20.25rem;
  max-width: 324px;
  max-width: 20.25rem; }
  @media all and (max-width: 360px) {
    .toc.toc-expanded {
      flex-basis: 294px;
      flex-basis: 18.375rem;
      max-width: 294px;
      max-width: 18.375rem; } }
  .toc.toc-expanded nav {
    position: static; }

@media all and (min-width: 1270px) {
  .toc-header-toggle {
    display: none; } }

.toc-toggle {
  display: block;
  height: 7.5ch;
  position: absolute;
  right: -3ch;
  top: calc(50% - 4ch);
  width: 3ch; }
  @media all and (max-width: 1269px) {
    .toc-toggle {
      display: none; } }
  .toc-toggle > button {
    align-items: center;
    background-color: var(--color-toc-background);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%; }
    .toc-toggle > button svg {
      margin-right: 2px;
      transform: rotate(0deg); }
      .toc-toggle > button svg path {
        fill: var(--color-text); }
    .toc-toggle > button[aria-expanded=true] svg {
      transform: rotate(180deg); }

/*Search badges*/
.HvBadge-root {
  display: inline-block;
  position: relative; }

.HvBadge-badge {
  float: left;
  min-width: 8px;
  min-height: 8px;
  border-radius: 10px;
  background-color: var(--color-badge-background); }

.HvBadge-showCount {
  color: var(--color-badge-text);
  padding: 0 5px;
  font-size: 12px;
  max-width: 30px;
  word-break: keep-all;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.02em; }

.HvPagination-root {
  display: flex;
  z-index: 1;
  position: relative;
  flex-wrap: wrap;
  margin-top: 20px;
  align-items: stretch;
  justify-content: center; }

.HvPagination-pageNavigator {
  height: 32px;
  display: flex;
  align-items: stretch; }

.MuiButtonBase-root {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  -moz-user-select: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent; }
  .MuiButtonBase-root::-moz-focus-inner {
    border-style: none; }
  .MuiButtonBase-root.Mui-disabled {
    cursor: default;
    pointer-events: none; }

.MuiButton-root {
  color: #414141;
  padding: 6px 16px;
  font-size: 12px;
  min-width: 64px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 16px;
  border-radius: 0;
  letter-spacing: 0.02em;
  text-transform: uppercase; }
  .MuiButton-root.Mui-disabled {
    color: rgba(0, 0, 0, 0.26); }

.HvButton-root {
  color: #414141;
  cursor: pointer;
  height: 32px;
  padding: 0px 10px;
  font-size: 12px;
  min-width: 70px;
  min-height: 32px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 2px;
  letter-spacing: 0.02em;
  text-transform: none; }

.MuiButton-text {
  padding: 6px 8px; }

.HvPagination-iconContainer {
  padding: 0; }

.HvButton-icon {
  color: #414141;
  width: auto;
  height: auto;
  padding: 0;
  font-size: 12px;
  min-width: auto;
  min-height: auto;
  font-weight: 600;
  line-height: 16px;
  border-radius: 0;
  letter-spacing: 0.02em; }

.MuiButton-textPrimary {
  color: #2064B4; }

.HvButton-ghost {
  color: #414141;
  background-color: transparent; }
  .HvButton-ghost.HvButton-ghostDisabled {
    color: #999999;
    border: none;
    cursor: not-allowed;
    pointer-events: auto;
    background-color: transparent; }

.MuiButton-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit; }

.HvIconBase-root {
  display: flex; }

.HvIconBase-s {
  width: 32px;
  height: 32px; }

.HvPagination-pageInfo {
  height: 32px;
  display: inline-block;
  line-height: 32px;
  white-space: nowrap; }

.HvPagination-pageJump {
  display: inline-block;
  margin-right: 5px; }

.HvTable-tableContainer {
  width: 100%;
  overflow: auto; }

.HvTable-table {
  border-spacing: 0;
  min-width: 600px;
  overflow: auto;
  width: 100%; }

.HvTable-thead {
  top: 0;
  position: sticky; }

.HvTable-thead .HvTable-theadTh.rthfc-th-fixed {
  position: sticky; }

.HvTable-thead .HvTable-theadTh.rt-th {
  white-space: nowrap;
  text-overflow: ellipsis; }

.HvTable-theadTh {
  background-color: var(--color-table-thead-background);
  border-top: 1px solid var(--color-table-border);
  border-bottom: 1px solid var(--color-table-border);
  z-index: 1; }

.rthfc-th-fixed-left {
  border-right: solid 1px var(--color-table-border); }

.rthfc-th-fixed-right {
  border-left: solid 1px var(--color-table-border); }

.HvTableHeader-headerContainer {
  align-items: flex-start;
  display: flex;
  min-height: 52px;
  width: 100%; }

.HvTableHeader-headerTextContainer {
  padding: 8px 10px 8px 10px;
  overflow: hidden;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis; }

.HvTable-tbody {
  background: var(--color-table-tbody-background); }

.HvTable-tr th {
  background-color: var(--color-table-background);
  background-image: linear-gradient(to right, rgba(251, 252, 252, 0.4), rgba(251, 252, 252, 0.4)); }

tr th:first-of-type {
  border-right: 1px solid var(--color-table-border);
  left: 0;
  text-align: left;
  /* position: sticky; */
  z-index: 2; }

.HvTable-td {
  border-bottom: 1px solid var(--color-table-border);
  padding: 10px 10px;
  vertical-align: top; }

/* ============================================*/
.ReactTable .HvTable-root {
  color: var(--color-text);
  border: none;
  display: flex;
  position: relative;
  font-size: 12px;
  text-align: right;
  font-weight: 400;
  line-height: 16px;
  flex-direction: column;
  letter-spacing: 0.02em;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal; }
.ReactTable .HvTable-table {
  flex: auto 1;
  width: 100%;
  display: flex;
  overflow: auto;
  overflow-x: scroll;
  align-items: stretch;
  flex-direction: column;
  border-collapse: collapse; }
.ReactTable .HvTable-thead {
  color: var(--color-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.02em; }
  .HvTable-table .ReactTable .HvTable-thead {
    top: 0 !important;
    display: flex;
    background: var(--color-table-thead-background);
    border-top: 1px solid var(--color-table-border);
    box-shadow: none;
    text-align: right;
    border-bottom: 1px solid var(--color-table-border); }
  .ReactTable .HvTable-thead .rt-tr {
    flex: 1 0 auto;
    display: inline-flex; }
.ReactTable .HvTable-thead .HvTable-theadTh.rt-th.rthfc-th-fixed-left-last {
  border-right: solid 1px var(--color-table-border); }
.ReactTable .HvTable-thead .HvTable-theadTh.rt-th.rthfc-th-fixed-right-first {
  border-left: solid 1px var(--color-table-border); }
.ReactTable .HvTable-thead .HvTable-theadTh:first-child:not(.checkbox) {
  border-left: none; }
.ReactTable .HvTable-thead .HvTable-theadTh.rthfc-th-fixed {
  z-index: 1;
  position: sticky; }
.ReactTable .HvTable-thead .HvTable-theadTh.rt-th {
  flex: 1 0;
  white-space: nowrap;
  text-overflow: ellipsis; }
.ReactTable .-cursor-pointer {
  cursor: pointer; }
.ReactTable .HvTable-theadTh {
  border: none;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: medium;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  height: 52px;
  display: flex;
  outline: none;
  padding: 0;
  min-width: 72px;
  box-shadow: none;
  background-color: var(--color-table-thead-background); }
.ReactTable .HvTableHeader-headerContainer {
  width: 100%;
  display: flex; }
.ReactTable .HvTableHeader-headerTextContainer {
  padding: 8px 10px 8px 10px;
  overflow: hidden;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis; }
.ReactTable .HvTable-tbody {
  background: var(--color-table-tbody-background); }
.ReactTable .HvTable-trGroups {
  flex: 1 0 auto;
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--color-table-border);
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal; }
.ReactTable .HvTable-tr {
  flex: 1 0 auto;
  display: inline-flex; }
.ReactTable .rt-td {
  flex: 1 0;
  overflow: hidden;
  transition: .3s ease;
  transition-property: all;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition-property: all; }
.ReactTable .HvTable-td {
  display: flex;
  align-items: center;
  border: 0 solid transparent;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 0px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 0px;
  padding: 10px 10px;
  padding-left: 10px;
  min-width: 72px;
  background: transparent; }
  .ReactTable .HvTable-td:first-child {
    border-left: none; }
.ReactTable .rthfc-td-fixed {
  background-color: var(--color-table-background);
  background-image: linear-gradient(to right, rgba(251, 252, 252, 0.4), rgba(251, 252, 252, 0.4));
  z-index: 1;
  position: sticky; }
.ReactTable .rthfc-td-fixed-left-last {
  border-right: solid 1px var(--color-table-border); }
.ReactTable .rthfc-td-fixed-right-first {
  border-left: solid 1px var(--color-table-border); }
/* welcome page prettification */
table.welcomePage tbody tr:first-child td p:first-child {
	border-bottom: solid 1px var(--color-table-border) !important;
	font-size: 1.4em;
	font-weight: bold;
}
table.welcomePage tbody tr td {
	border-bottom: none !important;
}

table {
	width: auto;
}

@media all and (max-width: 500px) {
  table {
    overflow-x: scroll;
    display: block;
  }
}

table colgroup col {
	width: auto;
}


/*admonitions*/
.content-alert-box {
  background-color: var(--color-page-background);
  border: 1px solid var(--color-box-border);
  padding: 20px 16px;
  align-items: flex-start;
  display: flex; }
  .content-alert-box .icon {
    margin-right: 16px;
    width: 46px; }
    .content-alert-box .icon img,
    .content-alert-box .icon svg {
      display: block; }
  .content-alert-box .message {
    flex: 1; }
    .content-alert-box .message * + p {
      margin-top: .25em; }

.content-alert-box-danger {
  border-left: 2px solid var(--color-box-border-danger); }

.content-alert-box-information {
  border-left: 2px solid var(--color-box-border-information); }

.content-alert-box-caution {
  border-left: 2px solid var(--color-box-border-caution); }

.codeblock-wrapper {
  background-color: white;
  padding-top: 30px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  position: relative; }

.codeblock-copy {
  position: absolute;
  right: 5px;
  top: 4px; }
  .codeblock-copy button {
    font-family: monospace; }

/* [SP] 2022-05-23 sfb: Extending to other code content. */
.wintitle {
  font-weight: 600; }

/* 2022-09-29: JP citations should be enclosed in brackets */
.jp-cite {
	font-style:normal!important;
}
.jp-cite::before {
	content: "『";
}
.jp-cite::after {
	content: "』" ;
}

.uicontrol {
  font-weight: 600; }

/* JP uicontrol has brackets, is not bold */
.jp-ui {
	font-style: normal;
	font-weight: normal;
}
.jp-ui::before {
	content: "[";
}
.jp-ui::after {
	content: "]";
}
/* remove duplicate message text */
div.msgText {
	display: none;
}
p.msgText ~ p {
	font-family: monospace;
}
.shortcut {
  text-decoration: underline;
  text-underline-offset: 1px; }

.cmdname {
  font-family: monospace; }

.option {
  font-style: italic;  }

.parmname {
  font-family: monospace; }

.default-value {
  font-family: monospace;
  text-decoration: underline;
  text-underline-offset: 1px; }

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

* {
  margin: 0;
  padding: 0; }

html,
body {
  background-color: var(--color-page-background);
  color: var(--color-text);
  height: 100%; }

a {
  color: var(--color-link);
  text-decoration-thickness: 1px;
  text-underline-offset: 1px; }

.svg-arrow {
  height: 7px;
  height: 0.4375rem;
  width: 12px;
  width: 0.75rem; }

body > header {
  padding-right: var(--container-padding1);
  padding-left: var(--container-padding1); }
body .wrapper > .topic {
  padding-right: var(--container-padding2);
  padding-left: var(--container-padding2); }
body .wrapper > .toc .HvVerticalNavigationNavigation-root {
  padding-top: 10px;
  padding-bottom: var(--container-padding2); }
body .wrapper > .topic {
  padding-top: var(--container-padding2);
  padding-bottom: var(--container-padding2);
}
body .wrapper > .toc nav {
  padding-right: 5px;
  padding-left: 5px; }

.wrapper {
  line-height: 1.71428571em;
  display: flex;
  flex: 1;
  flex-direction: column; 
  margin-top: 30px;
}

.topic {
  background-color: var(--color-topic-background);
  flex: 1; 
}

main {
  flex: 1; }

article * + p,
article * + ul,
article * + ol,
article * + dl,
article * + .dl,
article * + .dlentry,
article * + dt,
article * + .dt,
article * + dd,
article * + .dd,
article h2 + div,
article h3 + div,
article h4 + div,
aside.related * + p,
aside.related * + ul,
aside.related * + ol,
aside.related * + dl,
aside.related * + .dl,
aside.related * + .dlentry,
aside.related * + dt,
aside.related * + .dt,
aside.related * + dd,
aside.related * + .dd,
aside.related h2 + div,
aside.related h3 + div,
aside.related h4 + div {
  margin-top: 1em; }

/* [SP] 2022-05-26 sfb: remove bullet from sli.
 *                      Adding different bullets for up to 4 levels.
 *                      first paragraph must be inline-block.
 *   */
.article-content ol {
  padding-left: 2ch; }
  .article-content ol li {
    margin-top: 1em; }
.article-content ul {
  list-style: none; }
  .article-content ul li {
    padding-left: 2ch; }
  .article-content ul > li:not([class~=sli])::before {
    content: "\25A0 ";
    display: inline-block;
    margin-left: -2ch;
    width: 2ch;
    vertical-align: top; }
  .article-content ul > li:not([class~=sli]) p:first-child {
    display: inline-block; }
  .article-content ul > li:not([class~=sli]) p.p_mixed {
    display: block; }
  .article-content ul > li:not([class~=sli]) p {
    margin-top: 0em; }
  .article-content ul > li:not([class~=sli]) ul li::before {
    content: "\25CF "; }
  .article-content ul > li:not([class~=sli]) ul li ul li::before {
    content: "\25A0 "; }
  .article-content ul > li:not([class~=sli]) ul li ul li ul li::before {
    content: "\25CF "; }
.article-content dl dd,
.article-content dl .dd,
.article-content .dl dd,
.article-content .dl .dd {
  margin-left: 2ch; }
.article-content .syntax,
.article-content .filepath {
  font-family: monospace; }
.article-content pre {
  overflow: auto;
  width: 100%; }
.article-content .codeblock,
.article-content kbd {
  background-color: var(--color-codeblock-background);
  border: 1px solid var(--color-codeblock-border);
  border-radius: 3px;
  display: inline-block;
  font-family: monospace;
  padding-right: .5ch;
  padding-left: .5ch; }

aside.related h2 + div {
  margin-top: 1em; }

.search-results-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%; }

.search-results-content {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .search-results-content .search-results-results {
    flex: 1; }
  .search-results-content .search-results-pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px; }

body {
  display: flex;
  flex-direction: column;
  /*padding-top: 44px;*/ }

.nav-article-related ul {
  display: inline-flex;
  list-style: none; }
  .nav-article-related ul li {
    border-bottom: 1px solid var(--color-nav-article-related-border);
    display: inline; }
    .nav-article-related ul li a {
      color: var(--color-text);
      display: inline-block;
      padding-top: .5em;
      padding-right: 2ch;
      padding-bottom: .5em;
      padding-left: 2ch;
      text-decoration: none; }

@media all and (max-width: 650px) {
/* no child topics in mobile view */
  .article-content aside {
    /* display: none; */
    order: 2;
    border-top: 1px solid #000000;
    margin-top: 20px;
  }

  .article-active .article-content {
    display: block; }
  .article-active .related {
    display: none; }
  .article-active .nav-article-related-article {
    border-bottom: 2px solid var(--color-nav-article-related-active-border); }

  .related-active .article-content {
    display: none; }
  .related-active .related {
    display: block; }
  .related-active .nav-article-related-related {
    border-bottom: 2px solid var(--color-nav-article-related-active-border); }
/* child topics in mobile view, on top of content */
/*	.nav-article-related,
  .related-small {
    display: none; }
  .article-content {
    display: flex;
	flex-direction: column;
  }
  .article-content > div {
	  display: flex;
	  flex-direction: column;
  }
  .article-wrapper aside {
	border-left: none;
    margin-left: 20px;
    padding-top: 15px;
	}
    .article-wrapper aside h2 {
      padding-left: 20px; }
    .article-wrapper aside > div {
      padding-right: 20px;
      padding-left: 20px; 
	  }*/
	}

  @media all and (max-width: 650px){
    .article-wrapper #content-article{
      display: flex;
      flex-wrap: wrap;
    }

    .article-wrapper #content-article not:nth-child(1){
      order: 1;
    }

    .article-wrapper #content-article ul,
    .article-wrapper #content-article ol  {
      width: 100%;
    }

    #content-article > *{
      width: 100%;
    }
  }
@media all and (min-width: 651px) {
  .nav-article-related,
  .related-small {
    display: none; }

  .article-wrapper aside {
	border-left: 1px solid black;
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-top: 15px;
    width: 300px; }
    .article-wrapper aside h2 {
      padding-left: 20px; }
    .article-wrapper aside > div {
      padding-bottom: 1em;
      padding-right: 20px;
      padding-left: 20px; } }
@media all and (min-width: 1270px) {
  body > header {
    padding-right: var(--container-padding2);
    padding-left: var(--container-padding2); }
  body:not(.toc-expanded) .wrapper {
    padding-left: 0; }

  .wrapper {
    flex: 1;
    padding-left: 324px; 
	/*margin-top: 30px;*/ } }