/*
 * ==============================================
 * FONTS
 * ==============================================
 */

/* fonts ja-jp */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/* fonts ko-kr */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');
/* fonts zh-cn */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+SC:wght@100..900&display=swap');
/* fonts zh-tw */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');


/* fonts se */
@font-face {
    font-family: Sennheiser_Neue_Regular;
    src: url(../fonts/sennheiser/Sennheiser_Neue_Regular.otf);
}

@font-face {
    font-family: Sennheiser_Neue_Light;
    src: url(../fonts/sennheiser/Sennheiser_Neue_Light.otf);
}

@font-face {
    font-family: Sennheiser_Neue_Medium;
    src: url(../fonts/sennheiser/Sennheiser_Neue_Medium.otf);
}

@font-face {
    font-family: Sennheiser_Neue_Bold;
    src: url(../fonts/sennheiser/Sennheiser_Neue_Bold.otf);
}

@font-face {
    font-family: Sennheiser_Neue_Monospaced;
    src: url(../fonts/sennheiser/Sennheiser_Neue_Monospaced.otf);
}

/*
 fonts ar
  */

@font-face {
    font-family: NotoSansArabic-Light;
    src: url(../fonts/ar/NotoSansArabic-Light.ttf);
}

@font-face {
    font-family: NotoSansArabic-Medium;
    src: url(../fonts/ar/NotoSansArabic-Medium.ttf);
}

@font-face {
    font-family: NotoSansArabic-Regular;
    src: url(../fonts/ar/NotoSansArabic-Regular.ttf);
}

@font-face {
    font-family: NotoSansArabic-Bold;
    src: url(../fonts/ar/NotoSansArabic-Bold.ttf);
}

/*
 fonts gr, ru, vi
  */
@font-face {
    font-family: NotoSans-Light;
    src: url(../fonts/gr-ru-vi/NotoSans-Light.ttf);
}

@font-face {
    font-family: NotoSans-Medium;
    src: url(../fonts/gr-ru-vi/NotoSans-Medium.ttf);
}

@font-face {
    font-family: NotoSans-Regular;
    src: url(../fonts/gr-ru-vi/NotoSans-Regular.ttf);
}

@font-face {
    font-family: NotoSans-Bold;
    src: url(../fonts/gr-ru-vi/NotoSans-Bold.ttf);
}


/*
 font th
  */
@font-face {
    font-family: NotoSansThai-Light;
    src: url(../fonts/th/NotoSansThai-Light.ttf);
}

@font-face {
    font-family: NotoSansThai-Medium;
    src: url(../fonts/th/NotoSansThai-Medium.ttf);
}

@font-face {
    font-family: NotoSansThai-Regular;
    src: url(../fonts/th/NotoSansThai-Regular.ttf);
}

@font-face {
    font-family: NotoSansThai-Bold;
    src: url(../fonts/th/NotoSansThai-Bold.ttf);
}


/*
   * ------------------------------------------------------------------
   *
   * Colors
   *
   */


:root[data-theme="light"] {
    --sh-black: #000000;
    --sh-blue: #037CC2;
    --sh-very-light-grey: #F4F4F6;
    --sh-light-grey: #ECECF0;
    --sh-grey: #797676;
    --sh-dark-grey: #999999;
    --sh-petrol: #003746;
}


/*
   * ------------------------------------------------------------------
   *
   * Arabic
   *
   */


html[dir=rtl] {
    .se-adress {
        left: 10px;
    }

    .wh_search_button {
        border-radius: 5px 0 0 5px;
        float: right;
        right: 0;
        left: auto;
    }

    .wh_right_tools {
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
    }

    .wh_publication_toc>ul {
        border-left: none;
        border-right: 2px solid #c0c0c0;
    }

    .wh_logo_and_publication_title {
        align-items: center;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    #go2top {
        bottom: 120px;
        left: 20px;
        right: inherit;
    }

    *[class~="topic/ol"]>*[class~="task/step"] {
        list-style-image: url(../img/step-rtl.svg);
    }

    .wh_expand_btn {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        left: .6em;
        right: inherit;
    }

    @media only screen and (min-width: 0px) {

        .wh_logo_and_publication_title .wh_publication_title .title,
        #dd-title {
            max-width: 0px;
        }
    }

    .wh_publication_toc>ul {
        border-left: none;
        border-right: 2px solid var(--sh-light-grey);
    }

    .close-toc-icon-container {
        display: none;
        overflow: none;
        padding-left: none;
    }

    .close-toc-button {
        box-shadow: none;
    }

    .dropbtn {
        direction: rtl;
    }

    .se-adress {
        float: left;
    }

    .wh_tile_title a,
    .wh_tile_image,
    .wh_tile_shortdesc {
        text-align: center
    }

    .stepresult::before {
        margin-left: 14px;
        margin-right: -40px;
    }

    .stepresult {
        margin-right: 30px;
    }

    *[class~="topic/ol"]>*[class~="task/step"] {
        padding-right: 0.5em;
    }

    div.step {
        margin-right: 2em;
    }
    
    .result {
        padding-right: 75px;
    }
}

/*
   * ------------------------------------------------------------------
   *
   * Body
   *
   */

body {
    font-family: "Sennheiser_Neue_Regular", "NotoSansThai-Regular", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Regular", "NotoSansArabic-Regular", sans-serif;
    font-size: 12pt;
    font-weight: 400;
}


/*
   * ------------------------------------------------------------------
   *
   * Links
   *
   */
.navbar-brand {
    height: auto;
}

.navbar {
    border: none;
    border-radius: 0;
    margin: 0;
}

.wh_topic_toc ul li a,
.wh_topic_toc ul li a:visited,
.page-link {
    color: var(--sh-blue);
}

.wh_publication_toc ul li a,
.wh_top_menu a,
.wh_publication_toc ul li a:visited,
.wh_top_menu a:visited {

    color: var(--sh-grey)
}

a {
    color: var(--sh-blue);
}

a:hover {
    text-decoration: none;
    color: var(--sh-blue);
}

.linklist {
    color: black;
    padding-bottom: 15px;
}


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


.wh_publication_title>a {
    color: var(--sh-blue);
    font-family: "Sennheiser_Neue_Regular", "NotoSansThai-Regular", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Regular", "NotoSansArabic-Regular", sans-serif;
    font-size: 14pt;
    font-weight: 400;
    padding-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-wrap-mode: nowrap;
    line-height: 1.2em;
    align-items: center;

}

@media only screen and (max-width: 575px) {
    .wh_logo_and_publication_title {
        float: none;
        line-height: 1em;
        background: url("../img/logo_home.png");
        background-size: 95px;
        background-position-y: 21px;
        background-repeat: no-repeat;
    }

    .wh_publication_title {
        text-indent: 34px;
        align-content: center;
    }

    .wh_logo_and_publication_title .wh_publication_title .title {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-wrap-mode: nowrap;
        line-height: 1.2em;
        align-items: center;
    }
}



@media only screen and (min-width: 200px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 1px;
        text-overflow: ellipsis;
    }
}

@media only screen and (min-width: 300px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 30px;
    }
}

@media only screen and (min-width: 360px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 90px;
    }
}

@media only screen and (min-width: 390px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 115px;
    }
}

@media only screen and (min-width: 412px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 130px;
    }
}

@media only screen and (min-width: 430px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 170px;
    }
}

@media only screen and (min-width: 467px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 200px;
    }
}

@media only screen and (min-width: 531px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 250px;
    }
}

@media only screen and (min-width: 576px) {

    .wh_logo_and_publication_title .wh_publication_title .title,

    #dd-title {
        max-width: 140px;
    }
}


@media only screen and (min-width: 671px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 220px;
    }
}

@media only screen and (min-width: 700px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 260px;
    }
}

@media only screen and (min-width: 731px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 300px;
    }
}

@media only screen and (min-width: 767px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 350px;
    }
}

@media only screen and (min-width: 840px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: fit-content;
    }
}

.wh_logo.d-none.d-sm-block {
    margin-right: 10px;
}



/*
   * ------------------------------------------------------------------
   *
   * Menu
   *
   */
@media only screen and (min-width: 768px) {
    .wh_top_menu {
        font-family: "Sennheiser_Neue_Medium", "NotoSansThai-Medium", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Medium", "NotoSansArabic-Medium", sans-serif;
        font-size: 13pt;
        margin: .4em 0;
        color: var(--sh-grey);
        border-radius: 4em;
        background-color: var(--sh-very-light-grey);
        padding: 0.6em;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
        font-weight: 500;

    }
}

.wh_top_menu a:hover,
.wh_top_menu .active {
    color: black;
}

/* Scroll submenu, if height > 767px */
.wh_top_menu ul {
    max-height: 767px;
    overflow-y: scroll;
    overflow: hidden auto;
}

/* Scrollbar-width */
:root,
.wh_publication_toc,
.wh_top_menu ul ul {
    scrollbar-width: thin;
}

.wh_top_menu ul ul {
    background-color: white;
    font-family: "Sennheiser_Neue_Regular", "NotoSansThai-Regular", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Regular", "NotoSansArabic-Regular", sans-serif;
    font-size: 12pt;
    color: white;
    font-weight: 400;
}

.wh_top_menu ul li:hover {
    background-color: var(--sh-very-light-grey);
    color: white;
}

.wh_top_menu ul ul li a:hover {
    background: var(--sh-black);
    color: white;
}

.wh_top_menu ul ul li {
    border-top-color: white;
    color: white;
}

/* Topic title */
.topictitle1 {
    line-height: 1.2em;
}


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

@media only screen and (max-width: 767px) {
    .wh_indexterms_link a:before {
        bottom: 0;
    }
}


/*
   * ------------------------------------------------------------------
   *
   * Breadcrumb
   *
   */
.wh_breadcrumb ol {
    background-color: transparent;
}

.wh_breadcrumb ol {
    color: var(--sh-grey);
}

.wh_breadcrumb ol a {
    color: inherit;
}

.wh_breadcrumb ol .active {
    color: var(--sh-black);
}


/*
   * ------------------------------------------------------------------
   *
   * Tools and navigation
   *
   */
.wh_tools {
    margin: 1em 0 2em;
}

/*Moving down the navigation due to big buttons on the right*/
.wh_publication_toc {
    margin-top: 20px;
}

.wh_hide_subtopics,
.wh_hide_highlight,
.wh_print_link a,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited,
.wh_print_link a:before,
.wh_navigation_links a:before,
.wh_navigation_links a:hover:before,
.wh_navigation_links a:active:before,
.wh_navigation_links a:visited:before {
    color: #347bb7;
    text-decoration: none;
}



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

.wh_tiles {
    justify-content: center;
}

.wh_tile {
    border-radius: .5em;
    background-color: var(--sh-very-light-grey);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    cursor: pointer;
}

.wh_tile:hover {
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

.wh_tile_shortdesc {
    margin-top: 0.5em;
    text-align: center;
    text-wrap: balance;
}

.wh_tile_title {
    text-align: center;
    font-size: 12pt;
    text-decoration: none;
}

.wh_tile_title a {
    color: #037CC2;
    font-family: "Sennheiser_Neue_Regular", "NotoSansThai-Regular", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Regular", "NotoSansArabic-Regular", sans-serif;
    font-size: 14pt;
    line-height: normal;
    font-weight: 400;
}

.wh_tile_shortdesc {
    text-align: center;
}

.wh_tile_text:after {
    background: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(238, 238, 238, 1) 50%);
}

@media only screen and (max-width: 767px) {
    .wh_tile>div {
        height: auto;
    }
}

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


/*
   * ------------------------------------------------------------------
   *
   * Search area
   *
   */
.wh_search_input {
    margin: 1em 0;
    background-color: #F4F4F6;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 20px 0px;
}

.wh_welcome:not(:empty) {
    font-size: 2.5em;
    margin: 0 auto;
    padding: 0 0 .5em 0;
    text-shadow: none;
    color: #040480;
}

.wh_search_textfield {
    border: solid 1px #CCC;
    border-radius: 2em;
    padding: 0.5em;
    font-size: 1.2em;
    line-height: 2em;
    height: auto;
    text-indent: 50px;
}

@media only screen and (max-width: 767px) {
    .wh_search_textfield {
        text-indent: 10px;
    }
}

.wh_search_button {
    position: absolute;
    left: 22px;
    top: 18px;
    width: 2.8em;
    background-color: transparent;
    color: var(--sh-black);
    border: none;
    background: url(../img/search.svg) no-repeat 0 1px;
    height: 25px;
}

.wh_search_button::after {
    content: none;
}


/* Hamburger navigation */

.navbar-toggler-icon {
    width: 54px;
    height: 54px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDYuNyA0MDcuMDYiPgogIDxwYXRoIGQ9Ik0uMDIsMjAzLjQxQy0xLjY0LDkzLjUxLDkxLjAyLTIuMzMsMjA3LjUzLjA0YzEwNi45OSwyLjE4LDIwMS4wNyw4OS42MiwxOTkuMTQsMjA4LjA1LTEuNzIsMTA1LjUzLTg5LjU5LDIwNC42Ny0yMTUuMTYsMTk4LjcxQzkwLjM1LDQwMi0xLjA5LDMxNi43My4wMSwyMDMuNDFoMFoiIHN0eWxlPSJmaWxsOiAjZjRmNGY2OyIvPgogIDxwYXRoIGQ9Ik0yMDMuMTEsMTY1Ljk0Yy0xOC40OSwwLTM2Ljk4LS4wMy01NS40Ny4wMy0yLjg2LDAtNC45Ny4yMy00LjkxLTMuOTUuMDYtMy45NCwyLjA4LTMuNzIsNC43My0zLjcyLDM3LjE1LjAzLDc0LjI5LjAzLDExMS40NCwwLDIuNzcsMCw0LjY5LjAzLDQuNzQsMy44Mi4wNSwzLjc1LTEuNzIsMy44Ny00LjU1LDMuODYtMTguNjYtLjA4LTM3LjMxLS4wNC01NS45Ny0uMDRoMFoiIHN0eWxlPSJmaWxsOiAjN2I3ODc4OyIvPgogIDxwYXRoIGQ9Ik0yMDMuMzcsMTk1Ljk4YzE4LjQ2LDAsMzYuOTEuMDUsNTUuMzYtLjA1LDMuMDUtLjAyLDQuOTQuMTgsNC44OSw0LjExLS4wNiwzLjkzLTIuMjcsMy42NC00Ljg4LDMuNjQtMzcuMDgtLjAyLTc0LjE1LS4wNS0xMTEuMjMuMDQtMy4xMywwLTQuNzctLjI5LTQuNzktNC4xNy0uMDItNC4xMSwyLjI3LTMuNTgsNC43OC0zLjU4LDE4LjYyLjAyLDM3LjI0LDAsNTUuODYsMGgwWiIgc3R5bGU9ImZpbGw6ICM3Yjc4Nzg7Ii8+CiAgPHBhdGggZD0iTTIwMi45MiwyNDEuMTZjLTE4LjQ5LDAtMzYuOTctLjAxLTU1LjQ2LjAxLTIuNTgsMC00LjczLjM2LTQuNzMtMy42N3MyLjA3LTMuNjgsNC42OC0zLjY4YzM3LjE0LjAzLDc0LjI4LjAyLDExMS40Mi4wMSwyLjUyLDAsNC44NC0uNTEsNC44MSwzLjYxLS4wMywzLjk0LTIuMSwzLjc1LTQuNzUsMy43NC0xOC42NS0uMDQtMzcuMzEtLjAyLTU1Ljk2LS4wMmgwWiIgc3R5bGU9ImZpbGw6ICM3OTc2NzY7Ii8+Cjwvc3ZnPg==);
}

.navbar-dark .navbar-toggler-icon {
    background-image: none;
}

.navbar-dark .navbar-toggler {
    border: none;
}

button#wh_menu_mobile_button {
    margin-left: -16px;
}

.custom-toggler {
    border-color: transparent;
}


/*

 .custom-toggler .navbar-toggler-icon {
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGM0YzRjU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMTUuNEMxLjgsNy43LDguMiwxLjEsMTYuMywxLjNjNy40LDAuMiwxMy45LDYuMiwxMy44LDE0LjRDMzAsMjMsMjMuOSwyOS45LDE1LjIsMjkuNQ0KCUM4LjIsMjkuMSwxLjgsMjMuMiwxLjksMTUuNHoiLz4NCjxwYXRoIGQ9Ik0yMy43LDEzLjZsLTAuOC0wLjdMMTYsMTkuOGwtNi45LTYuOWwtMC44LDAuN2w3LjcsNy43TDIzLjcsMTMuNnoiLz4NCjwvc3ZnPg0K);
     }

      #wh_menu_mobile_button .navbar-toggler-icon {
     width: 54px;
     height:54px;
     content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjcgNDYzIj4KICA8cGF0aCBkPSJtMjMzLjQ0LDQ2Mi45MWMtNzYuMjksMC0xNTIuNTktLjAyLTIyOC44OC4wNi0zLjEzLDAtNC41Ni0uMDMtNC41Ni00LjEzQy4xNiwzMDcuMjQuMTUsMTU1LjYzLjAzLDQuMDMuMDMuNDYuOTQuMDIsNC4yLjAyLDE1Ny4xMi4xMiwzMTAuMDUuMTIsNDYyLjk3LDBjMy41NywwLDQuMDEuOTEsNC4wMSw0LjE3LS4xLDE1MS42LS4xLDMwMy4yMS4wMiw0NTQuODEsMCwzLjU3LS45MSw0LjAyLTQuMTcsNC4wMS03Ni40Ni0uMTEtMTUyLjkyLS4wOS0yMjkuMzgtLjA5WiIgc3R5bGU9ImZpbGw6ICNmZmY7IHN0cm9rZS13aWR0aDogMHB4OyIvPgogIDxwYXRoIGQ9Im0xOC4xMiwyMjcuNUMxNi40NiwxMTcuNiwxMDkuMTIsMjEuNzYsMjI1LjYzLDI0LjEzYzEwNi45OSwyLjE4LDIwMS4wNyw4OS42MiwxOTkuMTQsMjA4LjA1LTEuNzIsMTA1LjUzLTg5LjU5LDIwNC42Ny0yMTUuMTYsMTk4LjcxLTEwMS4xNi00LjgtMTkyLjYtOTAuMDctMTkxLjUtMjAzLjM5WiIgc3R5bGU9ImZpbGw6ICNmNGY0ZjY7IHN0cm9rZS13aWR0aDogMHB4OyIvPgogIDxwYXRoIGQ9Im0yMjEuMjEsMTkwLjAzYy0xOC40OSwwLTM2Ljk4LS4wMy01NS40Ny4wMy0yLjg2LjAxLTQuOTcuMjMtNC45MS0zLjk1LjA2LTMuOTQsMi4wOC0zLjcyLDQuNzMtMy43MiwzNy4xNS4wMyw3NC4yOS4wMywxMTEuNDQtLjAxLDIuNzcsMCw0LjY5LjAzLDQuNzQsMy44Mi4wNSwzLjc1LTEuNzIsMy44Ny00LjU1LDMuODYtMTguNjYtLjA4LTM3LjMxLS4wNC01NS45Ny0uMDRaIiBzdHlsZT0iZmlsbDogIzdiNzg3ODsgc3Ryb2tlLXdpZHRoOiAwcHg7Ii8+CiAgPHBhdGggZD0ibTIyMS40NywyMjAuMDdjMTguNDYsMCwzNi45MS4wNSw1NS4zNi0uMDUsMy4wNS0uMDIsNC45NC4xOCw0Ljg5LDQuMTEtLjA2LDMuOTMtMi4yNywzLjY0LTQuODgsMy42NC0zNy4wOC0uMDItNzQuMTUtLjA1LTExMS4yMy4wNC0zLjEzLDAtNC43Ny0uMjktNC43OS00LjE3LS4wMi00LjExLDIuMjctMy41OCw0Ljc4LTMuNTgsMTguNjIuMDIsMzcuMjQsMCw1NS44NiwwWiIgc3R5bGU9ImZpbGw6ICM3Yjc4Nzg7IHN0cm9rZS13aWR0aDogMHB4OyIvPgogIDxwYXRoIGQ9Im0yMjEuMDIsMjY1LjI1Yy0xOC40OSwwLTM2Ljk3LS4wMS01NS40Ni4wMS0yLjU4LDAtNC43My4zNi00LjczLTMuNjcsMC00LDIuMDctMy42OCw0LjY4LTMuNjgsMzcuMTQuMDMsNzQuMjguMDIsMTExLjQyLjAxLDIuNTIsMCw0Ljg0LS41MSw0LjgxLDMuNjEtLjAzLDMuOTQtMi4xLDMuNzUtNC43NSwzLjc0LTE4LjY1LS4wNC0zNy4zMS0uMDItNTUuOTYtLjAyWiIgc3R5bGU9ImZpbGw6ICM3OTc2NzY7IHN0cm9rZS13aWR0aDogMHB4OyIvPgo8L3N2Zz4=);
     }

 #wh_toc_button {
     width: 30px;
     height:30px;
     }
   */


/*Go2top*/
.oxy-icon-up {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjguNzEgMTY4Ljc5Ij4KICA8cGF0aCBkPSJNMCw4NC4zOEMuMTMsMzcuOTIsMzguMTEsMCw4NC41NCwwYzQ2LjQyLDAsODQuNDMsMzguMjEsODQuMTcsODQuNjItLjI3LDQ3LjE1LTM3LjcxLDg0LjI5LTg0Ljg3LDg0LjE3QzM3LjY1LDE2OC42OC0uMTIsMTMwLjY1LDAsODQuMzhaIiBzdHlsZT0iZmlsbDogI2Y0ZjRmNjsgc3Ryb2tlLXdpZHRoOiAwcHg7Ii8+CiAgPHBhdGggZD0iTTg5LjU3LDEyNC43NnYtNjMuMDljLjAxLTEuMTcuOTctMi4xMSwyLjE0LTIuMS41OCwwLDEuMTMuMjUsMS41My42N2wyNS4yLDI1LjIsNS43NS01Ljc1LTM4LjctMzguNjYtMzguNjIsMzguNjYsNS43NSw1Ljc1LDI1LjItMjUuMmMuOC0uODYsMi4xNC0uOSwzLS4xLjQyLjQuNjcuOTUuNjcsMS41M3Y2My4wOWg4LjA3WiIgc3R5bGU9ImZpbGw6ICMwMjAyMDM7IHN0cm9rZS13aWR0aDogMHB4OyIvPgo8L3N2Zz4=);
    width: 30px;
}

/*Deactive oxy background and border*/
#go2top {
    background: transparent;
    border: none;
}



/* Search autocomplete */
.ui-menu-item {
    font-size: 14pt;
}

.ui-menu-item .ui-state-active {
    background-color: #346ec5;
}

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

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

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

/* Active search page */
#wh-search-pagination>ul>li.active>a {
    background-color: #346ec5;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border-color: #346ec5 !important;
}

/*
   * ------------------------------------------------------------------
   *
   * Side TOC
   *
   */
.wh_side_toc {
    border-radius: 3px;
    background-color: #eeeeee;
    padding: 1.5em 2em;
    line-height: 2em;
}


.wh_side_toc span,
.wh_side_toc a,
.wh_side_toc a:visited,
.wh_side_toc a:hover {
    color: #7b7a7a;
}

.wh_side_toc a:hover {
    text-decoration: underline;
}

.topictitle3 {
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .wh_side_toc {
        border-radius: 0;
        padding: 1em 0.5em;
        margin-top: 10px;
    }
}

.wh_publication_toc .active>.topicref a {
    color: #000000;
    font-weight: unset;
}


/*
   * ------------------------------------------------------------------
   *
   * Footer
   *
   */
.wh_footer {
    padding-top: auto;
    padding: 1em;
    background-color: var(--sh-petrol);
    display: unset;
    margin-top: 40px;
}

.se-logo,
.sb-logo {
    padding-bottom: 80px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .122);
}

.lang-selector {
    padding-top: 10px;
}

.se-adress {
    float: right;
}

.se-url {
    text-align: center;
}


/*
 .se-social {
     --icon-padding-size: 0.5rem;
     --row-gap: 0.4rem;
     display: flex;
     gap: calc(var(--icon-padding-size)*2 + var(--row-gap));
     border-bottom: 1px solid hsla(0,0%,100%,.122);
     align-items: center;
     flex-wrap: wrap;
     padding: .9rem .8rem;
 }
 */

.se-adress {
    padding-top: 20px;
    color: var(--sh-dark-grey);
}

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

.wh_topic_content,
.wh_content_area {
    color: #000000;
    line-height: 1.7em;
}

.wh_related_links,
.wh_child_links,
.wh_topic_content .related-links {
    background-color: var(--sh-very-light-grey);
    padding: 1.5em;
    margin-top: 1.5em;
    border-radius: 0.5em;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.related-links,
*[class~="topic/link"],
*[class~="topic/xref"],
*[class~="topic/xref"]:visited,
*[class~="topic/link"]:visited {
    color: var(--sh-blue);
}

/* infotext within related links*/
.relinfo {
    color: var(--sh-black)
}

.related-links a,
.related-links a:visited {
    padding-bottom: .3em;
    display: inline-block;
}

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

.searchresult li a {
    color: #346ec5;
}

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

.wh_search_expression {
    font-weight: bold;
}




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

.wh_index_terms #indexList {
    padding: 0;
}



/*
   * ------------------------------------------------------------------
   *
   * Images and icons
   *
   */

.image {
    max-width: 880px;
    max-height: 600px;
}

/*zooming */
#modal-img {
    max-height: 75%;
    max-width: 75%;
    width: auto;
}


@media only screen and (max-width: 1447px) {
    .image {
        max-width: 600px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 1200px) {
    .image {
        max-width: 550px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 990px) {
    .image {
        max-width: 500px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 820px) {
    .image {
        max-width: 550px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 768px) {
    .image {
        max-width: 500px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 576px) {
    .image {
        max-width: 400px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 477px) {
    .image {
        max-width: 300px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 377px) {
    .image {
        max-width: 250px;
        max-height: 400px;
    }
}

@media only screen and (max-width: 280px) {
    .image {
        max-width: 200px;
        max-height: 400px;
    }
}

/*Removing section link item*/
.permalink {
    display: none;
}



/*
   * ------------------------------------------------------------------
   *
   * Results
   *
   */

/*Adding icon to result*/
.result::before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjQ1IDMuMjciPgogIDxwYXRoIGQ9Ik00LjE1LDBMMS40OSwyLjY2LjI5LDEuNDlsLS4yOS4yOSwxLjQ5LDEuNDlMNC40NS4yOWwtLjI5LS4yOVoiIHN0eWxlPSJmaWxsOiAjMDM3Y2MyOyBzdHJva2Utd2lkdGg6IDBweDsiLz4KPC9zdmc+);
    width: 1.5em;
    display: inline-block;
}

/*Aligning result*/
.result {
    display: block;
    background-color: #037cc229;
    padding: 0.5em;
    border-radius: 0.5em;
    padding-left: 75px;
    text-indent: -24px;
    margin-top: 30px;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.result li {
    text-indent: 0.1em;
}


/*Aligning stepresult*/
.stepresult {
    display: block;
    font-family: "Sennheiser_Neue_Light", "NotoSansThai-Light", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Light", "NotoSansArabic-Light", sans-serif;
    ;
    padding: 0.5em;
    border-radius: 0.5em;
    margin-left: 40px;
    font-weight: 300;

}

.stepresult::before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjYgMjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2IDI2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjI7ZmlsbDojMDM3Q0MyO30NCgkuc3Qxe2ZpbGw6IzAzN0NDMjt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMiIGN5PSIxMyIgcj0iMTEiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOS41LDcuNGwtOC45LDlsLTQuMS00bC0xLDFsNS4xLDUuMWw5LjktMTBMMTkuNSw3LjR6Ii8+DQo8L3N2Zz4NCg==);
    display: inline-block;
    width: 25px;
    margin-right: 20px;
    vertical-align: middle;
    margin-left: -45px;
}



/*
   * ------------------------------------------------------------------
   *
   * Sections
   *
   */

/*Customizing bold*/

.sectiontitle,
.stepsection,
b,
strong,
.uicontrol {
    font-family: "Sennheiser_Neue_Medium", "NotoSansThai-Medium", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Medium", "NotoSansArabic-Medium", sans-serif;
    font-weight: 500;
}

/*Stepsection*/
.stepsection {
    margin-top: 30px;
}

.sectiontitle {
    box-shadow: rgb(43 125 196 / 18%) 0px 10px 10px -10px;
    display: inline-table;
}




/*
   * ------------------------------------------------------------------
   *
   * Shortdesc
   *
   */

.shortdesc {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    font-family: "Sennheiser_Neue_Regular", "NotoSansThai-Regular", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Regular", "NotoSansArabic-Regular", sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}

/*deactivate shortdesc in related links*/
*[class~="topic/related-links"] *[class~="topic/desc"] {
    display: none;
}



/*
   * ------------------------------------------------------------------
   *
   * Tables
   *
   */

/*Customizing bold*/

.simpletable tbody,
.simpletable thead,
.table>tbody:not([class*=valign])>tr:not([class*=valign])>td:not([class*=valign]) {
    vertical-align: middle;
}




/*
   * ------------------------------------------------------------------
   *
   * dlterms
   *
   */
.dlterm,
.dltermexpand {
    font-weight: unset;
}

.dd:empty {
    display: none;
}

.dd {
    display: list-item;
    list-style-type: disc;
    margin-top: unset;
}


/*
   * ------------------------------------------------------------------
   *
   * Steps / topic ol li
   *
   */

/*Customizing step icon*/
*[class~="task"] .ul>.li:not(*[class~='hazard-d/howtoavoid']) {
    list-style: disc;
}

*[class~="topic/ol"]>*[class~="task/step"] {
    list-style-image: url(../img/step.svg);
    padding-left: 0.5em;
}

*[class~="task/steps"]>*[class~="task/step"]::marker,
*[class~="task/steps"]>*[class~="task/step"] .ol>.li::marker {
    font-size: 1.6em;
}

@-moz-document url-prefix() {

    *[class~="task/steps"]>*[class~="task/step"]::marker,
    *[class~="task/steps"]>*[class~="task/step"] .ol>.li::marker {
        font-size: 2.2em;
    }
}

*[class~="task/steps"]>*[class~="task/step"] .ol>.li {
    padding-left: 0.5em;
}

@-moz-document url-prefix() {
    *[class~="task/steps"]>*[class~="task/step"] .ol>.li {
        padding-left: 0em;
    }
}

*[class~='topic/ol']>*[class~='topic/li'] {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/*Displaying first step in a task*/
div.step {
    display: list-item;
    list-style-type: disc;
    margin-left: 2em;
}

/*
   * ------------------------------------------------------------------
   *
   * Current node
   *
   */
.current_node {
    font-weight: unset;
    font-family: "Sennheiser_Neue_Medium", "NotoSansThai-Medium", "Noto Sans TC", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "NotoSans-Medium", "NotoSansArabic-Medium", sans-serif;
    font-weight: 500;
}

/*
   * ------------------------------------------------------------------
   *
   * Choice
   *
   */
.choice,
.ul>.li {
    list-style-type: disc;
}


/*
   * ------------------------------------------------------------------
   *
   * Nav Icons
   *
   */

/*Navigation to the right*/

.oxy-icon-arrow-right {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjguNzkgMTY4LjcxIj4KICA8cGF0aCBkPSJNODQuNDEsMGM0Ni40Ni4xMiw4NC4zOSwzOC4xMSw4NC4zOSw4NC41MywwLDQ2LjQyLTM4LjIxLDg0LjQzLTg0LjYyLDg0LjE3QzM3LjAyLDE2OC40NC0uMTIsMTMwLjk5LDAsODMuODQuMTIsMzcuNjUsMzguMTUtLjEyLDg0LjQxLDBaIiBzdHlsZT0iZmlsbDogI2Y0ZjRmNjsgc3Ryb2tlLXdpZHRoOiAwcHg7Ii8+CiAgPHBhdGggZD0iTTQ0LjAzLDg5LjU3aDYzLjA5YzEuMTcuMDEsMi4xMS45NywyLjEsMi4xNCwwLC41OC0uMjUsMS4xMy0uNjcsMS41M2wtMjUuMiwyNS4yLDUuNzUsNS43NSwzOC42Ni0zOC43LTM4LjY2LTM4LjYyLTUuNzUsNS43NSwyNS4yLDI1LjJjLjg2LjguOSwyLjE0LjEsMy0uNC40Mi0uOTUuNjctMS41My42N2gtNjMuMDlzMCw4LjA4LDAsOC4wOFoiIHN0eWxlPSJmaWxsOiAjMDIwMjAzOyBzdHJva2Utd2lkdGg6IDBweDsiLz4KPC9zdmc+);
    display: flex;
    width: 30px;
}

/*Navigation to the left*/
.oxy-icon-arrow-left {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjguNzkgMTY4LjcxIj4KICA8cGF0aCBkPSJNODQuMzksMTY4LjcxQzM3LjkyLDE2OC41OCwwLDEzMC41OSwwLDg0LjE3LDAsMzcuNzUsMzguMjEtLjI2LDg0LjYyLDBjNDcuMTUuMjcsODQuMjksMzcuNzEsODQuMTgsODQuODctLjEyLDQ2LjE5LTM4LjE1LDgzLjk2LTg0LjQxLDgzLjg0WiIgc3R5bGU9ImZpbGw6ICNmNGY0ZjY7IHN0cm9rZS13aWR0aDogMHB4OyIvPgogIDxwYXRoIGQ9Ik0xMjQuNzYsNzkuMTNoLTYzLjA5Yy0xLjE3LS4wMS0yLjExLS45Ny0yLjEtMi4xNCwwLS41OC4yNS0xLjEzLjY3LTEuNTNsMjUuMi0yNS4yLTUuNzUtNS43NS0zOC42NiwzOC43LDM4LjY2LDM4LjYyLDUuNzUtNS43NS0yNS4yLTI1LjJjLS44Ni0uOC0uOS0yLjE0LS4xLTMsLjQtLjQyLjk1LS42NywxLjUzLS42N2g2My4wOXMwLTguMDcsMC04LjA3WiIgc3R5bGU9ImZpbGw6ICMwMjAyMDM7IHN0cm9rZS13aWR0aDogMHB4OyIvPgo8L3N2Zz4=);
    display: flex;
    width: 30px;
}

/*Print Icon*/
.oxy-icon-print,
.oxy-icon-print:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjYgMjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2IDI2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNiwyNmgxNHYtNmg2VjdoLTZWMEg2djdIMHYxM2g2TDYsMjZ6IE0xOCwyNEg4VjE0aDEwVjI0eiBNOCwyaDEwdjVIOFYyeiBNMiwxOFY5aDIydjloLTR2LTZINnY2SDJ6Ii8+DQo8L3N2Zz4NCg==);
    display: flex;
    width: 25px;
}

/*Expand sections*/
.webhelp_expand_collapse_sections[data-next-state=expanded]:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNjguOCAxNjguNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTY4LjggMTY4Ljc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGNEY0RjY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NC40LDE2OC43QzM3LjksMTY4LjYsMCwxMzAuNiwwLDg0LjJTMzguMi0wLjMsODQuNiwwYzQ3LjIsMC4zLDg0LjMsMzcuNyw4NC4yLDg0LjkNCglDMTY4LjcsMTMxLjEsMTMwLjYsMTY4LjgsODQuNCwxNjguN0w4NC40LDE2OC43eiIvPg0KPHBvbHlnb24gcG9pbnRzPSI4NC40LDkyLjMgNDAuNyw0OC43IDQ2LjgsNDIuOCA4NC40LDgwLjQgMTIyLjEsNDIuNyAxMjguMSw0OC43ICIvPg0KPHBvbHlnb24gcG9pbnRzPSI4NC40LDEyOCA0MC43LDg0LjMgNDYuOCw3OC41IDg0LjQsMTE2LjEgMTIyLjEsNzguNCAxMjguMSw4NC4zICIvPg0KPC9zdmc+DQo=);
    width: 30px;
}

/*Collapse sections*/
.webhelp_expand_collapse_sections[data-next-state=collapsed]:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNjguOCAxNjguNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTY4LjggMTY4Ljc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGNEY0RjY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NC40LDBjNDYuMy0wLjEsODQuMywzNy42LDg0LjQsODMuOGMwLjEsNDcuMi0zNyw4NC42LTg0LjIsODQuOUMzOC4yLDE2OSwwLDEzMSwwLDg0LjVTMzcuOSwwLjEsODQuNCwwDQoJTDg0LjQsMHoiLz4NCjxwb2x5Z29uIHBvaW50cz0iMTI4LjEsMTIwLjEgMTIyLjEsMTI2LjEgODQuNCw4OC4zIDQ2LjgsMTI1LjkgNDAuNywxMjAuMSA4NC40LDc2LjQgIi8+DQo8cG9seWdvbiBwb2ludHM9IjEyOC4xLDg0LjQgMTIyLjEsOTAuNCA4NC40LDUyLjYgNDYuOCw5MC4yIDQwLjcsODQuNCA4NC40LDQwLjcgIi8+DQo8L3N2Zz4NCg==);
    width: 30px;
}

/*Hamburger navigation mobile*/
.wh_right_tools .navbar-toggler-icon {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyOC4yIDI4LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjIgMjguNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0YzRjNGNTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMTQuMUMtMC4xLDYuNCw2LjMtMC4yLDE0LjQsMGM3LjQsMC4yLDEzLjksNi4yLDEzLjgsMTQuNGMtMC4xLDcuMy02LjIsMTQuMi0xNC45LDEzLjgNCglDNi4zLDI3LjgtMC4xLDIxLjksMCwxNC4xeiIvPg0KPHBhdGggZD0iTTIxLjgsMTIuM0wyMSwxMS42bC02LjksNi45bC02LjktNi45bC0wLjgsMC43bDcuNyw3LjdMMjEuOCwxMi4zeiIvPg0KPC9zdmc+DQo=);
    width: 30px;
    width: 30px;
}

/*Expand sections*/
.wh_expand_btn.expanded {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyOC4yIDI4LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjIgMjguNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0YzRjNGNTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMTQuMUMtMC4xLDYuNCw2LjMtMC4yLDE0LjQsMGM3LjQsMC4yLDEzLjksNi4yLDEzLjgsMTQuNGMtMC4xLDcuMy02LjIsMTQuMi0xNC45LDEzLjgNCglDNi4zLDI3LjgtMC4xLDIxLjksMCwxNC4xeiIvPg0KPHBhdGggZD0iTTIxLjgsMTIuM0wyMSwxMS42bC02LjksNi45bC02LjktNi45bC0wLjgsMC43bDcuNyw3LjdMMjEuOCwxMi4zeiIvPg0KPC9zdmc+DQo=);
    width: 20px;
}

/*Collapse sections*/
.wh_expand_btn {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyOC4yIDI4LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjIgMjguNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0YzRjNGNTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjEsMjguMkM2LjQsMjguMy0wLjIsMjEuOSwwLDEzLjhDMC4yLDYuNCw2LjItMC4xLDE0LjQsMGM3LjMsMC4xLDE0LjIsNi4yLDEzLjgsMTQuOQ0KCUMyNy44LDIxLjksMjEuOSwyOC4zLDE0LjEsMjguMnoiLz4NCjxwYXRoIGQ9Ik0xMi4zLDYuNGwtMC43LDAuOGw2LjksNi45TDExLjYsMjFsMC43LDAuOGw3LjctNy43TDEyLjMsNi40eiIvPg0KPC9zdmc+DQo=);
    width: 20px;
}

/*print icon*/
.pdf_link img {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MDkuOCA2MjQuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjA5LjggNjI0Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1MDUwNTA7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBkPSJNNjEyLDQ0NmMtMjkuNCwzOS4zLTU4LjgsNzguNi04OC4yLDExNy45Yy0xNC42LDE5LjUtMjkuMiwzOC45LTQzLjYsNTguNWMtMi42LDMuNi0zLjksMy4xLTYuMy0wLjENCgkJYy0yOC43LTM4LjYtNTcuNi03Ny4xLTg2LjQtMTE1LjZjLTE1LjEtMjAuMi0zMC4yLTQwLjQtNDUuMy02MC42YzEuNy0xLjcsMy44LTAuOCw1LjYtMC44YzIwLjQsMCw0MC44LDAsNjEuMiwwDQoJCWMxLjUsMCwzLTAuMSw0LjQtMC43YzIuNi0xLjYsMS42LTQuMiwxLjYtNi4zYzAuMS0zNSwwLjEtNjkuOSwwLTEwNC45YzAtMy40LDAuMy0xMS45LDEuMS0xNC40YzAuOC0yLjUsMy44LTEuOCw1LjctMS41DQoJCWMwLDAsODMuNSwwLjMsMTE0LjIsMC40YzEsMCwyLDAuMSwyLjgsMC44YzEuMSwxLjcsMC42LDMuNiwwLjYsNS40YzAsMzguMywwLDc2LjYsMCwxMTQuOWMwLDYuNCwwLDYuNCw2LjMsNi40DQoJCWMyMC42LDAsNDEuMywwLDYxLjksMEM2MDkuMiw0NDUuMiw2MTAuOCw0NDQuNiw2MTIsNDQ2eiIvPg0KCTxwYXRoIGQ9Ik0yOTIuNCw0OC44Yy00Ni44LDAtOTMuNiwwLTE0MC40LDBjLTIyLjksMC00Mi40LDE1LjItNDcuOCwzNy4zYy0xLjEsNC4zLTIuOCw2LjEtNy40LDUuOWMtNy0wLjMtMTQtMC4xLTIxLTAuMQ0KCQljLTYuNSwwLTYuNi0wLjItNS43LTYuNGM1LjQtMzcuNSwzNy02Ni44LDc0LjctNjkuOWM3LTAuNiwxNC0wLjcsMjAuOS0wLjdjODguMywwLDE3Ni42LDAsMjY0LjgsMGM0Ni4yLDAsODAuNiwzMC41LDg2LjIsNzYuNA0KCQljMC4zLDIuNiwwLjMsNS4zLDAuMyw4YzAsNjAsMCwxMTkuOSwwLDE3OS45YzAsNy42LDAsNy42LTcuNCw3LjZjLTYuOCwwLTEzLjctMC4yLTIwLjUsMC4xYy00LjYsMC4yLTYuMi0xLjgtNi4xLTYuMg0KCQljMC4yLTYuOCwwLTEzLjcsMC0yMC41YzAtNTQuMSwwLTEwOC4zLDAtMTYyLjRjMC0yMS45LTE0LjEtNDAuOC0zNS00N2MtNS4xLTEuNS0xMC40LTItMTUuOC0yQzM4NS43LDQ4LjcsMzM5LDQ4LjcsMjkyLjQsNDguOA0KCQlDMjkyLjQsNDguNywyOTIuNCw0OC44LDI5Mi40LDQ4Ljh6Ii8+DQoJPHBhdGggZD0iTTI2My43LDU2Ni44Yy0zNy41LDAtNzUsMC0xMTIuNCwwYy00NS4xLTAuMS04Mi0zNi43LTgyLjEtODJjLTAuMS0zOS44LDAtNzkuNi0wLjEtMTE5LjRjMC00LjUsMS4xLTYuMiw1LjktNS44DQoJCWM2LjYsMC40LDEzLjMsMC4xLDIwLDAuMWM3LjIsMCw3LjMsMC4xLDcuMyw3LjJjMCwzOC4zLTAuMSw3Ni42LDAuMSwxMTQuOWMwLjEsMTkuMiw3LjgsMzQuNSwyNC4zLDQ0LjhjNy45LDUsMTYuOCw3LjEsMjYuMiw3LjENCgkJYzY4LjMsMCwxMzYuNiwwLDIwNC45LTAuMWM1LjQsMCw5LjEsMS40LDEyLjEsNmM1LjQsOCwxMS40LDE1LjYsMTcuMiwyMy4zYzIsMi42LDEuNSwzLjktMS44LDMuOWMtMS41LDAtMywwLTQuNSwwDQoJCUMzNDEuNyw1NjYuOCwzMDIuNyw1NjYuOCwyNjMuNyw1NjYuOHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDE1LDQ0NS43YzAuMS0yLjUsMC4zLTUsMC4zLTcuNWMwLTM4LjEsMC4xLTc2LjItMC4xLTExNC4yYzAtNC45LDAuOSw2LjksMC45LDExLjUNCgkJYzAuMSwzNC41LDAuMSw2OC45LTAuMSwxMDMuNEM0MTYsNDQxLDQxOC41LDQ0My45LDQxNSw0NDUuN3oiLz4NCgk8cGF0aCBkPSJNMzY4LjcsMzM3SDIyYy02LjYsMC0xMi01LjQtMTItMTJWMTI0LjVjMC02LjYsNS40LTEyLDEyLTEyaDM0Ni43YzYuNiwwLDEyLDUuNCwxMiwxMlYzMjUNCgkJQzM4MC43LDMzMS42LDM3NS4zLDMzNywzNjguNywzMzd6Ii8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOS4yLDE2MS4yaDQ2LjJjMzEuNywwLDQ5LjIsMTEuOCw0OS4yLDQwLjZjMCwyNy43LTE4LjgsNDEuOS01MC4xLDQxLjlINjYuNHY0My4xSDM5LjJWMTYxLjJ6IE04NC4xLDIyMi42DQoJCQljMTUuNiwwLDIyLjYtNi4zLDIyLjYtMjAuMmMwLTE0LjEtNy0yMC0yMi42LTIwSDY2LjR2NDAuM0g4NC4xeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTk5LjksMTYxLjJjNDMuMSwwLDYyLjMsMjQuOSw2Mi4zLDYyLjhjMCwzNy4yLTE3LjUsNjIuOC02Mi4zLDYyLjhoLTQ2VjE2MS4ySDE5OS45eiBNMTk5LjQsMjY0LjkNCgkJCWMyMy4xLDAsMzQuMi0xMy4yLDM0LjItNDAuOGMwLTI3LjYtMTEuMS00MC42LTM0LjItNDAuNmgtMTguM3Y4MS40SDE5OS40eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjg0LjEsMTYxLjJoODEuNnYyMi45aC01NC40djI5LjdoNDYuOVYyMzZoLTQ2Ljl2NTAuOGgtMjcuMlYxNjEuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
    width: 33px;
    height: auto;
}


/*
   * ------------------------------------------------------------------
   *
   * Highlighting Codes
   *
   */

.filepath {
    font-family: "Sennheiser_Neue_Monospaced", monospace;
    font-size: 11pt;
    background-color: var(--sh-very-light-grey);
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    word-break: keep-all;
}

code.ph {
    color: #000000;
    font-family: "Sennheiser_Neue_Monospaced", monospace;
    background-color: var(--sh-very-light-grey);
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    word-break: keep-all;
}

.hl-string {
    font-family: "Sennheiser_Neue_Monospaced", monospace;
    color: var(--sh-blue);
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
}

code,
pre {
    background-color: var(--sh-very-light-grey);
}

pre.codeblock {
    overflow: auto;
}

/*footer style*/
.dropbtn {
    background-color: #1d89b233;
    color: white;
    padding: 10px;
    font-size: 14px;
    border: none;
    border-radius: 2em;
}

.dropup {
    position: relative;
    display: inline-block;
}

.dropup-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    max-width: 160px;
    min-width: 140px;
    width: fit-content;
    border-radius: 14px;
    bottom: 50px;
    z-index: 998;
}

.dropup-content a {
    color: #797676;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropup-content a:hover {
    color: black
}

;

.dropup a .dropup-content {
    display: block;
}

.dropup:selected .dropbtn {
    background-color: #2980B9;
}

.show {
    display: block;
}

.dd-line {
    padding: 10px;
}