
    /*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2018 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/

/* === GS: progressive-enhancement webfont load (Google Fonts CDN) ===
   Loads the real Design System fonts when online; if there is no
   internet connection this request simply fails and the font-family
   fallback stack below (system fonts) is used instead. Must stay the
   very first rule in the file (only @charset may precede @import). */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400;1,500&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&display=swap");

/* Skin Variables*/
/* common  */
/* single_page */
/* home_page */
body.media-mobile div.filter-holder ul, body.media-landscape div.filter-holder ul, body.media-desktop div.filter-holder ul, body.media-mobile div.filter-holder label, body.media-landscape div.filter-holder label, body.media-desktop div.filter-holder label, .unselectable, div.functionbar, div.topic div.functionholder, div.topic a.to_top, body.media-mobile div.mobilespecialfunctions, body.media-mobile div.searchbar.layout-visible, body.media-mobile div.functionbar, body.media-mobile div.filter-holder div.mobile-filter-heading, body.media-desktop div.searchbar-extra a.wSearchLink, body.media-desktop div.searchbar-extra div.searchAND.layout-visible label {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none; }

div.toc-holder ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  div.toc-holder ul a {
    display: block;
    margin: 0;
    padding: 0;
    color: inherit; }
  div.toc-holder ul li {
    min-height: 1.2em;
    line-height: 1.5em;
    min-width: 6em;
    border-left: .4em solid transparent; }
    div.toc-holder ul li.selected {
      text-decoration: underline; }
    div.toc-holder ul li:not(.show) {
      min-height: 0;
      min-width: 0; }
    div.toc-holder ul li li {
      font-size: 100%; }
  div.toc-holder ul li.child {
    display: block;
    overflow-y: hidden;
    max-height: 0em;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: cubic-bezier(0, 1.05, 0, 1);
    -o-transition-property: max-height;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0, 1.05, 0, 1);
    -ms-transition-property: max-height;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0, 1.05, 0, 1);
    -moz-transition-property: max-height;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0, 1.05, 0, 1);
    -webkit-transition-property: max-height;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1.05, 0, 1);
    transition-property: max-height;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; }
    div.toc-holder ul li.child:not(.show) {
      overflow-x: hidden; }
  div.toc-holder ul li.child.show {
    max-height: 5000em;
    min-height: 0;
    overflow-y: visible;
    -o-transition-duration: 0.7s;
    -o-transition-timing-function: cubic-bezier(1, 0, 1, 0);
    -o-transition-property: max-height;
    -ms-transition-duration: 0.7s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 1, 0);
    -ms-transition-property: max-height;
    -moz-transition-duration: 0.7s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 1, 0);
    -moz-transition-property: max-height;
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 1, 0);
    -webkit-transition-property: max-height;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(1, 0, 1, 0);
    transition-property: max-height;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; }
  div.toc-holder ul li.child.expanding.show {
    max-height: 5000em;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: hidden; }
  div.toc-holder ul li.child.collapsing {
    overflow-x: hidden;
    overflow-y: hidden; }
div.toc-holder a {
  text-decoration: none; }
  div.toc-holder a:hover {
    text-decoration: underline; }
div.toc-holder:not(.drill-down) li.child.expanding.show {
  margin-top: -0.14em;
  margin-bottom: -0.14em; }
div.toc-holder:not(.drill-down) li.child.collapsing {
  margin-top: -0.14em;
  margin-bottom: 0.3em; }

@-ms-keyframes drill-down-up-mobile {
  from {
    margin-left: 25%; }
  to {
    margin-left: -2.6em; } }
@-moz-keyframes drill-down-up-mobile {
  from {
    margin-left: 25%; }
  to {
    margin-left: -2.6em; } }
@-webkit-keyframes drill-down-up-mobile {
  from {
    margin-left: 25%; }
  to {
    margin-left: -2.6em; } }
@keyframes drill-down-up-mobile {
  from {
    margin-left: 25%; }
  to {
    margin-left: -2.6em; } }
@-ms-keyframes drill-down-up-landscape {
  from {
    margin-left: 25%; }
  to {
    margin-left: 0; } }
@-moz-keyframes drill-down-up-landscape {
  from {
    margin-left: 25%; }
  to {
    margin-left: 0; } }
@-webkit-keyframes drill-down-up-landscape {
  from {
    margin-left: 25%; }
  to {
    margin-left: 0; } }
@keyframes drill-down-up-landscape {
  from {
    margin-left: 25%; }
  to {
    margin-left: 0; } }
body.media-mobile div.drill-down.toc-holder ul, body.media-landscape div.drill-down.toc-holder ul {
  margin-left: 0 !important; }
  body.media-mobile div.drill-down.toc-holder ul li.collapsing, body.media-landscape div.drill-down.toc-holder ul li.collapsing {
    -ms-animation-name: drill-down-up;
    -ms-animation-duration: 0.5s;
    -moz-animation-name: drill-down-up;
    -moz-animation-duration: 0.5s;
    -webkit-animation-name: drill-down-up;
    -webkit-animation-duration: 0.5s;
    animation-name: drill-down-up;
    animation-duration: 0.5s; }
  body.media-mobile div.drill-down.toc-holder ul li.child ul.child, body.media-landscape div.drill-down.toc-holder ul li.child ul.child {
    overflow: hidden; }
body.media-mobile div.drill-down.toc-holder li, body.media-landscape div.drill-down.toc-holder li {
  border-left-width: 0 !important; }
  body.media-mobile div.drill-down.toc-holder li.selected, body.media-landscape div.drill-down.toc-holder li.selected {
    padding-left: 1.55em !important;
    background-position: .4em .8em;
    border-left-width: .2em !important; }
  body.media-mobile div.drill-down.toc-holder li.active.rh-hide, body.media-landscape div.drill-down.toc-holder li.active.rh-hide {
    display: list-item !important; }
  body.media-mobile div.drill-down.toc-holder li.inactive, body.media-landscape div.drill-down.toc-holder li.inactive {
    display: none; }
body.media-mobile div.drill-down.toc-holder ul.child, body.media-landscape div.drill-down.toc-holder ul.child {
  padding-left: 2.6em !important;
  margin-left: 0; }
body.media-mobile div.toc-holder ul, body.media-landscape div.toc-holder ul {
  margin-left: .25em; }
  body.media-mobile div.toc-holder ul li.book, body.media-landscape div.toc-holder ul li.book,
  body.media-mobile div.toc-holder ul li.item,
  body.media-landscape div.toc-holder ul li.item,
  body.media-mobile div.toc-holder ul li.url,
  body.media-landscape div.toc-holder ul li.url {
    padding: 0.5em 1.75em 0.5em 2em;
    margin-top: .25em;
    margin-bottom: .25em;
    margin-left: -2.6em;
    margin-right: auto;
    min-height: 1.5em;
    vertical-align: middle;
    -o-transition-duration: 0.35s;
    -o-transition-timing-function: ease-out;
    -o-transition-property: border-left;
    -ms-transition-duration: 0.35s;
    -ms-transition-timing-function: ease-out;
    -ms-transition-property: border-left;
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease-out;
    -moz-transition-property: border-left;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: border-left;
    transition-duration: 0.35s;
    transition-timing-function: ease-out;
    transition-property: border-left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; }
  body.media-mobile div.toc-holder ul li.book, body.media-landscape div.toc-holder ul li.book {
    cursor: pointer; }
  body.media-mobile div.toc-holder ul li.book.loading-book {
    background-image: url(loading.gif);
    background-repeat: no-repeat;
    background-position: 0.6em 0.8em;
    background-size: 0.9375em 0.9375em;
    background-size: 1em; }
  body.media-landscape div.toc-holder ul li.book.loading-book {
    background-image: url(loading.gif);
    background-repeat: no-repeat;
    background-position: 0.6em 0.8em;
    background-size: 0.9375em 0.9375em;
    background-size: 1em; }
  body.media-mobile div.toc-holder ul li.child, body.media-landscape div.toc-holder ul li.child {
    margin-left: -2.6em !important; }
    body.media-mobile div.toc-holder ul li.child ul.child, body.media-landscape div.toc-holder ul li.child ul.child {
      list-style: none;
      padding-left: 3.4em; }

body.media-desktop div.toc-holder {
  margin-top: 2em; }
  body.media-desktop div.toc-holder * {
    width: auto;
    white-space: nowrap; }
  body.media-desktop div.toc-holder > ul li {
    padding-left: 2em; }
  body.media-desktop div.toc-holder ul {
    margin: 0;
    padding: 0; }
    body.media-desktop div.toc-holder ul li.book,
    body.media-desktop div.toc-holder ul li.item,
    body.media-desktop div.toc-holder ul li.url {
      font-size: 1.4em;
      min-height: 1.2em;
      padding: .1em 0;
      margin: .1em 0;
      vertical-align: middle; }
    body.media-desktop div.toc-holder ul li.book {
      cursor: pointer; }
    body.media-desktop div.toc-holder ul li.book.loading-book {
      padding-left: 2.15em;
      background-image: url(loading.gif);
      background-repeat: no-repeat;
      background-position: 0.5em 0.4em;
      background-size: auto;
      background-size: 1em; }
    body.media-desktop div.toc-holder ul li.item a {
      background-position: .55em .15em; }
    body.media-desktop div.toc-holder ul li.url a {
      background-position: .5em .2em; }
    body.media-desktop div.toc-holder ul li.child ul.child {
      list-style: none;
      padding-left: 0; }

body.media-mobile div.idx-holder div.Index, body.media-mobile div.glo-holder div.Glossary, body.media-landscape div.idx-holder div.Index, body.media-landscape div.glo-holder div.Glossary, body.media-desktop div.idx-holder div.Index, body.media-desktop div.glo-holder div.Glossary {
  width: 100%; }
  body.media-mobile div.idx-holder div.Index input, body.media-mobile div.glo-holder div.Glossary input, body.media-landscape div.idx-holder div.Index input, body.media-landscape div.glo-holder div.Glossary input, body.media-desktop div.idx-holder div.Index input, body.media-desktop div.glo-holder div.Glossary input {
    width: 98%;
    margin: .6em 1% .3em;
    height: 3em;
    padding: 0 .3em;
    font-size: 100%;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em; }
    body.media-mobile div.idx-holder div.Index input:focus, body.media-mobile div.glo-holder div.Glossary input:focus, body.media-landscape div.idx-holder div.Index input:focus, body.media-landscape div.glo-holder div.Glossary input:focus, body.media-desktop div.idx-holder div.Index input:focus, body.media-desktop div.glo-holder div.Glossary input:focus {
      outline: none; }
    body.media-mobile div.idx-holder div.Index input::-webkit-input-placeholder, body.media-mobile div.glo-holder div.Glossary input::-webkit-input-placeholder, body.media-landscape div.idx-holder div.Index input::-webkit-input-placeholder, body.media-landscape div.glo-holder div.Glossary input::-webkit-input-placeholder, body.media-desktop div.idx-holder div.Index input::-webkit-input-placeholder, body.media-desktop div.glo-holder div.Glossary input::-webkit-input-placeholder {
      font-style: italic;
      padding-left: .3em; }
    body.media-mobile div.idx-holder div.Index input:-moz-placeholder, body.media-mobile div.glo-holder div.Glossary input:-moz-placeholder, body.media-landscape div.idx-holder div.Index input:-moz-placeholder, body.media-landscape div.glo-holder div.Glossary input:-moz-placeholder, body.media-desktop div.idx-holder div.Index input:-moz-placeholder, body.media-desktop div.glo-holder div.Glossary input:-moz-placeholder {
      font-style: italic;
      padding-left: .3em; }
    body.media-mobile div.idx-holder div.Index input::-moz-placeholder, body.media-mobile div.glo-holder div.Glossary input::-moz-placeholder, body.media-landscape div.idx-holder div.Index input::-moz-placeholder, body.media-landscape div.glo-holder div.Glossary input::-moz-placeholder, body.media-desktop div.idx-holder div.Index input::-moz-placeholder, body.media-desktop div.glo-holder div.Glossary input::-moz-placeholder {
      font-style: italic;
      padding-left: .3em; }
    body.media-mobile div.idx-holder div.Index input::-ms-input-placeholder, body.media-mobile div.glo-holder div.Glossary input::-ms-input-placeholder, body.media-landscape div.idx-holder div.Index input::-ms-input-placeholder, body.media-landscape div.glo-holder div.Glossary input::-ms-input-placeholder, body.media-desktop div.idx-holder div.Index input::-ms-input-placeholder, body.media-desktop div.glo-holder div.Glossary input::-ms-input-placeholder {
      font-style: italic;
      padding-left: .3em; }
  body.media-mobile div.idx-holder div.Index a, body.media-mobile div.glo-holder div.Glossary a, body.media-landscape div.idx-holder div.Index a, body.media-landscape div.glo-holder div.Glossary a, body.media-desktop div.idx-holder div.Index a, body.media-desktop div.glo-holder div.Glossary a {
    color: inherit !important;
    text-decoration: none;
    display: block; }
    body.media-mobile div.idx-holder div.Index a:hover, body.media-mobile div.glo-holder div.Glossary a:hover, body.media-landscape div.idx-holder div.Index a:hover, body.media-landscape div.glo-holder div.Glossary a:hover, body.media-desktop div.idx-holder div.Index a:hover, body.media-desktop div.glo-holder div.Glossary a:hover, body.media-mobile div.idx-holder div.Index a:active, body.media-mobile div.glo-holder div.Glossary a:active, body.media-landscape div.idx-holder div.Index a:active, body.media-landscape div.glo-holder div.Glossary a:active, body.media-desktop div.idx-holder div.Index a:active, body.media-desktop div.glo-holder div.Glossary a:active {
      text-decoration: underline; }
  body.media-mobile div.idx-holder div.Index ul, body.media-mobile div.glo-holder div.Glossary ul, body.media-landscape div.idx-holder div.Index ul, body.media-landscape div.glo-holder div.Glossary ul, body.media-desktop div.idx-holder div.Index ul, body.media-desktop div.glo-holder div.Glossary ul {
    padding-left: 0px; }
  body.media-mobile div.idx-holder div.Index .index-list, body.media-mobile div.glo-holder div.Glossary .index-list, body.media-landscape div.idx-holder div.Index .index-list, body.media-landscape div.glo-holder div.Glossary .index-list, body.media-desktop div.idx-holder div.Index .index-list, body.media-desktop div.glo-holder div.Glossary .index-list {
    list-style-type: none;
    margin-top: 0; }
  body.media-mobile div.idx-holder div.Index li.treeitem, body.media-mobile div.glo-holder div.Glossary li.treeitem, body.media-landscape div.idx-holder div.Index li.treeitem, body.media-landscape div.glo-holder div.Glossary li.treeitem, body.media-desktop div.idx-holder div.Index li.treeitem, body.media-desktop div.glo-holder div.Glossary li.treeitem {
    margin-left: .3em; }
    body.media-mobile div.idx-holder div.Index li.treeitem.IndexAlphabet, body.media-mobile div.glo-holder div.Glossary li.treeitem.IndexAlphabet, body.media-landscape div.idx-holder div.Index li.treeitem.IndexAlphabet, body.media-landscape div.glo-holder div.Glossary li.treeitem.IndexAlphabet, body.media-desktop div.idx-holder div.Index li.treeitem.IndexAlphabet, body.media-desktop div.glo-holder div.Glossary li.treeitem.IndexAlphabet, body.media-mobile div.idx-holder div.Index li.treeitem.GloAlphabet, body.media-mobile div.glo-holder div.Glossary li.treeitem.GloAlphabet, body.media-landscape div.idx-holder div.Index li.treeitem.GloAlphabet, body.media-landscape div.glo-holder div.Glossary li.treeitem.GloAlphabet, body.media-desktop div.idx-holder div.Index li.treeitem.GloAlphabet, body.media-desktop div.glo-holder div.Glossary li.treeitem.GloAlphabet {
      font-size: 1.2em;
      border-bottom-style: solid;
      border-bottom-width: .1em;
      margin: auto 0.3em 0.5em auto;
      padding-left: .3em; }
    body.media-mobile div.idx-holder div.Index li.treeitem .IndexKeyword, body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexKeyword, body.media-landscape div.idx-holder div.Index li.treeitem .IndexKeyword, body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexKeyword, body.media-desktop div.idx-holder div.Index li.treeitem .IndexKeyword, body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexKeyword,
    body.media-mobile div.idx-holder div.Index li.treeitem .IndexKeyword:hover,
    body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexKeyword:hover,
    body.media-landscape div.idx-holder div.Index li.treeitem .IndexKeyword:hover,
    body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexKeyword:hover,
    body.media-desktop div.idx-holder div.Index li.treeitem .IndexKeyword:hover,
    body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexKeyword:hover,
    body.media-mobile div.idx-holder div.Index li.treeitem .IndexLink,
    body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexLink,
    body.media-landscape div.idx-holder div.Index li.treeitem .IndexLink,
    body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexLink,
    body.media-desktop div.idx-holder div.Index li.treeitem .IndexLink,
    body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexLink,
    body.media-mobile div.idx-holder div.Index li.treeitem .IndexLink:hover,
    body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexLink:hover,
    body.media-landscape div.idx-holder div.Index li.treeitem .IndexLink:hover,
    body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexLink:hover,
    body.media-desktop div.idx-holder div.Index li.treeitem .IndexLink:hover,
    body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexLink:hover,
    body.media-mobile div.idx-holder div.Index li.treeitem .GlossTerm,
    body.media-mobile div.glo-holder div.Glossary li.treeitem .GlossTerm,
    body.media-landscape div.idx-holder div.Index li.treeitem .GlossTerm,
    body.media-landscape div.glo-holder div.Glossary li.treeitem .GlossTerm,
    body.media-desktop div.idx-holder div.Index li.treeitem .GlossTerm,
    body.media-desktop div.glo-holder div.Glossary li.treeitem .GlossTerm,
    body.media-mobile div.idx-holder div.Index li.treeitem .GlossTerm:hover,
    body.media-mobile div.glo-holder div.Glossary li.treeitem .GlossTerm:hover,
    body.media-landscape div.idx-holder div.Index li.treeitem .GlossTerm:hover,
    body.media-landscape div.glo-holder div.Glossary li.treeitem .GlossTerm:hover,
    body.media-desktop div.idx-holder div.Index li.treeitem .GlossTerm:hover,
    body.media-desktop div.glo-holder div.Glossary li.treeitem .GlossTerm:hover {
      min-height: 1.2em;
      line-height: 1.5em;
      cursor: pointer; }
    body.media-mobile div.idx-holder div.Index li.treeitem .GlossTerm:hover, body.media-mobile div.glo-holder div.Glossary li.treeitem .GlossTerm:hover, body.media-landscape div.idx-holder div.Index li.treeitem .GlossTerm:hover, body.media-landscape div.glo-holder div.Glossary li.treeitem .GlossTerm:hover, body.media-desktop div.idx-holder div.Index li.treeitem .GlossTerm:hover, body.media-desktop div.glo-holder div.Glossary li.treeitem .GlossTerm:hover {
      text-decoration: underline; }
    body.media-mobile div.idx-holder div.Index li.treeitem .IndexLink, body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexLink, body.media-landscape div.idx-holder div.Index li.treeitem .IndexLink, body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexLink, body.media-desktop div.idx-holder div.Index li.treeitem .IndexLink, body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexLink,
    body.media-mobile div.idx-holder div.Index li.treeitem .IndexLink,
    body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexLink,
    body.media-landscape div.idx-holder div.Index li.treeitem .IndexLink,
    body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexLink,
    body.media-desktop div.idx-holder div.Index li.treeitem .IndexLink,
    body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexLink {
      margin-top: .75em;
      margin-bottom: .75em;
      padding-left: 1.6em; }
    body.media-mobile div.idx-holder div.Index li.treeitem .GlossDefinition, body.media-mobile div.glo-holder div.Glossary li.treeitem .GlossDefinition, body.media-landscape div.idx-holder div.Index li.treeitem .GlossDefinition, body.media-landscape div.glo-holder div.Glossary li.treeitem .GlossDefinition, body.media-desktop div.idx-holder div.Index li.treeitem .GlossDefinition, body.media-desktop div.glo-holder div.Glossary li.treeitem .GlossDefinition,
    body.media-mobile div.idx-holder div.Index li.treeitem .GlossDefinition:hover,
    body.media-mobile div.glo-holder div.Glossary li.treeitem .GlossDefinition:hover,
    body.media-landscape div.idx-holder div.Index li.treeitem .GlossDefinition:hover,
    body.media-landscape div.glo-holder div.Glossary li.treeitem .GlossDefinition:hover,
    body.media-desktop div.idx-holder div.Index li.treeitem .GlossDefinition:hover,
    body.media-desktop div.glo-holder div.Glossary li.treeitem .GlossDefinition:hover {
      min-height: 1.2em;
      line-height: 1.5em;
      cursor: pointer;
      text-decoration: none;
      margin-left: 2.5em; }
    body.media-mobile div.idx-holder div.Index li.treeitem .IndexChildBlock, body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexChildBlock, body.media-landscape div.idx-holder div.Index li.treeitem .IndexChildBlock, body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexChildBlock, body.media-desktop div.idx-holder div.Index li.treeitem .IndexChildBlock, body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexChildBlock {
      margin-left: 2.5em; }
      body.media-mobile div.idx-holder div.Index li.treeitem .IndexChildBlock.IndexKeyword:hover, body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexChildBlock.IndexKeyword:hover, body.media-landscape div.idx-holder div.Index li.treeitem .IndexChildBlock.IndexKeyword:hover, body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexChildBlock.IndexKeyword:hover, body.media-desktop div.idx-holder div.Index li.treeitem .IndexChildBlock.IndexKeyword:hover, body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexChildBlock.IndexKeyword:hover {
        text-decoration: none; }
      body.media-mobile div.idx-holder div.Index li.treeitem .IndexChildBlock .treeitem, body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexChildBlock .treeitem, body.media-landscape div.idx-holder div.Index li.treeitem .IndexChildBlock .treeitem, body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexChildBlock .treeitem, body.media-desktop div.idx-holder div.Index li.treeitem .IndexChildBlock .treeitem, body.media-desktop div.glo-holder div.Glossary li.treeitem .IndexChildBlock .treeitem {
        margin-left: 0; }
  body.media-mobile div.idx-holder div.Index .noResults, body.media-mobile div.glo-holder div.Glossary .noResults, body.media-landscape div.idx-holder div.Index .noResults, body.media-landscape div.glo-holder div.Glossary .noResults, body.media-desktop div.idx-holder div.Index .noResults, body.media-desktop div.glo-holder div.Glossary .noResults {
    margin: 1rem 1rem 1rem 2rem;
    font-size: 1em; }

body.media-mobile div.idx-holder div.Index li.treeitem, body.media-mobile div.glo-holder div.Glossary li.treeitem, body.media-landscape div.idx-holder div.Index li.treeitem, body.media-landscape div.glo-holder div.Glossary li.treeitem {
  margin-top: .75em;
  margin-bottom: .75em;
  min-height: 1.2em;
  line-height: 1.5em; }
  body.media-mobile div.idx-holder div.Index li.treeitem .GlossDefinition, body.media-mobile div.glo-holder div.Glossary li.treeitem .GlossDefinition, body.media-landscape div.idx-holder div.Index li.treeitem .GlossDefinition, body.media-landscape div.glo-holder div.Glossary li.treeitem .GlossDefinition,
  body.media-mobile div.idx-holder div.Index li.treeitem .GlossDefinition:hover,
  body.media-mobile div.glo-holder div.Glossary li.treeitem .GlossDefinition:hover,
  body.media-landscape div.idx-holder div.Index li.treeitem .GlossDefinition:hover,
  body.media-landscape div.glo-holder div.Glossary li.treeitem .GlossDefinition:hover {
    margin-top: .75em;
    margin-bottom: .75em; }
  body.media-mobile div.idx-holder div.Index li.treeitem .IndexChildBlock, body.media-mobile div.glo-holder div.Glossary li.treeitem .IndexChildBlock, body.media-landscape div.idx-holder div.Index li.treeitem .IndexChildBlock, body.media-landscape div.glo-holder div.Glossary li.treeitem .IndexChildBlock {
    margin-top: 0;
    margin-bottom: 0; }

body.media-mobile div.filter-holder, body.media-landscape div.filter-holder, body.media-desktop div.filter-holder {
  padding-left: .25em;
  width: calc(100% - .25em); }
  body.media-mobile div.filter-holder p.filter-title, body.media-landscape div.filter-holder p.filter-title, body.media-desktop div.filter-holder p.filter-title {
    display: block;
    font-weight: bold;
    padding: 0 2.25em .75em 0;
    border-bottom-style: solid;
    border-bottom-width: .1em;
    width: 100%; }
  body.media-mobile div.filter-holder p.filter-expression-message, body.media-landscape div.filter-holder p.filter-expression-message, body.media-desktop div.filter-holder p.filter-expression-message {
    margin: 0.75em 0 0.2em 0.2em; }
  body.media-mobile div.filter-holder ul, body.media-landscape div.filter-holder ul, body.media-desktop div.filter-holder ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    body.media-mobile div.filter-holder ul li, body.media-landscape div.filter-holder ul li, body.media-desktop div.filter-holder ul li {
      min-height: 1.3em;
      line-height: 1.2em;
      margin: 0.75em 0 0.1em 0; }
      body.media-mobile div.filter-holder ul li li, body.media-landscape div.filter-holder ul li li, body.media-desktop div.filter-holder ul li li {
        font-weight: normal;
        margin-top: .3em;
        font-size: 100%; }
  body.media-mobile div.filter-holder input, body.media-landscape div.filter-holder input, body.media-desktop div.filter-holder input {
    opacity: 0;
    width: 1em; }
  body.media-mobile div.filter-holder label, body.media-landscape div.filter-holder label, body.media-desktop div.filter-holder label {
    display: block;
    padding: 0.5em 0.5em 0.5em 2.5em; }

body.media-mobile div.filter-holder {
  width: 100%;
  padding-left: 0; }

body.media-desktop div.filter-holder > p {
  font-size: 1.4em; }
body.media-desktop div.filter-holder > ul {
  font-size: 1.4em; }
  body.media-desktop div.filter-holder > ul * {
    font-size: 100%; }

div.searchresults {
  padding-left: 2em;
  padding-right: 1em; }
  div.searchresults .wSearchANDCheckbox {
    display: none; }
  div.searchresults .wSearchResultSettings {
    display: none; }
  div.searchresults .wSearchMessage {
    font-size: 1em;
    margin-bottom: .3em; }
  div.searchresults .wSearchResultList {
    padding: 0;
    margin: 0;
    list-style: none; }
  div.searchresults .wSearchResultItem {
    margin: 1em 0; }
    div.searchresults .wSearchResultItem a.nolink {
      text-decoration: none; }
      div.searchresults .wSearchResultItem a.nolink:hover, div.searchresults .wSearchResultItem a.nolink:active {
        text-decoration: underline; }
      div.searchresults .wSearchResultItem a.nolink div.wSearchResultTitle,
      div.searchresults .wSearchResultItem a.nolink div.wSearchResultTitleHover {
        font-size: 1.25em;
        margin-bottom: .25em;
        word-wrap: break-word; }
    div.searchresults .wSearchResultItem div.wSearchContext {
      font-size: 1em;
      overflow-wrap: break-word; }
    div.searchresults .wSearchResultItem div.wSearchURL {
      margin-top: .5em;
      font-size: .75em;
      word-wrap: break-word; }
  div.searchresults .wSearchResultFooter {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 2rem; }
    div.searchresults .wSearchResultFooter .wSearchResultPaginator {
      display: flex;
      align-items: center; }
      div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorLabel {
        font-size: 0.875rem;
        line-height: 1.0625rem;
        min-width: 5rem;
        text-align: center; }
      div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorPrevLink {
        margin-right: 1rem;
        padding: 0.4375rem;
        background-color: transparent;
        border: none; }
      div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorPrevIcon {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer; }
      div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorNextLink {
        margin-left: 1rem;
        padding: 0.4375rem;
        background-color: transparent;
        border: none; }
      div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorNextIcon {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer; }
  div.searchresults p.progressbar {
    text-align: center; }

body.media-mobile div.searchbar input, body.media-landscape div.searchbar input, body.media-desktop div.searchbar input {
  width: 98%;
  margin: .6em 1% .3em;
  height: 3em;
  max-height: 3em;
  padding: 0 0.3em 0 0.5em;
  font-size: 100%;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em; }
  body.media-mobile div.searchbar input:focus, body.media-landscape div.searchbar input:focus, body.media-desktop div.searchbar input:focus {
    outline: none; }
  body.media-mobile div.searchbar input::-webkit-input-placeholder, body.media-landscape div.searchbar input::-webkit-input-placeholder, body.media-desktop div.searchbar input::-webkit-input-placeholder {
    font-style: italic;
    padding-left: .5em; }
  body.media-mobile div.searchbar input:-moz-placeholder, body.media-landscape div.searchbar input:-moz-placeholder, body.media-desktop div.searchbar input:-moz-placeholder {
    font-style: italic;
    padding-left: .5em; }
  body.media-mobile div.searchbar input::-moz-placeholder, body.media-landscape div.searchbar input::-moz-placeholder, body.media-desktop div.searchbar input::-moz-placeholder {
    font-style: italic;
    padding-left: .5em; }
  body.media-mobile div.searchbar input::-ms-input-placeholder, body.media-landscape div.searchbar input::-ms-input-placeholder, body.media-desktop div.searchbar input::-ms-input-placeholder {
    font-style: italic;
    padding-left: .5em; }

.search-suggestion {
  margin-left: 0;
  padding: .25em;
  font-size: 1.4em;
  line-height: 1.2em;
  cursor: pointer; }
  .search-suggestion .search-text, .search-suggestion .search-count {
    display: inline; }
  .search-suggestion .search-count {
    float: right;
    background-color: #acacac;
    border-radius: .2rem;
    padding: .1rem .3rem; }
  .search-suggestion .topic-icon, .search-suggestion .count-number {
    display: inline-block;
    vertical-align: middle; }
  .search-suggestion .topic-icon {
    min-width: 1rem;
    min-height: 1rem;
    background-image: url("search_topic_desktop.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto; }

.custom-button-0 a {
  background-image: url("custom_button_place_holder.png");
  background-image: url(print_desktop.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-0 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-0 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-1 a {
  background-image: url("custom_button_place_holder.png");
  background-image: url(removesearch_mark.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-1 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-1 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-2 a {
  background-image: url("custom_button_place_holder.png");
  background-image: url(print_desktop.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-2 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-2 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-3 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-3 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-3 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-4 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-4 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-4 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-5 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-5 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-5 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-6 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-6 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-6 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-7 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-7 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-7 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-8 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-8 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-8 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-9 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-9 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-9 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-10 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-10 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-10 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-11 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-11 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-11 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-12 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-12 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-12 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-13 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-13 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-13 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-14 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-14 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-14 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-15 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-15 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-15 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-16 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-16 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-16 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-17 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-17 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-17 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-18 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-18 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-18 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

.custom-button-19 a {
  background-image: url("custom_button_place_holder.png");
  background-image: undefined;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }
  .custom-button-19 a:focus {
    background-image: undefined; }

body.media-landscape div.header div.custom-button-19 {
  float: right;
  width: 1.875em;
  margin-left: 2.5em; }

body.media-mobile div.filter-holder ul, body.media-landscape div.filter-holder ul, body.media-desktop div.filter-holder ul, body.media-mobile div.filter-holder label, body.media-landscape div.filter-holder label, body.media-desktop div.filter-holder label, .unselectable, div.functionbar, div.topic div.functionholder, div.topic a.to_top, body.media-mobile div.mobilespecialfunctions, body.media-mobile div.searchbar.layout-visible, body.media-mobile div.functionbar, body.media-mobile div.filter-holder div.mobile-filter-heading, body.media-desktop div.searchbar-extra a.wSearchLink, body.media-desktop div.searchbar-extra div.searchAND.layout-visible label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

* {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/********
*
*	Webkit scrolling bug
*
********/
body.ios {
  /* avoid text zoom on orientation change on iOS */
  -webkit-text-size-adjust: none; }

body.media-mobile div.toc-holder, body.media-mobile div.idx-holder, body.media-mobile div.glo-holder, body.media-mobile.ios div.topic, body.media-landscape.ios div.topic {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll !important; }

/********
*
*	Hide and show. We use a custom hiding/loading scheme because data-if sets display to none. We can't animate that.
*
********/
div.filter-holder a.reset-button, body.media-mobile div.toc-holder, body.media-mobile div.idx-holder, body.media-mobile div.glo-holder, body.media-mobile div.filter-holder, body.media-mobile div.searchbar, body.media-mobile div.searchresults, body.media-landscape div.toc-holder, body.media-landscape div.idx-holder, body.media-landscape div.glo-holder, body.media-landscape div.filter-holder, body.media-landscape div.searchbar, body.media-landscape div.searchresults, body.media-desktop div.toc-holder, body.media-desktop div.idx-holder, body.media-desktop div.glo-holder, body.media-desktop div.filter-holder, body.media-desktop div.searchbar, body.media-desktop div.searchbar-extra div.searchAND, body.media-desktop div.searchresults {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-out;
  -o-transition-property: opacity;
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: ease-out;
  -ms-transition-property: opacity;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-out;
  -moz-transition-property: opacity;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  transition-duration: 0.35s;
  transition-timing-function: ease-out;
  transition-property: opacity;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  z-index: 0; }

.layout-visible {
  max-height: 10000em !important;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-out;
  -o-transition-property: opacity;
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: ease-out;
  -ms-transition-property: opacity;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-out;
  -moz-transition-property: opacity;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  transition-duration: 0.35s;
  transition-timing-function: ease-out;
  transition-property: opacity;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  opacity: 1 !important; }

/********
*
*	Loading image
*
********/
.loading {
  background-image: url(loading.gif) !important;
  min-height: 1.25in !important;
  background-repeat: no-repeat !important;
  background-position: center .25in !important;
  background-size: 1in 1in !important; }

div.topic-state {
  position: absolute;
  top: 25%;
  width: 100%; }

div.topic-state.loading {
  bottom: 0;
  background-position: center 25%; }

.hide-children * {
  display: none !important; }

/********
*
*	Global elements
*
********/
.rh-hide:not(.rh-animate) {
  display: none !important; }

div.WebHelpPopupMenu {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 4;
  visibility: hidden; }

p.WebHelpNavBar {
  text-align: right; }

body {
  font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif;
  margin: 0;
  padding: 0;
  background: #ffffff;
  overflow: hidden; }

div.header {
  color: #878787;
  background-color: #ffffff; }
  div.header div.logo {
    height: 100%;
    width: 30px;
    background-color: transparent;
    cursor: pointer;
    background-image: url(logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px; }
  div.header div.logo[data-logo-selector='true'] {
    height: 100%;
    width: 30px;
    background-color: transparent;
    cursor: pointer;
    background-image: url(logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }

div.functionbar {
  overflow: visible; }
  div.functionbar div.nav a {
    background-color: transparent;
    text-decoration: none !important;
    -o-transition-duration: 0.35s;
    -o-transition-timing-function: ease-out;
    -o-transition-property: background-color;
    -ms-transition-duration: 0.35s;
    -ms-transition-timing-function: ease-out;
    -ms-transition-property: background-color;
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease-out;
    -moz-transition-property: background-color;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: background-color;
    transition-duration: 0.35s;
    transition-timing-function: ease-out;
    transition-property: background-color;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    border-top-width: 0.1em;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 0.1em;
    border-left-style: solid;
    border-left-color: transparent;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: transparent;
    -o-transition-duration: 0.35s;
    -o-transition-timing-function: ease-out;
    -o-transition-property: border-color;
    -ms-transition-duration: 0.35s;
    -ms-transition-timing-function: ease-out;
    -ms-transition-property: border-color;
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease-out;
    -moz-transition-property: border-color;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: border-color;
    transition-duration: 0.35s;
    transition-timing-function: ease-out;
    transition-property: border-color;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; }

.wGlossaryResult {
  box-shadow: 0.1rem 0.1rem 0.5rem #cccccc;
  padding: 0.01rem 0.1rem .3rem 0.7rem;
  margin-left: -1rem;
  margin-right: -1rem; }
  .wGlossaryResult .search_glossary_term {
    color: #1268b8;
    font-weight: bold; }
  .wGlossaryResult .search_glossary_result {
    color: #000000; }

a.filter {
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-out;
  -o-transition-property: background-image;
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: ease-out;
  -ms-transition-property: background-image;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-out;
  -moz-transition-property: background-image;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-property: background-image;
  transition-duration: 0.35s;
  transition-timing-function: ease-out;
  transition-property: background-image;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000; }

div.functions {
  overflow: auto; }

div.mobilespecialfunctions {
  display: none; }

div.sidebarsizer {
  display: none; }

div.searchbar {
  background-color: #f0f0f0;
  background-color: #fcfcfc;
  overflow: visible; }
  div.searchbar .mobile_back,
  div.searchbar .mobile_filter {
    display: none; }

.searchbar.left-pane.search-content.searchpage-mode.layout-visible {
  height: 3.1em;
  overflow: visible; }

div.searchresults {
  background-color: #ffffff;
  bottom: 0;
  overflow: auto !important; }

div.topic {
  background-color: #ffffff; }
  div.topic a.to_top {
    display: none; }

iframe.topic {
  border: none;
  width: 100%;
  height: 100%; }

/********
*
*	Widget initialisation. The widgets are loaded for all media.
*	Also, colours for the widgets are specified here so we keep the included scss free of layout settings
*
********/
div.Index {
  color: #000000; }
  div.Index input {
    color: #000000;
    border-top-width: 0.1em;
    border-top-style: solid;
    border-top-color: #999999;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-left-width: 0.1em;
    border-left-style: solid;
    border-left-color: #999999;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #999999; }
  div.Index .IndexAlphabet {
    color: #509de6;
    border-color: #e6e6e6; }
  div.Index .IndexLink {
    background-image: url(idx_topic.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    min-height: .9em !important;
    line-height: 1.25em !important;
    margin-top: .3em !important;
    margin-bottom: .3em !important; }

div.Glossary {
  color: #000000; }
  div.Glossary input {
    color: #000000;
    border-top-width: 0.1em;
    border-top-style: solid;
    border-top-color: #999999;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-left-width: 0.1em;
    border-left-style: solid;
    border-left-color: #999999;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #999999; }
  div.Glossary .GloAlphabet {
    color: #509de6;
    border-color: #e6e6e6; }
  div.Glossary span.GlossDefinitionText {
    color: #000000; }

div.search-suggestion:hover {
  background-color: #f0f0f0; }

div.searchresults {
  padding-top: 1em; }
  div.searchresults div.search-alert {
    color: #000000; }
  div.searchresults .wSearchMessage {
    color: #929292; }
  div.searchresults a {
    color: #1268b8; }
  div.searchresults span.wSearchContext {
    color: #000000;
    overflow-wrap: break-word; }
  div.searchresults span.wSearchURL {
    color: #1268b8; }
  div.searchresults label.wSearchAndLabelResults {
    display: block;
    margin-bottom: .75em;
    padding-top: .75em;
    padding-bottom: .75em;
    padding-left: 1.75em; }
    div.searchresults label.wSearchAndLabelResults.active {
      background-image: url(andsearch_mark.svg); }
  div.searchresults .wSearchResultPaginatorLabel {
    color: #929292; }

div.toc-holder li {
  color: #000000; }
  div.toc-holder li.selected {
    color: #509de6;
    border-left-color: #509de6; }

body.media-mobile div.drill-down.toc-holder li.book.expanded, body.media-landscape div.drill-down.toc-holder li.book.expanded {
  background-image: url("toc_book_closed_mobile.png");
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.9375em 0.9375em; }
body.media-mobile div.drill-down.toc-holder li.book.active {
  background-image: url(toc_book_open_drildown.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.9375em 0.9375em; }
body.media-landscape div.drill-down.toc-holder li.book.active {
  background-image: url(toc_book_open_drildown.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.9375em 0.9375em; }
body.media-mobile div.drill-down.toc-holder ul li.selected, body.media-landscape div.drill-down.toc-holder ul li.selected {
  padding-left: 1.8em !important; }
body.media-mobile div.toc-holder ul li.book {
  background-image: url(toc_book_closed_mobile.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.9375em 0.9375em; }
body.media-landscape div.toc-holder ul li.book {
  background-image: url(toc_book_closed_mobile.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.9375em 0.9375em; }
body.media-mobile div.toc-holder ul li.expanded {
  background-image: url(toc_book_open_mobile.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.9375em 0.9375em; }
body.media-landscape div.toc-holder ul li.expanded {
  background-image: url(toc_book_open_mobile.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.9375em 0.9375em; }
body.media-mobile div.toc-holder ul li.item {
  background-image: url(toc_topic_mobile.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.75em 0.9375em; }
body.media-landscape div.toc-holder ul li.item {
  background-image: url(toc_topic_mobile.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 0.75em 0.9375em; }
body.media-mobile div.toc-holder ul li.url {
  background-image: url(toc_link_mobile_ltr.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 1em 0.9375em; }
body.media-landscape div.toc-holder ul li.url {
  background-image: url(toc_link_mobile_ltr.png);
  background-repeat: no-repeat;
  background-position: 0.6em 0.8em;
  background-size: 1em 0.9375em; }

body.media-desktop div.toc-holder ul li.book {
  padding-left: 2.15em;
  background-image: url(toc_book_closed_desktop.svg);
  background-repeat: no-repeat;
  background-position: 0.5em 0.4em;
  background-size: auto; }
body.media-desktop div.toc-holder ul li.expanded {
  padding-left: 2.15em;
  background-image: url(toc_book_open_desktop.svg);
  background-repeat: no-repeat;
  background-position: 0.5em 0.4em;
  background-size: auto; }
body.media-desktop div.toc-holder ul li.item {
  padding-left: 2.15em;
  background-image: url(toc_topic_desktop.png);
  background-repeat: no-repeat;
  background-position: 0.5em 0.4em;
  background-size: auto; }
body.media-desktop div.toc-holder ul li.url {
  padding-left: 2.15em;
  background-image: url(toc_link_desktop_ltr.png);
  background-repeat: no-repeat;
  background-position: 0.5em 0.4em;
  background-size: auto; }

div.filter-holder a.reset-button {
  cursor: pointer;
  background-image: url(filter_clearall.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto; }
div.filter-holder p.filter-title {
  color: #000000;
  border-bottom-color: #e6e6e6; }
div.filter-holder p.filter-expression-message {
  color: #000000; }
div.filter-holder ul.wFltOpts {
  position: absolute;
  top: 2.75em;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto; }
  div.filter-holder ul.wFltOpts.checkbox input {
    display: none; }
  div.filter-holder ul.wFltOpts.checkbox label {
    background-image: url(filter_nomark.png);
    background-repeat: no-repeat;
    background-position: 0.8em 0.75em;
    background-size: 1em 1em; }
  div.filter-holder ul.wFltOpts.checkbox label.checked {
    background-image: url(filter_mark.png);
    background-repeat: no-repeat;
    background-position: 0.8em 0.75em;
    background-size: 1em 1em; }
  div.filter-holder ul.wFltOpts.radio input {
    display: none; }
  div.filter-holder ul.wFltOpts.radio label {
    background-image: url(filter_nomark_radio.png);
    background-repeat: no-repeat;
    background-position: 0.8em 0.6em;
    background-size: 1em 1em; }
  div.filter-holder ul.wFltOpts.radio label.checked {
    background-image: url(filter_mark_radio.png);
    background-repeat: no-repeat;
    background-position: 0.8em 0.6em;
    background-size: 1em 1em; }
  div.filter-holder ul.wFltOpts label {
    color: #000000; }
    div.filter-holder ul.wFltOpts label.tag-parent {
      background-color: #eeeeee;
      background-image: none !important;
      font-weight: bold; }
    div.filter-holder ul.wFltOpts label.title {
      padding-left: 1.5em; }
  div.filter-holder ul.wFltOpts input {
    position: absolute;
    width: 0px;
    height: 0px; }
  div.filter-holder ul.wFltOpts input:focus + label {
    outline-style: dashed;
    outline-width: thin; }

input.wSearchField {
  border-top-width: 0.1em;
  border-top-style: solid;
  border-top-color: #999999;
  border-bottom-width: 0.1em;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  border-left-width: 0.1em;
  border-left-style: solid;
  border-left-color: #999999;
  border-right-width: 0.1em;
  border-right-style: solid;
  border-right-color: #999999;
  color: #000000;
  background-color: #ffffff; }

input::placeholder {
  color: #4B4B4B; }

div.social_buttons {
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-out;
  -o-transition-property: width, border-radius;
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: ease-out;
  -ms-transition-property: width, border-radius;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-out;
  -moz-transition-property: width, border-radius;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-property: width, border-radius;
  transition-duration: 0.35s;
  transition-timing-function: ease-out;
  transition-property: width, border-radius;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  font-size: 1.6em;
  background-color: #ffffff;
  position: fixed;
  bottom: .8em;
  right: 0;
  z-index: 5000;
  height: 1.6em;
  width: 1.6em;
  border-left-width: 0.05em;
  border-left-style: solid;
  border-left-color: #3079D7;
  border-top-width: 0.05em;
  border-top-style: solid;
  border-top-color: #3079D7;
  border-bottom-width: 0.05em;
  border-bottom-style: solid;
  border-bottom-color: #3079D7;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  border-top-left-radius: 0.5em;
  -webkit-border-bottom-left-radius: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  border-bottom-left-radius: 0.5em; }
  div.social_buttons a.social_buttons_controller {
    display: block;
    height: 100%;
    width: 1.6em;
    cursor: pointer;
    background: transparent url(social_open.png) no-repeat 0.5em center;
    background-size: 1em 1em;
    float: left; }
  div.social_buttons div {
    height: 100%;
    float: left; }
    div.social_buttons div.fb-button, div.social_buttons div.twitter-button {
      display: none; }
  div.social_buttons.opened {
    width: 25em;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    background: #ffffff;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0; }
    div.social_buttons.opened a.social_buttons_controller {
      background-image: url(social_close_ltr.png);
      background-size: auto 50%;
      max-width: 2em;
      width: 20%;
      cursor: pointer;
      padding: 0;
      margin: 0; }
    div.social_buttons.opened div {
      padding: 0;
      margin: 0; }
      div.social_buttons.opened div iframe {
        width: 100% !important; }
      div.social_buttons.opened div.fb-button {
        display: block;
        max-width: 7.5em;
        width: 40%;
        padding-top: .4em;
        /* Will be overwritten for desktop */ }
      div.social_buttons.opened div.twitter-button {
        display: block;
        max-width: 7.5em;
        width: 40%;
        padding-top: .21em;
        /* Will be overwritten for desktop */ }
  div.social_buttons div.fb-button iframe {
    border: none;
    overflow: hidden; }

/********
*
*	Wireframe
*
********/
body.media-mobile {
  /* We need to fix the position of the body to make sure the menu works on Android in RTL languages. */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 100%;
  /* 2x prescribed margin + default image width */ }
  body.media-mobile div.mobilespecialfunctions, body.media-mobile div.searchbar.layout-visible, body.media-mobile div.functionbar {
    top: 0; }
    body.media-mobile div.mobile-header-visible.mobilespecialfunctions, body.media-mobile div.mobile-header-visible.searchbar.layout-visible, body.media-mobile div.mobile-header-visible.functionbar {
      top: 3.125em; }
  body.media-mobile div.mobilespecialfunctions {
    display: block;
    position: absolute;
    left: 0;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-out;
    -o-transition-property: left;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out;
    -ms-transition-property: left;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    -moz-transition-property: left;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-property: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    z-index: 5;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 3.1em;
    width: 100%;
    min-width: 15em;
    padding-top: 0.75em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    background-color: #f0f0f0;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6; }
  body.media-mobile div.searchbar.layout-visible {
    display: block;
    position: absolute;
    left: 0;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-out;
    -o-transition-property: left;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out;
    -ms-transition-property: left;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    -moz-transition-property: left;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-property: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    z-index: 5;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 3.1em;
    width: 100%;
    min-width: 15em;
    padding-top: 0.75em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    background-color: #f0f0f0;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6; }
    body.media-mobile div.mobile-header-visible.mobilespecialfunctions, body.media-mobile div.mobile-header-visible.searchbar.layout-visible {
      top: 3.125em; }
  body.media-mobile div.toc-holder, body.media-mobile div.idx-holder, body.media-mobile div.glo-holder, body.media-mobile div.filter-holder, body.media-mobile div.searchresults.layout-visible, body.media-mobile div.topic {
    position: absolute;
    /* Positioning for when the header is hidden (default) or visible. */
    top: 3.1em;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 0em;
    padding-bottom: 0;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-out;
    -o-transition-property: left;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out;
    -ms-transition-property: left;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    -moz-transition-property: left;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-property: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; }
    body.media-mobile div.mobile-header-visible.toc-holder, body.media-mobile div.mobile-header-visible.idx-holder, body.media-mobile div.mobile-header-visible.glo-holder, body.media-mobile div.mobile-header-visible.filter-holder, body.media-mobile div.mobile-header-visible.searchresults.layout-visible, body.media-mobile div.mobile-header-visible.topic {
      top: 6.225em; }
  body.media-mobile div.toc-holder {
    width: 85%;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc; }
  body.media-mobile div.idx-holder {
    width: 85%;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc; }
  body.media-mobile div.glo-holder {
    width: 85%;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc; }
    body.media-mobile div.toc-holder input + *, body.media-mobile div.idx-holder input + *, body.media-mobile div.glo-holder input + * {
      margin-top: 1.2em; }
  body.media-mobile div.sidebar-opened.mobilespecialfunctions, body.media-mobile div.sidebar-opened.filter-holder, body.media-mobile div.sidebar-opened.searchbar.layout-visible, body.media-mobile div.sidebar-opened.topic {
    left: 85%; }
  body.media-mobile div.idx-holder input, body.media-mobile div.glo-holder input, body.media-mobile div.searchbar input {
    font-size: .9em !important;
    height: 2em !important; }
  body.media-mobile div.header.mobile-header-visible {
    display: block;
    height: 3.125em;
    width: 100%; }
  body.media-mobile div.header div {
    height: 100%; }
    body.media-mobile div.header div.logo {
      float: left;
      margin-left: 1.25em;
      margin-right: 1.625em;
      width: 26px;
      height: 26px;
      margin-top: 0.75em;
      background-size: contain; }
    body.media-mobile div.header div.title {
      line-height: 100%;
      font-size: 1.625em;
      overflow: auto;
      position: relative;
      top: 0.375em; }
      body.media-mobile div.header div.title a {
        text-decoration: none;
        color: inherit; }
    body.media-mobile div.header div a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      cursor: pointer; }
      body.media-mobile div.header div a.brs_next, body.media-mobile div.header div a.brs_previous {
        display: none; }
  body.media-mobile div.header h1 {
    height: 100%; }
    body.media-mobile div.header h1.title {
      line-height: 100%;
      font-size: 1.625em;
      overflow: auto;
      margin: 0;
      font-weight: inherit;
      position: relative;
      top: 0.375em; }
      body.media-mobile div.header h1.title a {
        text-decoration: none;
        color: inherit; }
  body.media-mobile div.mobilespecialfunctions.searchpage-mode {
    display: none;
    /* Hide in searchpage mode to avoid buttons being selectable when searchbar is shown over this bar. */ }
  body.media-mobile div.mobilespecialfunctions div.brs-holder {
    float: right;
    display: flex; }
  body.media-mobile div.mobilespecialfunctions div.brs_next,
  body.media-mobile div.mobilespecialfunctions div.brs_previous {
    float: left;
    height: 1.625em;
    width: 1.625em;
    margin-left: 0.75em; }
    body.media-mobile div.mobilespecialfunctions div.brs_next a,
    body.media-mobile div.mobilespecialfunctions div.brs_previous a {
      margin-right: 0; }
  body.media-mobile div.mobilespecialfunctions div.brs_next {
    margin-right: 0.35em; }
  body.media-mobile div.mobilespecialfunctions div.brs_previous {
    margin-left: 0; }
  body.media-mobile div.mobilespecialfunctions a {
    display: block;
    cursor: pointer;
    height: 100%;
    width: 2.4375em;
    float: left;
    text-decoration: none;
    margin-right: 5%;
    background-color: transparent; }
    body.media-mobile div.mobilespecialfunctions a:active {
      background-color: transparent; }
    body.media-mobile div.mobilespecialfunctions a.menubutton {
      background-image: url(menu.png);
      background-repeat: no-repeat;
      background-position: left 0.2em;
      background-size: auto; }
    body.media-mobile div.mobilespecialfunctions a.fts {
      background-image: url(search_mobile_navigation.png);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 1.625em; }
    body.media-mobile div.mobilespecialfunctions a.filter {
      background-image: url("filter_mobile.png");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 1.625em;
      margin-right: 0;
      background-position: .1em 0em; }
      body.media-mobile div.mobilespecialfunctions a.filter.filter-applied {
        background-image: url("filter_mobile_applied.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 1.625em; }
    body.media-mobile div.mobilespecialfunctions a.wBSNextButton {
      background-image: url(next.svg);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 1.625em; }
      body.media-mobile div.mobilespecialfunctions a.wBSNextButton:active {
        background-image: url(next_active.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 1.625em; }
    body.media-mobile div.mobilespecialfunctions a.wBSBackButton {
      background-image: url(previous.svg);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 1.625em; }
      body.media-mobile div.mobilespecialfunctions a.wBSBackButton:active {
        background-image: url(previous_active.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 1.625em; }
  body.media-mobile div.functionbar {
    background-color: #f0f0f0;
    position: absolute;
    left: 0;
    height: 3.1em;
    width: 100%;
    padding-top: 0.75em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
    border-bottom-width: 0.01em;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
    body.media-mobile div.functionbar.searchpage-mode {
      display: none;
      /* Hide in searchpage mode to avoid buttons being selectable when searchbar is shown over this bar. */ }
    body.media-mobile div.functionbar div.nav {
      padding-left: 0.25em;
      min-width: 13.15em; }
      body.media-mobile div.functionbar div.nav a {
        float: left;
        display: block;
        width: 3.8em;
        height: 2.625em;
        margin-right: 0.25em;
        cursor: pointer;
        -webkit-border-top-left-radius: 1em;
        -moz-border-radius-topleft: 1em;
        border-top-left-radius: 1em;
        -webkit-border-top-right-radius: 1em;
        -moz-border-radius-topright: 1em;
        border-top-right-radius: 1em; }
        body.media-mobile div.functionbar div.nav a.active {
          background-color: #ffffff; }
        body.media-mobile div.functionbar div.nav a.toc {
          background-image: url(toc_mobile.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.9375em 1.25em; }
        body.media-mobile div.functionbar div.nav a.idx {
          background-image: url(index_mobile.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.9375em 1.4375em; }
        body.media-mobile div.functionbar div.nav a.glo {
          background-image: url(glossary_mobile.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.875em 1.25em; }
        body.media-mobile div.functionbar div.nav a.filter {
          display: none; }
        body.media-mobile div.functionbar div.nav a.fts {
          display: none; }
  body.media-mobile div.toc-holder {
    padding-left: 2.75em; }
    body.media-mobile div.toc-holder.drill-down ul li.collapsing {
      -ms-animation-name: drill-down-up-mobile;
      -ms-animation-duration: 0.5s;
      -moz-animation-name: drill-down-up-mobile;
      -moz-animation-duration: 0.5s;
      -webkit-animation-name: drill-down-up-mobile;
      -webkit-animation-duration: 0.5s;
      animation-name: drill-down-up-mobile;
      animation-duration: 0.5s; }
  body.media-mobile div.searchbar {
    bottom: auto !important; }
  body.media-mobile div.filter-holder {
    top: 0;
    padding: 0;
    background: #ffffff; }
    body.media-mobile div.filter-holder > a.reset-button {
      display: none; }
    body.media-mobile div.filter-holder div.mobile-filter-heading {
      height: 2.5em;
      width: 100%;
      padding-left: 2.5%;
      padding-right: 0.6em;
      border-bottom-width: 0.1em;
      border-bottom-style: solid;
      border-bottom-color: #e6e6e6; }
      body.media-mobile div.filter-holder div.mobile-filter-heading a.mobile_back, body.media-mobile div.filter-holder div.mobile-filter-heading a.reset-button {
        display: inline-block;
        height: 1.625em;
        cursor: pointer;
        width: 7%;
        margin: 0.8em 0 0 0; }
      body.media-mobile div.filter-holder div.mobile-filter-heading a.mobile_back {
        float: right;
        margin-left: 2%;
        background-image: url(back_mobile_filter.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1.375em 1.0625em; }
      body.media-mobile div.filter-holder div.mobile-filter-heading a.reset-button {
        float: left;
        margin-right: 2%;
        background-image: url(filter_clearall.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1.375em 1.125em;
        width: 8%; }
      body.media-mobile div.filter-holder div.mobile-filter-heading div.page-title {
        position: absolute;
        top: 0.2em;
        left: 10%;
        right: 10%;
        height: 2em;
        line-height: 2em;
        padding: 0;
        color: #000000;
        text-align: center;
        overflow: auto; }
        body.media-mobile div.filter-holder div.mobile-filter-heading div.page-title span {
          font-weight: bold;
          font-size: 1.1em; }
    body.media-mobile div.filter-holder.layout-visible {
      z-index: 50;
      /* Make sure we are on top. */ }
    body.media-mobile div.filter-holder ul.wFltOpts {
      top: 3.1em; }
  body.media-mobile div.searchbar.layout-visible {
    z-index: 100; }
    body.media-mobile div.searchbar.layout-visible a {
      height: 1.625em;
      cursor: pointer;
      margin-right: 0.6em;
      text-decoration: none !important;
      float: left;
      margin: 0 2% 0 0; }
      body.media-mobile div.searchbar.layout-visible a.mobile_back {
        background-image: url(back_mobile_ltr.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1.1875em 1.125em;
        width: 7%; }
      body.media-mobile div.searchbar.layout-visible a.mobile_filter {
        width: 10%;
        min-width: 2em;
        margin-right: 0;
        float: right;
        width: 10%;
        min-width: 2em;
        background-image: url("filter_mobile.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
        body.media-mobile div.searchbar.layout-visible a.mobile_filter.filter-applied {
          width: 10%;
          min-width: 2em;
          background-image: url("filter_mobile_applied.png");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain; }
      body.media-mobile div.searchbar.layout-visible a.wSearchLink {
        width: 10%;
        min-width: 2em;
        width: 10%;
        min-width: 2em;
        background-image: url(search_mobile_navigation.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
        body.media-mobile div.searchbar.layout-visible a.wSearchLink:active {
          width: 10%;
          min-width: 2em;
          background-image: url(search_mobile_active.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain; }
  body.media-mobile div.searchbar input {
    float: left;
    margin: -0.2em -3px 0 6%; }
    body.media-mobile div.searchbar input.no-filter {
      /* There is no filter, fix the alignment */
      margin: -0.2em 5% 0 5%; }
  body.media-mobile div.searchresults.layout-visible {
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.6em 0.85em 0 0.85em; }
    body.media-mobile div.searchresults.layout-visible .search-alert {
      margin-bottom: 0.6em; }
    body.media-mobile div.searchresults.layout-visible .wSearchResultItem {
      padding-bottom: .5em;
      margin-bottom: .5em;
      border-bottom-width: 0.1em;
      border-bottom-style: solid;
      border-bottom-color: #e6e6e6; }
    body.media-mobile div.searchresults.layout-visible label.wSearchAndLabelResults {
      background-image: url(andsearch_nomark.svg);
      background-repeat: no-repeat;
      background-position: 0.4em 1em;
      background-size: auto 0.8em; }
      body.media-mobile div.searchresults.layout-visible label.wSearchAndLabelResults.active {
        background-image: url(andsearch_mark.svg); }
  body.media-mobile div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorPrevIcon {
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(previous.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  body.media-mobile div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorNextIcon {
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(next.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  body.media-mobile div.topic div.functionholder {
    display: block;
    height: 3.1em;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
    padding-top: 0.775em;
    padding-right: 2em;
    width: 100%;
    background-color: transparent; }
    body.media-mobile div.topic div.functionholder div.buttons {
      float: right; }
      body.media-mobile div.topic div.functionholder div.buttons.left {
        float: left; }
      body.media-mobile div.topic div.functionholder div.buttons > div {
        width: 1.55em;
        height: 1.55em;
        margin-left: 2em;
        float: left; }
        body.media-mobile div.topic div.functionholder div.buttons > div a {
          display: block;
          width: 100%;
          height: 100%;
          border: none;
          text-decoration: none;
          cursor: pointer;
          background-color: transparent; }
  body.media-mobile div.topic div.topic-state.loading {
    top: 3.1em;
    margin-left: 0.25em;
    margin-right: 0.25em; }
  body.media-mobile div.topic iframe.topic {
    margin-left: 0.25em;
    margin-right: 0.25em; }

div.searchbar {
  bottom: auto !important;
  z-index: 100 !important; }

.search-suggestion {
  margin-left: 0;
  padding: .25rem;
  font-size: 1rem;
  clear: left;
  line-height: 1.5rem;
  cursor: pointer; }

.search-suggestion .search-delete {
  background-image: url("remove.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 1.1em;
  width: 1.0em; }

.search-suggestion .search-delete:hover {
  background-image: url("remove-active.png"); }

.search-suggestion .search-text, .search-suggestion .search-count {
  display: inline; }

.search-suggestion .topic-icon, .search-suggestion .count-number {
  width: .5rem;
  height: 0.5rem;
  color: #ffffff; }

.search-suggestion .topic-icon {
  width: 1.5rem;
  height: 1.2rem;
  background-image: url("search_topic_desktop.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding-top: .05rem; }

.search_bar_top {
  z-index: 100 !important; }

.search-input-open {
  box-shadow: 0.1rem 0.1rem 0.5rem #cccccc; }

.searchbar-mobile .search-input {
  margin-right: 5%;
  margin-bottom: 0px;
  margin-left: 5%;
  width: 78%;
  float: left; }

.searchbar-mobile .search-input input {
  width: 75% !important; }

.searchbar-mobile .search-list {
  margin-left: 5%;
  padding-right: 0.4rem;
  width: 100%;
  width: 91%;
  background-color: #fcfcfc; }

.search-list table {
  width: 100%;
  border-spacing: 0; }
  .search-list table .search-table-desktop {
    width: 100%; }
  .search-list table .search-table-mobile {
    margin: .1em 5% .25em;
    width: 90%; }
  .search-list table td.search-text-column {
    width: 93%;
    padding-left: 0.5em; }
    .search-list table td.search-text-column .search-text-mobile {
      width: 95%; }
  .search-list table tr:hover {
    background-color: #e6e7e7; }

.search-list .search-selected {
  background-color: #e6e7e7 !important; }

body.media-landscape {
  font-size: 100%;
  /* Elements that are positioned differently for different queries */ }
  body.media-landscape div.toc-holder, body.media-landscape div.idx-holder, body.media-landscape div.glo-holder, body.media-landscape div.filter-holder, body.media-landscape div.searchbar, body.media-landscape div.searchresults.layout-visible {
    position: absolute;
    top: 4em;
    left: 5em;
    bottom: 0;
    width: 20em; }
  body.media-landscape div.functionbar {
    position: absolute;
    top: 4em;
    left: 0;
    bottom: 0;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #AAA7A7; }
  body.media-landscape div.toc-holder {
    background-color: #fcfcfc;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
  body.media-landscape div.idx-holder {
    background-color: #fcfcfc;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
  body.media-landscape div.glo-holder {
    background-color: #fcfcfc;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
  body.media-landscape div.filter-holder {
    background-color: #fcfcfc;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
  body.media-landscape div.searchbar {
    background-color: #fcfcfc;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
    body.media-landscape div.layout-visible.toc-holder, body.media-landscape div.layout-visible.idx-holder, body.media-landscape div.layout-visible.glo-holder, body.media-landscape div.layout-visible.filter-holder, body.media-landscape div.layout-visible.searchbar {
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
  body.media-landscape div.header {
    height: 4em;
    padding-top: 1.25em; }
    body.media-landscape div.header div.brs-holder {
      float: right;
      display: flex; }
    body.media-landscape div.header div {
      height: 1.875em; }
      body.media-landscape div.header div.logo {
        float: left;
        margin-right: 1.25em;
        margin-left: 1.875em;
        background-size: contain;
        margin-top: -0.5rem;
        width: 30px; }
      body.media-landscape div.header div.title {
        position: absolute;
        top: 0.625em;
        left: 2.34375em;
        right: 4.6875em;
        height: 1.1em;
        line-height: 100%;
        font-size: 1.875em;
        overflow: auto; }
        body.media-landscape div.header div.title a {
          text-decoration: none;
          color: inherit; }
      body.media-landscape div.header div.brs_next {
        width: 1.875em;
        margin-right: 2.5em; }
        body.media-landscape div.header div.brs_next a {
          background-image: url(next.svg);
          background-repeat: no-repeat;
          background-position: left top;
          background-size: contain; }
          body.media-landscape div.header div.brs_next a:active {
            background-color: transparent;
            background-image: url(next_active.png);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: contain; }
      body.media-landscape div.header div.brs_previous {
        width: 1.875em;
        margin-right: 1.5em; }
        body.media-landscape div.header div.brs_previous a {
          background-image: url(previous.svg);
          background-repeat: no-repeat;
          background-position: left top;
          background-size: contain; }
          body.media-landscape div.header div.brs_previous a:active {
            background-color: transparent;
            background-image: url(previous_active.png);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: contain; }
      body.media-landscape div.header div a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        cursor: pointer; }
    body.media-landscape div.header h1 {
      height: 1.875em; }
      body.media-landscape div.header h1.title {
        position: absolute;
        top: 0.625em;
        left: 2.34375em;
        right: 4.6875em;
        height: 1.1em;
        margin: 0;
        font-weight: inherit;
        line-height: 100%;
        font-size: 1.875em;
        overflow: auto; }
        body.media-landscape div.header h1.title a {
          text-decoration: none;
          color: inherit; }
  body.media-landscape div.functionbar {
    background-color: #f0f0f0;
    width: 5em;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #aaa7a7; }
    body.media-landscape div.functionbar div.nav {
      padding-top: .4em;
      padding-left: 0.625em; }
      body.media-landscape div.functionbar div.nav a {
        display: block;
        width: calc(100% + .15em);
        /* We take + .1em to overflow the active button over the border of the nav element */
        height: 6em;
        /* 2x the margin + the height of the buttons. */
        margin-bottom: 0;
        cursor: pointer;
        -webkit-border-top-left-radius: 0.5em;
        -moz-border-radius-topleft: 0.5em;
        border-top-left-radius: 0.5em;
        -webkit-border-bottom-left-radius: 0.5em;
        -moz-border-radius-bottomleft: 0.5em;
        border-bottom-left-radius: 0.5em; }
        body.media-landscape div.functionbar div.nav a.active {
          background-color: #ffffff;
          border-left-width: 0.1em;
          border-left-style: solid;
          border-left-color: #aaa7a7;
          border-top-width: 0.1em;
          border-top-style: solid;
          border-top-color: #aaa7a7;
          border-bottom-width: 0.1em;
          border-bottom-style: solid;
          border-bottom-color: #aaa7a7; }
        body.media-landscape div.functionbar div.nav a.toc {
          background-image: url(toc_tab.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.9375em 1.625em; }
        body.media-landscape div.functionbar div.nav a.idx {
          background-image: url(index_tab.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.9375em 1.4375em; }
        body.media-landscape div.functionbar div.nav a.glo {
          background-image: url(glossary_tab.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.875em 1.125em; }
        body.media-landscape div.functionbar div.nav a.filter {
          background-image: url(filter_tab.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.5625em 1.4375em; }
          body.media-landscape div.functionbar div.nav a.filter.filter-applied {
            background-image: url(filter_tab_applied.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 1.5625em 1.4375em; }
        body.media-landscape div.functionbar div.nav a.fts {
          background-image: url(search_tab.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 1.625em 1.6875em; }
  body.media-landscape div.toc-holder {
    padding-left: .5em; }
    body.media-landscape div.toc-holder ul {
      margin-left: 0; }
      body.media-landscape div.toc-holder ul li {
        margin-left: 0 !important; }
    body.media-landscape div.toc-holder.drill-down ul li.collapsing {
      -ms-animation-name: drill-down-up-landscape;
      -ms-animation-duration: 0.5s;
      -moz-animation-name: drill-down-up-landscape;
      -moz-animation-duration: 0.5s;
      -webkit-animation-name: drill-down-up-landscape;
      -webkit-animation-duration: 0.5s;
      animation-name: drill-down-up-landscape;
      animation-duration: 0.5s; }
  body.media-landscape div.filter-holder:not(.layout-visible) {
    padding: 0 !important; }
  body.media-landscape div.filter-holder a.reset-button {
    position: absolute;
    top: .7em;
    right: .25em;
    height: 1.75em;
    width: 2em; }
  body.media-landscape div.filter-holder ul {
    margin-top: 1.5rem; }
    body.media-landscape div.filter-holder ul.wFltOptsGrp {
      margin-top: 0rem; }
  body.media-landscape div.searchbar {
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    top: 4em; }
    body.media-landscape div.searchbar a.wSearchLink {
      display: none; }
    body.media-landscape div.searchbar.searchpage-mode ~ div.topic {
      left: 25em; }
  body.media-landscape div.searchresults.layout-visible {
    top: 7.3em;
    overflow-x: hidden;
    overflow-y: auto;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
    body.media-landscape div.searchresults.layout-visible label.wSearchAndLabelResults {
      background-image: url(andsearch_nomark.svg);
      background-repeat: no-repeat;
      background-position: left 1em;
      background-size: auto 0.8em; }
      body.media-landscape div.searchresults.layout-visible label.wSearchAndLabelResults.active {
        background-image: url(andsearch_mark.svg); }
  body.media-landscape div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorPrevIcon {
    width: 1.625rem;
    height: 1.625rem;
    background-image: url(previous.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  body.media-landscape div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorNextIcon {
    width: 1.625rem;
    height: 1.625rem;
    background-image: url(next.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  body.media-landscape div.topic {
    position: absolute;
    top: 4em;
    left: 5em;
    right: 0;
    bottom: 0;
    z-index: 10;
    -o-transition-duration: 0.35s;
    -o-transition-timing-function: ease-out;
    -o-transition-property: left;
    -ms-transition-duration: 0.35s;
    -ms-transition-timing-function: ease-out;
    -ms-transition-property: left;
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease-out;
    -moz-transition-property: left;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: left;
    transition-duration: 0.35s;
    transition-timing-function: ease-out;
    transition-property: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; }
    body.media-landscape div.topic div.functionholder {
      display: block;
      height: 4em;
      border-bottom-width: 0.1em;
      border-bottom-style: solid;
      border-bottom-color: #e6e6e6;
      padding-top: 1em;
      padding-right: 2em;
      width: 100%;
      background-color: transparent; }
      body.media-landscape div.topic div.functionholder div.buttons {
        float: right; }
        body.media-landscape div.topic div.functionholder div.buttons.left {
          float: left; }
        body.media-landscape div.topic div.functionholder div.buttons > div {
          width: 2em;
          height: 2em;
          margin-left: 2em;
          float: left; }
          body.media-landscape div.topic div.functionholder div.buttons > div a {
            display: block;
            width: 100%;
            height: 100%;
            border: none;
            text-decoration: none;
            cursor: pointer;
            background-color: transparent; }
    body.media-landscape div.topic.sidebar-opened {
      left: 25em; }
  body.media-landscape div.idx-holder input,
  body.media-landscape div.glo-holder input,
  body.media-landscape div.searchbar input {
    font-size: 80% !important; }

body.media-desktop {
  font-size: 62.5%;
  /* Set the default size to 10px. This makes for easy calculation according to spec */
  /* Elements that are positioned differently for different queries */ }
  body.media-desktop div.functionbar {
    position: absolute;
    top: 7em;
    left: 0;
    width: 35em;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6; }
    body.media-desktop div.desktop-sidebar-hidden.functionbar {
      display: none; }
  body.media-desktop div.toc-holder.layout-visible {
    position: absolute;
    top: 11.3em;
    left: 0;
    width: 35em;
    bottom: 0;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc;
    overflow: auto; }
  body.media-desktop div.idx-holder.layout-visible {
    position: absolute;
    top: 11.3em;
    left: 0;
    width: 35em;
    bottom: 0;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc;
    overflow: auto; }
  body.media-desktop div.glo-holder.layout-visible {
    position: absolute;
    top: 11.3em;
    left: 0;
    width: 35em;
    bottom: 0;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc;
    overflow: auto; }
  body.media-desktop div.filter-holder.layout-visible {
    position: absolute;
    top: 11.3em;
    left: 0;
    width: 35em;
    bottom: 0;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc;
    overflow: auto; }
  body.media-desktop div.searchresults.search-sidebar {
    position: absolute;
    top: 11.3em;
    left: 0;
    width: 35em;
    bottom: 0;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc;
    overflow: auto; }
    body.media-desktop div.desktop-sidebar-hidden.toc-holder.layout-visible, body.media-desktop div.desktop-sidebar-hidden.idx-holder.layout-visible, body.media-desktop div.desktop-sidebar-hidden.glo-holder.layout-visible, body.media-desktop div.desktop-sidebar-hidden.filter-holder.layout-visible, body.media-desktop div.desktop-sidebar-hidden.searchresults.search-sidebar {
      display: none; }
  body.media-desktop div.searchbar.search-sidebar {
    position: absolute;
    top: 11.3em;
    left: 0;
    width: 35em;
    border-right-width: 0.1em;
    border-right-style: solid;
    border-right-color: #e6e6e6;
    background-color: #fcfcfc;
    overflow: auto; }
    body.media-desktop div.desktop-sidebar-hidden.searchbar.search-sidebar {
      display: none; }
  body.media-desktop div.searchresults.search-content, body.media-desktop div.topic {
    position: absolute;
    top: 7em;
    left: 35em;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0; }
    body.media-desktop div.desktop-sidebar-hidden.searchresults.search-content, body.media-desktop div.desktop-sidebar-hidden.topic {
      left: 0; }
  body.media-desktop div.header {
    height: 7em; }
    body.media-desktop div.header div {
      float: left; }
      body.media-desktop div.header div.logo {
        padding-left: 20px;
        box-sizing: content-box;
        height: 100%;
        width: 30px;
        margin-right: 3em;
        background-origin: content-box;
        max-width: 400px; }
      body.media-desktop div.header div.title {
        padding: 20px;
        line-height: 100%;
        font-size: 3em;
        max-width: 28em;
        font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif;
        overflow: auto; }
        body.media-desktop div.header div.title a {
          text-decoration: none;
          color: inherit; }
      body.media-desktop div.header div.brs_next, body.media-desktop div.header div.brs_previous {
        display: none; }
      body.media-desktop div.header div.custom-button-0 {
        display: none; }
      body.media-desktop div.header div.custom-button-1 {
        display: none; }
      body.media-desktop div.header div.custom-button-2 {
        display: none; }
      body.media-desktop div.header div.custom-button-3 {
        display: none; }
      body.media-desktop div.header div.custom-button-4 {
        display: none; }
      body.media-desktop div.header div.custom-button-5 {
        display: none; }
      body.media-desktop div.header div.custom-button-6 {
        display: none; }
      body.media-desktop div.header div.custom-button-7 {
        display: none; }
      body.media-desktop div.header div.custom-button-8 {
        display: none; }
      body.media-desktop div.header div.custom-button-9 {
        display: none; }
      body.media-desktop div.header div.custom-button-10 {
        display: none; }
      body.media-desktop div.header div.custom-button-11 {
        display: none; }
      body.media-desktop div.header div.custom-button-12 {
        display: none; }
      body.media-desktop div.header div.custom-button-13 {
        display: none; }
      body.media-desktop div.header div.custom-button-14 {
        display: none; }
      body.media-desktop div.header div.custom-button-15 {
        display: none; }
      body.media-desktop div.header div.custom-button-16 {
        display: none; }
      body.media-desktop div.header div.custom-button-17 {
        display: none; }
      body.media-desktop div.header div.custom-button-18 {
        display: none; }
      body.media-desktop div.header div.custom-button-19 {
        display: none; }
    body.media-desktop div.header h1 {
      float: left; }
      body.media-desktop div.header h1.title {
        padding: 20px;
        line-height: 100%;
        font-size: 3em;
        max-width: 28em;
        font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif;
        overflow: auto;
        margin: 0;
        font-weight: inherit; }
        body.media-desktop div.header h1.title a {
          text-decoration: none;
          color: inherit; }
  body.media-desktop div.functionbar {
    background-color: #f0f0f0;
    height: 4.3em;
    padding: 0.6em;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
    min-width: 33em !important; }
    body.media-desktop div.functionbar.desktop-sidebar-hidden {
      display: none; }
    body.media-desktop div.functionbar div.nav a {
      float: left;
      display: block;
      width: 5.5em;
      height: 3.741em;
      cursor: pointer;
      -webkit-border-top-left-radius: 0.9em;
      -moz-border-radius-topleft: 0.9em;
      border-top-left-radius: 0.9em;
      -webkit-border-top-right-radius: 0.9em;
      -moz-border-radius-topright: 0.9em;
      border-top-right-radius: 0.9em;
      background-color: transparent; }
      body.media-desktop div.functionbar div.nav a.active {
        background-color: #fcfcfc;
        border-top-width: 0.1em;
        border-top-style: solid;
        border-top-color: #d2d2d2;
        border-bottom-width: 0.1em;
        border-bottom-style: solid;
        border-bottom-color: #d2d2d2;
        border-left-width: 0.1em;
        border-left-style: solid;
        border-left-color: #d2d2d2;
        border-right-width: 0.1em;
        border-right-style: solid;
        border-right-color: #d2d2d2;
        border-bottom: none; }
      body.media-desktop div.functionbar div.nav a.toc {
        background-image: url(toc_desktop.svg);
        background-repeat: no-repeat;
        background-position: center 0.86em;
        background-size: auto; }
      body.media-desktop div.functionbar div.nav a.idx {
        background-image: url(index_desktop.png);
        background-repeat: no-repeat;
        background-position: center 0.86em;
        background-size: auto; }
      body.media-desktop div.functionbar div.nav a.glo {
        background-image: url(glossary_desktop.png);
        background-repeat: no-repeat;
        background-position: center 0.86em;
        background-size: auto; }
      body.media-desktop div.functionbar div.nav a.filter {
        background-image: url(filter_desktop.png);
        background-repeat: no-repeat;
        background-position: center 0.86em;
        background-size: auto; }
        body.media-desktop div.functionbar div.nav a.filter.filter-applied {
          background-image: url(filter_desktop_applied.png);
          background-repeat: no-repeat;
          background-position: center 0.86em;
          background-size: auto; }
      body.media-desktop div.functionbar div.nav a.fts {
        display: none;
        background-image: url(search_desktop-2.svg);
        background-repeat: no-repeat;
        background-position: center 0.86em;
        background-size: auto; }
        body.media-desktop div.functionbar div.nav a.fts.search-sidebar {
          display: block; }
  body.media-desktop div.toc-holder.layout-visible {
    margin-top: 0;
    padding-top: .2em; }
  body.media-desktop div.idx-holder div.Index li.treeitem {
    margin-left: 1.43em !important;
    font-size: 0.875rem; }
  body.media-desktop div.idx-holder li.treeitem div {
    font-size: 100%; }
  body.media-desktop div.idx-holder .IndexAlphabet {
    display: none; }
  body.media-desktop div.glo-holder div.Glossary ul {
    padding-left: 0px; }
  body.media-desktop div.glo-holder div.Glossary li.treeitem {
    margin-left: 1.43rem !important;
    font-size: 0.875rem; }
  body.media-desktop div.glo-holder div div {
    font-size: 100%; }
  body.media-desktop div.glo-holder .GloAlphabet {
    display: none; }
  body.media-desktop div.filter-holder {
    display: none;
    /*We need this to let IE11 hide the filter content on desktop (otherwise it will be visible over the sidebar and header.)*/ }
    body.media-desktop div.filter-holder.layout-visible {
      display: block; }
      body.media-desktop div.filter-holder.layout-visible a.reset-button {
        position: absolute;
        top: 1em;
        right: .5em;
        height: 2em;
        width: 2.5em; }
  body.media-desktop div.searchbar.search-sidebar {
    z-index: 1000;
    background-color: #fcfcfc;
    opacity: 100%;
    border: 1px #e1e1e1;
    border-radius: 4px; }
  body.media-desktop div.searchbar.search-content {
    display: none; }
  body.media-desktop div.searchbar-extra {
    color: #ffffff;
    background-color: #509de6;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: 0 .3em; }
  body.media-desktop div.searchbar-extra {
    position: absolute;
    top: 2em;
    right: 2em;
    background: transparent;
    color: #000000 !important;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: .4em .3em;
    background-color: #ffffff;
    box-shadow: 0.1rem 0.1rem 0.5rem #cccccc;
    z-index: 10;
    width: 37em; }
    body.media-desktop div.searchbar-extra input.wSearchField {
      display: inline-block;
      color: #000000;
      background-color: #ffffff;
      font-size: 1.5em;
      height: 1.98em;
      width: 22em;
      padding: 0;
      padding-left: 1em;
      border-top-width: 0.1em;
      border-top-style: solid;
      border-top-color: #313D6B;
      border-bottom-width: 0.1em;
      border-bottom-style: solid;
      border-bottom-color: #313D6B;
      border-left-width: 0.1em;
      border-left-style: solid;
      border-left-color: #313D6B;
      border-right-width: 0.1em;
      border-right-style: solid;
      border-right-color: #313D6B;
      -webkit-border-radius: 0.2em;
      -moz-border-radius: 0.2em;
      border-radius: 0.2em;
      vertical-align: bottom;
      -o-transition-duration: 0.35s;
      -o-transition-timing-function: ease-out;
      -o-transition-property: width;
      -ms-transition-duration: 0.35s;
      -ms-transition-timing-function: ease-out;
      -ms-transition-property: width;
      -moz-transition-duration: 0.35s;
      -moz-transition-timing-function: ease-out;
      -moz-transition-property: width;
      -webkit-transition-duration: 0.35s;
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-property: width;
      transition-duration: 0.35s;
      transition-timing-function: ease-out;
      transition-property: width;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      -ms-perspective: 1000;
      perspective: 1000; }
      body.media-desktop div.searchbar-extra input.wSearchField:focus, body.media-desktop div.searchbar-extra input.wSearchField.searchpage-mode {
        outline: 0; }
    body.media-desktop div.searchbar-extra a.wSearchLink {
      display: inline-block;
      font-size: 1.5em;
      height: 1.98em;
      width: 2em;
      text-decoration: none;
      margin-left: -.22em;
      padding: 0;
      cursor: pointer;
      vertical-align: bottom;
      background-image: url(search_desktop.svg);
      background-repeat: no-repeat;
      background-position: 0.4em 0.4em;
      background-size: 22px 22px; }
      body.media-desktop div.searchbar-extra a.wSearchLink:active {
        background-image: url(search_desktop-2_active.svg); }
    body.media-desktop div.searchbar-extra div.searchAND.layout-visible input {
      display: block;
      float: left;
      margin-top: .6em; }
    body.media-desktop div.searchbar-extra div.searchAND.layout-visible label {
      display: block;
      float: left;
      margin-top: .7em;
      cursor: pointer; }
      body.media-desktop div.searchbar-extra div.searchAND.layout-visible label span {
        font-size: 1.2em; }
  body.media-desktop div.searchresults label.wSearchAndLabelResults {
    color: #000000;
    background-position: left top;
    background-size: auto 100%;
    padding-top: .2em;
    padding-left: 2.5em;
    background-image: url(andsearch_nomark.svg);
    background-repeat: no-repeat;
    background-position: left 0.6em;
    background-size: auto 1em; }
    body.media-desktop div.searchresults label.wSearchAndLabelResults.active {
      background-image: url(andsearch_mark.svg);
      background-repeat: no-repeat;
      background-position: left 0.6em;
      background-size: auto 1em; }
    body.media-desktop div.searchresults label.wSearchAndLabelResults span {
      font-size: 1.4em; }
  body.media-desktop div.searchresults.search-sidebar {
    top: 15.8em;
    left: 0 !important; }
    body.media-desktop div.searchresults.search-sidebar > div {
      font-size: 1.4em; }
  body.media-desktop div.searchresults.search-content {
    z-index: 5;
    padding: 1em 0 0 0;
    width: auto !important; }
    body.media-desktop div.searchresults.search-content label.wSearchAndLabelResults {
      margin-top: 1em;
      margin-left: 2.5em; }
    body.media-desktop div.searchresults.search-content > div {
      margin-left: 1.5em;
      font-size: 1.6em; }
  body.media-desktop div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorPrevIcon {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(previous.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  body.media-desktop div.searchresults .wSearchResultFooter .wSearchResultPaginator .wSearchResultPaginatorNextIcon {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(next.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  body.media-desktop div.sidebarsizer {
    display: block;
    position: absolute;
    top: 7em;
    left: 35em;
    bottom: 0;
    width: 1em;
    cursor: col-resize;
    overflow: visible;
    z-index: 10; }
    body.media-desktop div.sidebarsizer a.sidebartoggle {
      position: absolute;
      top: 50%;
      left: 0;
      width: 1.6em;
      height: 2.5em;
      cursor: pointer;
      background: transparent url(slider_ltr.svg) no-repeat left top;
      background-size: contain; }
    body.media-desktop div.sidebarsizer.desktop-sidebar-hidden {
      left: 0; }
      body.media-desktop div.sidebarsizer.desktop-sidebar-hidden a.sidebartoggle {
        background: transparent url(slider_ltr-2.svg) no-repeat left top;
        background-size: contain; }
  body.media-desktop div.topic iframe.topic {
    /* Position content for sidebar button */
    width: calc(100% - 1em);
    height: calc(100% - (4.5em + 5em));
    margin-left: 1em; }
  body.media-desktop div.topic div.functionholder {
    display: block;
    height: 4.3em;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
    padding-top: 1.075em;
    padding-right: 2em;
    width: 100%;
    background-color: transparent; }
    body.media-desktop div.topic div.functionholder div.buttons {
      float: right; }
      body.media-desktop div.topic div.functionholder div.buttons.left {
        float: left; }
      body.media-desktop div.topic div.functionholder div.buttons > div {
        width: 2.15em;
        height: 2.15em;
        margin-left: 2em;
        float: left; }
        body.media-desktop div.topic div.functionholder div.buttons > div.twitter-button {
          width: 90px;
          overflow: hidden; }
        body.media-desktop div.topic div.functionholder div.buttons > div.fb-button {
          width: 150px;
          overflow: hidden; }
        body.media-desktop div.topic div.functionholder div.buttons > div img {
          content: url(next.svg); }
        body.media-desktop div.topic div.functionholder div.buttons > div a {
          display: block;
          width: 100%;
          height: 100%;
          border: none;
          text-decoration: none;
          cursor: pointer;
          background-color: transparent; }
          body.media-desktop div.topic div.functionholder div.buttons > div a.wBSNextButton {
            background-image: url(next.svg);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: contain; }
            body.media-desktop div.topic div.functionholder div.buttons > div a.wBSNextButton:active {
              background-image: url(next_active.png);
              background-repeat: no-repeat;
              background-position: left top;
              background-size: contain; }
          body.media-desktop div.topic div.functionholder div.buttons > div a.wBSBackButton {
            background-image: url(previous.svg);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: contain; }
            body.media-desktop div.topic div.functionholder div.buttons > div a.wBSBackButton:active {
              background-image: url(previous_active.png);
              background-repeat: no-repeat;
              background-position: left top;
              background-size: contain; }
          body.media-desktop div.topic div.functionholder div.buttons > div a.print {
            background-image: url(print_desktop.svg);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: contain; }
  body.media-desktop div.topic a.to_top {
    position: absolute;
    right: 8em;
    bottom: 0;
    display: block;
    height: 3.5em;
    width: 4.5em;
    cursor: pointer;
    background-image: url(top.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain; }
  body.media-desktop div.idx-holder input,
  body.media-desktop div.glo-holder input,
  body.media-desktop div.searchbar input {
    font-size: 1.2em !important; }
  body.media-desktop div.social_buttons {
    display: flex;
    border-width: .1em !important; }
    body.media-desktop div.social_buttons.opened div.fb-button,
    body.media-desktop div.social_buttons.opened div.twitter-button {
      padding-top: .1em; }

.skip-to-content-container {
  display: flex;
  justify-content: center;
  height: auto;
  background-color: white; }
  .skip-to-content-container button.placeholder.skip-to-content-link {
    width: auto; }

.skip-to-content-link {
  position: absolute;
  top: -2rem;
  margin: 0.25rem; }

.skip-to-content-link:focus {
  position: relative;
  top: 0; }

.placeholder {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-indent: inherit;
  text-shadow: inherit;
  text-align: inherit;
  font: inherit;
  cursor: inherit; }

.js-focus-visible :focus:not(.focus-visible) {
  outline: none; }

.js-focus-visible .focus-visible:not(input) {
  outline-width: 0.125rem;
  outline-style: solid;
  outline-color: black;
  outline-color: undefined;
  outline-offset: -0.125rem; }

div.idx-holder div.Index ul.index-list li.IndexKeyword ul {
  list-style-type: none; }

div.glo-holder div.Glossary ul {
  list-style: none; }

div.topic.main a.to_top button.placeholder {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;
  cursor: inherit; }

/* --GS-- */

:root {
  /* CJK fonts — default order for unknown / mixed language.
     Noto Sans JP/KR/SC/TC come from the Google Fonts @import above (online);
     if unavailable (offline), these names are simply undefined and the
     system fonts below win instead. Arial has no CJK glyphs, so it is
     skipped automatically for CJK codepoints. */

  /* Design System: Inter (online) → Arial, sans-serif (offline fallback) + CJK. */
  /* Design System: IBM Plex Mono (online) → Consolas, Liberation Mono, ... (offline). */
}
/* Region priorities. This is a MASTER file copied verbatim into every locale
   build folder, so it must not hard-code one script. RoboHelp truncates
   <html lang> to a bare 2-letter code shortly after load (and some builds even
   ship a bare "zh" in source), so <html lang> alone can't tell Simplified from
   Traditional. usersettings.js decides the CJK script (from the lang subtag
   when present, otherwise the build folder name) and stamps it on
   <html data-help-script="ja|ko|hans|hant"> for both the chrome and the topic
   iframe; the rules below key off that. */

html {
  font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif !important;
}

body {
  font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif !important;
}

div.header {
	background-color: #f3f3f3;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	height: 9em !important;
}

div.header div.logo {
	padding-left: 0 !important;
	background: url("logo.svg") center center no-repeat;
	width: 236px !important;
	height: 60px !important;
	margin-right: 64px !important;
	margin-left: 50px !important;
	margin-top: 12px !important;
}

div.header h1.title {
	padding: 0 !important;
	color: #150D12 !important;
	display: inline-block !important;
	position: static !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	margin-top: 28px !important;
	height: auto !important;
	overflow: initial !important;
	max-width: unset !important;
	border-left: 2px solid #150D12 !important;
	line-height: 80% !important;
}

div.header h1.title a {
	display: block;
	padding-left: 30px;
}

div.header div.lang_selector {
	cursor: pointer;
	background: url("icon_lang.svg") center center no-repeat;
	width: 18px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right !important;
	margin-right: 3em;
	display: none !important;
}

div.searchbar-extra {
	background-color: #fff !important;
	border: 1px solid #291923;
	border-radius: 8 !important;
	box-shadow: none !important;
	padding: 0 !important;
	top: 2.7em !important;
	right: 3em !important;
}

div.searchbar-extra input.wSearchField {
	border: 0 !important;
	border-radius: 8 !important;
  font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif !important;
}

div.searchbar-extra a.wSearchLink {
	background-color: #fff !important;
	background-image: url(search_desktop.svg) !important;
	background-size: 20px 20px !important;
}

a.sidebartoggle {
	background-image: url(slider_ltr.svg) !important;
	top: 3.5em !important;
	width: 17px !important;
	height: 33px !important;
}
div.sidebarsizer.desktop-sidebar-hidden a.sidebartoggle {
	background-image: url(slider_ltr-2.svg) !important;
}
.toc-holder {
	border-right: 5px solid #f3f3f3 !important;
	background: #fff right bottom no-repeat !important;
	top: 15em !important;
}
div.toc-holder li.selected {
	color: #000;
	font-weight: 700;
	border-left-color: #33B3DA;
}
div.searchresults.search-sidebar {
	border-right: 5px solid #f3f3f3 !important;
	background: #fff right bottom no-repeat !important;
	top: 15em !important;
}
div.searchresults a {
	color: #313d6b !important;
	font-weight: 700;
}
div.searchbar.search-sidebar {
	border-right: 5px solid #f3f3f3 !important;
	background: #fff !important;
	top: 15em !important;
	border-radius: 0 !important;
}
div.searchresults.search-sidebar {
	margin: 4em 0 0 0!important;
}

div.functionbar {
	background: linear-gradient(88.49deg, #f3f3f3 30.98%, #f3f3f3 88.5%) !important;
	border: 0 !important;
	top: 9em !important;
	height: 6em !important;
	padding: 0 !important;
}

div.functionbar div.nav a {
	width: 43px !important;
	height: 43px !important;
	margin-top: 17px !important;
}

div.functionbar div.nav a.toc.active {
	background-image: url(toc_desktop_active.svg) !important;
}
div.functionbar div.nav a.toc {
	background-image: url(toc_desktop.svg) !important;
	border: 0 !important;
	border-radius: 0 !important;
	margin-left: 10px !important;
}
div.functionbar div.nav a.fts {
	background-image: url(search_desktop-2.svg) !important;
	border: 0 !important;
	border-radius: 0 !important;
}
div.functionbar div.nav a.fts.active {
	background-image: url(search_desktop-2_active.svg) !important;
}
div.functionbar div.nav a.active {
	background-color: #f3f3f3 !important;
}

div.toc-holder ul li.item.selected {
	font-weight: 700;
	color: #000;
}

div.toc-holder > ul li {
	padding-left: 1em !important;
}
div.toc-holder ul li.item {
	background-image: none !important;
	padding-left: 2em !important;
}
div.toc-holder ul li.book {
	background-image: url(toc_book_closed_desktop.svg) !important;
	background-position: left center !important;
	padding-left: 2em !important;
}
div.toc-holder ul li.expanded {
	background-image: url(toc_book_open_desktop.svg) !important;
	background-position: left center !important;
	padding-left: 2em !important;
}

div.searchbar input {
	border-radius: 0 !important;
  font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif;
}

div.topic {
	box-shadow: inset 0 2px 3px rgba(0,0,0,.15) !important;
	top: 9em !important;
}
div.topic div.functionholder {
	border: none !important;
	height: 6em !important;
	padding-right: 3em !important;
	padding-top: 0 !important;
}
div.topic div.functionholder div.buttons > div {
	width: auto !important;
	height: 60px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
div.topic div.functionholder div.buttons .brs_previous,
div.topic div.functionholder div.buttons .brs_next {
	margin-left: 20px !important;
}
div.topic div.functionholder div.buttons div.custom-button-0 {
	margin-right: 30px !important;
}
div.topic div.functionholder div.buttons > div a {
	width: 20px !important;
	height: 20px !important;
}
body.media-mobile div.mobilespecialfunctions div.brs_previous a,
body.media-landscape div.header div.brs_previous a,
div.topic div.functionholder div.buttons > div a.wBSBackButton {
	background-image: url(previous.svg) !important;
	background-position: center center !important;
}
body.media-mobile div.mobilespecialfunctions div.brs_next a,
body.media-landscape div.header div.brs_next a,
div.topic div.functionholder div.buttons > div a.wBSNextButton {
	background-image: url(next.svg) !important;
	background-position: center center !important;
}

div.topic a.to_top {
	background-image: url(top.svg) !important;
	width: 20px !important;
	height: 20px !important;
	right: 2.5em !important;
	bottom: 0.5em !important;
}

/**/

body.media-landscape div.topic div.functionholder {
	display: none !important;
}
body.media-landscape div.header {
	height: 5em !important;
	padding-top: 1.25em !important;
}
body.media-landscape div.header div.logo {
	width: 126px !important;
	height: 40px !important;
	background-size: 100%;
	margin: 0 20px !important;
}
body.media-landscape div.header h1.title {
	font-size: 24px !important;
	margin: 10px 0 0 !important;
}
body.media-landscape div.header div.brs_next,
body.media-landscape div.header div.brs_previous {
	margin-top: 3px;
}
body.media-landscape div.header h1.title a {
	padding-left: 15px !important;
}
body.media-landscape .toc-holder,
body.media-landscape div.searchbar,
body.media-landscape div.searchresults,
body.media-landscape div.functionbar,
body.media-landscape div.topic {
	top: 5em !important;
}
body.media-landscape div.functionbar div.nav {
	background: linear-gradient(180deg, #f3f3f3 0%, #f3f3f3 100%);
	height: calc(100vh - 5em);
	padding-top: 20px;
	padding-left: 18px;
}
body.media-landscape div.searchresults.layout-visible {
	top: 4em !important;
}
body.media-landscape div.searchbar {
	border-bottom: 0 !important;
}
body.media-landscape div.searchbar,
body.media-landscape .toc-holder {
	box-shadow: inset 0 2px 3px rgb(0 0 0 / 15%) !important;
	padding-top: .5em;
}
body.media-landscape div.functionbar div.nav a.toc,
body.media-landscape div.functionbar div.nav a.fts {
	margin: 0 0 20px !important;
}

/**/

body.media-mobile div.mobilespecialfunctions {
	height: 5em !important;
	background-color: #ffffff;
}
body.media-mobile div.topic div.functionholder {
	display: none !important;
}
body.media-mobile div.mobilespecialfunctions h1.title {
	color: #150D12;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	position: absolute;
	width: 100%;
	margin-top: 15px;
	z-index: -1;
}
@media only screen and (max-width: 550px) {
	body.media-mobile div.mobilespecialfunctions h1.title {
		display: none;
	}
}
body.media-mobile div.mobilespecialfunctions a.menubutton {
	background-image: url(toc_desktop-2.svg) !important;
	background-size: 75%;
	margin-top: 10px;
	margin-left: 15px;
}
body.media-mobile div.mobilespecialfunctions a.fts {
	background-image: url(search_desktop.svg) !important;
	margin-top: 15px;
}

/* === GS Figma chrome design system === */

:root {
	/* Color tokens (from Figma) */
}

/* Header bar uses the Figma surface color + strong title text */
div.header {
	background-color: #F3F3F3;
}
div.header h1.title {
	color: #150D12 !important;
	border-left-color: #150D12 !important;
}

/* Top-right search → pill shape (Figma: border-radius 9998px), dark 1px border */
div.searchbar-extra {
	border: 1px solid #291923 !important;
	border-radius: 9998px !important;
	overflow: hidden !important;
}
div.searchbar-extra input.wSearchField {
	border-radius: 9998px !important;
	color: #291923 !important;
}
div.searchbar-extra input.wSearchField::placeholder {
	color: #72686E !important;
}

/* Sidebar / function bar surfaces */
.toc-holder {
	border-right-color: #F3F3F3 !important;
}
div.searchresults.search-sidebar {
	border-right-color: #F3F3F3 !important;
}
div.searchbar.search-sidebar {
	border-right-color: #F3F3F3 !important;
}
div.functionbar {
	background: #F3F3F3 !important;
}

/* Selected TOC item → brand accent */
div.toc-holder li.selected {
	border-left-color: #00A0D1 !important;
}

/* Active nav button (toc/search toggle) → brand tint (Figma #B0E2F1) */
div.functionbar div.nav a.active {
	background-color: #B0E2F1 !important;
}

/* Search results (sidebar) typography — Figma result card */
div.searchresults .wSearchResultItem a.nolink div.wSearchResultTitle {
	font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 26px !important;
	color: #291923 !important;
}
div.searchresults .wSearchResultItem a.nolink div.wSearchResultTitleHover {
	font-family: 'Inter', Arial, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', sans-serif !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 26px !important;
	color: #291923 !important;
}
div.searchresults .wSearchResultItem div.wSearchContext {
	color: #291923 !important;
}
div.searchresults .wSearchResultItem div.wSearchURL {
	font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, Monaco, 'DejaVu Sans Mono', 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans CJK TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Yu Gothic', 'Malgun Gothic', monospace !important;
	font-size: 12px !important;
	line-height: 16px !important;
	text-transform: uppercase !important;
	color: #72686E !important;
}

/* === /GS Figma chrome design system === */
body.media-mobile div.mobilespecialfunctions div.brs_next,
body.media-mobile div.mobilespecialfunctions div.brs_previous {
	margin: 14px 15px 0 !important;
}
body.media-mobile div.header {
	height: 5em !important;
}
body.media-mobile .toc-holder,
body.media-mobile div.searchbar,
body.media-mobile div.searchresults,
body.media-mobile div.functionbar,
body.media-mobile div.topic {
	top: 5em !important;
}
body.media-mobile .toc-holder {
	top: 0 !important;
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
body.media-mobile div.toc-holder ul li.book,
body.media-landscape div.toc-holder ul li.book,
body.media-mobile div.toc-holder ul li.item,
body.media-landscape div.toc-holder ul li.item,
body.media-mobile div.toc-holder ul li.url,
body.media-landscape div.toc-holder ul li.url {
	padding-left: 1em !important;
	padding-right: 0 !important;
	padding-top: 0.25em !important;
	padding-bottom: 0.25em !important;
}
body.media-mobile div.toc-holder ul li.child ul.child,
body.media-landscape div.toc-holder ul li.child ul.child {
	padding-left: 1.75em !important;
}
body.media-mobile div.searchbar input.no-filter {
	border: 1px solid #150D12 !important;
	height: 4em !important;
	margin: 0 !important;
	width: 87% !important;
}
body.media-mobile div.searchbar.layout-visible a.mobile_back {
	background-image: url(back_mobile_ltr.svg) !important;
	width: 10% !important;
	margin: 0 !important;
	margin-top: 10px !important;
}
.searchbar-mobile .search-input {
	width: 90% !important;
	margin: 0 !important;
}
body.media-mobile div.searchbar.layout-visible a.wSearchLink {
	background-image: url(search_desktop.svg) !important;
	margin: 0 !important;
	width: 13% !important;
	margin-top: 10px !important;
}
body.media-mobile .searchbar.left-pane.search-content.searchpage-mode.layout-visible {
	height: 5em !important;
	top: 0 !important;
	padding-top: 1.375em;
}

/* language selector */

.help_dropdown {
	position: absolute;
	padding: 0 !important;
	top: 0;
	right: 0;
	height: 90px !important;
	width: 75px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.help_dropbtn {
	border: none;
}
.help_dropdown-content {
	font-size: 16px !important;
	display: none;
	position: absolute;
	background-color: #fff !important;
	border: 3px solid #E3E4E5 !important;
	padding: 20px;
	top: 100%;
	right: 0;
	min-width: 220px !important;
	height: auto !important;
	z-index: 100 !important;
}
.help_dropdown-content h6 {
	font-weight: 600;
	font-size: 18px;
	color: #000;
	margin: 0 0 15px;
}
.help_dropdown-content a {
	display: block;
	width: 100% !important;
	color: black;
	text-decoration: none;
	margin-bottom: 5px;
}
.help_dropdown-content a.active {
	font-weight: 700;
}
.help_dropdown-content a:last-of-type {
	margin-bottom: 0;
}
.help_dropdown:hover .help_dropdown-content {
	display: block;
}
.help_dropdown-content a:hover {
	color: #313d6b;
}
div.searchbar-extra {
	right: 7em !important;
}
body.media-landscape div.header div.brs_next {
	margin-right: 5em;
}
body.media-landscape div.header div.help_dropdown {
	top: 0;
	right: 0;
	height: 80px !important;
}
body.media-landscape div.header div.help_dropdown a {
	width: auto !important;
	height: auto !important;
}
body.media-mobile div.mobilespecialfunctions div.brs-holder {
	margin-right: 50px !important;
}
body.media-mobile div.mobilespecialfunctions div.help_dropdown {
	width: 60px !important;
	height: 80px !important;	
	right: 0 !important;
}
body.media-mobile div.mobilespecialfunctions div.help_dropdown a {
	width: auto !important;
	height: auto !important;
	display: block;
}
body.media-mobile div.mobilespecialfunctions div.help_dropdown-content a {
	width: 100% !important;
}
.rh-hide:not(.rh-animate) {
  display: none !important;
}

/* --GS-- */

/* === GS Figma mobile header icons (color + vertical alignment) === */
/* Figma: header toggle icons use #291923 (not pure black) and sit on one baseline. */
body.media-mobile div.mobilespecialfunctions a.menubutton {
	color: #291923 !important;
	margin-top: 12px !important;
}
body.media-mobile div.mobilespecialfunctions a.fts {
	color: #291923 !important;
	margin-top: 12px !important;
}
/* === /GS Figma mobile header icons === */

/* === GS Figma mobile search input (pill, per Figma 320 nav-open) === */
body.media-mobile div.searchbar input.no-filter {
	border: 1px solid #291923 !important;
	border-radius: 9998px !important;
	color: #291923 !important;
}
body.media-mobile div.searchbar input.no-filter::placeholder {
	color: #72686E !important;
}
/* === /GS Figma mobile search input === */

/* === GS Figma TOC text colors (per Figma 320 nav-open) === */
/* Figma: TOC entry titles use the design text color (#291923), not pure black. */
div.toc-holder ul li.book a {
	color: #291923 !important;
}
div.toc-holder ul li.item a {
	color: #291923 !important;
}
div.toc-holder ul li.url a {
	color: #291923 !important;
}
/* Figma: the selected TOC entry text is brand blue (#0092BE). */
div.toc-holder ul li.selected a {
	color: #0092BE !important;
}
/* === /GS Figma TOC text colors === */