/*
 * ==============================================
 * Skin for oXygen generated WebHelp.
 * ==============================================
 */

:root {
    color-scheme: light dark;
}

.light {
    color-scheme: light;
}

.dark {
    color-scheme: dark;
}

/*
 * ------------------------------------------------------------------
 *
 * Fonts
 *
 */
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(resources/fonts/Roboto-Thin.ttf);
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(resources/fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(resources/fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(resources/fonts/Roboto-Bold.ttf);
}

.container-fluid {
    max-width: unset;
}

*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
    border: 1px solid;
    border-radius: 11px;
}

/*notes-content-two-lines*/
span.note__title {
    display: block;
}

/*notes-colors-colorful*/
.note {
    border-radius: 0 !important;
    border: 0 !important;
}

*[class~="topic/note"].note_note {
    background-color: rgba(223, 223, 217, 0.8);
    border-color: rgba(223, 223, 217, 1);
}

*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
    background-color: rgba(223, 223, 217, 0.8);
}

.dark *[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
    color: #FFFFFF;
    background-color: rgba(223, 223, 217, 0.2);
}

*[class~="topic/note"].note_caution {
    background-color: rgba(255, 144, 0, 0.4) !important;
    border-color: #606060;
}

.dark *[class~="topic/note"].note_caution {
    background-color: rgba(255, 144, 0, 0.35) !important;
    border-color: #606060;
}

*[class~="topic/note"].note_warning,
*[class~="topic/note"].note_attention {
    background-color: rgba(255, 226, 112, 0.5) !important;
    border-color: rgba(255, 226, 112, 1);
}

*[class~="topic/note"].note_restriction,
*[class~="topic/note"].note_important {
    background-color: rgba(0, 230, 220, 0.2);
    border-color: rgba(0, 230, 220);
}

.dark *[class~="topic/note"].note_restriction,
.dark *[class~="topic/note"].note_important {
    background-color: rgba(0, 230, 220, 0.5);
    border-color: rgba(0, 230, 220);
}

*[class~="topic/note"].note_danger {
    background-color: rgba(239, 1, 55, 0.32);
    border-color: rgb(239, 1, 55);
}

.dark *[class~="topic/note"].note_danger {
    background-color: rgba(239, 1, 55, 0.5);
    border-color: rgb(239, 1, 55);
}

/* Fix for scrollbar */
html {
    width: 100vw;
    overflow-x: hidden;
}

body {
    font-family: Roboto, sans-serif;
    background-color: light-dark(#FFFFFF, #000028);
}

/*
     * ------------------------------------------------------------------
     *
     * Fight with bootstrap
     *
     */
.navbar-brand {
    height: auto;
}

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

.navbar-toggler-icon,
.navbar-toggler,
.wh_toggle_button {
    color: #333333 !important;
    background-color: #ebf0f5;
}

.wh_header {
    background: light-dark(#000000, #FFFFFF) none;
    color: light-dark(#000000, #FFFFFF);
    text-align: left;
    background-color: light-dark(#FFFFFF, #00183B);
    padding: 0;

    border-bottom: 2px solid light-dark(#dfe6ed, transparent);

    /*background: linear-gradient(90deg,light-dark(rgba(255,255,255,1),rgba(0,24,59,1))50%,
    light-dark(rgba(255,255,255,0.25),rgba(0,24,59,0.25)) 100%), url('resources/images/modern/background.png');
    background-repeat: no-repeat;
    background-size: cover;

    background-position: right;*/

}

a,
a:hover,
a:visited {
    color: light-dark(#007993, #00cccc);
}

a:hover {
    text-decoration: none;
}

* a {
    color: light-dark(#007993, #00cccc);
}

* a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: light-dark(#007993, #00cccc);
}

/*
 * ------------------------------------------------------------------
 *
 * Publication titles
 *
 */
.wh_publication_title>a {
    color: light-dark(#000000, #FFFFFF);
    font-size: 1.8em;
    margin: .25em;
    text-decoration: none !important;
    font-weight: normal;
    white-space: nowrap;
}

/*
 * ------------------------------------------------------------------
 *
 * Language Toggle
 *
 */

#langToggle {
    display: flex;
    flex-direction: row;
    margin-left: 1%;
}

#lang_toggler {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-size: 60%;
    width: 3%;
    color: transparent;
    height: 4rem;
    margin-right: 5px !important;
}

#lang_toggler a {
    display: block;
    color: transparent;
}

.lang-en #lang_toggler {
    background-image: url('resources/images/german.svg');
}

.lang-de #lang_toggler {
    background-image: url('resources/images/english.svg');
}

.wh_logo+.wh_publication_title {
    margin-left: unset;
}


.lang_switch_link {
    display: block;
    height: 100%;
}

.wh_logo_and_publication_title_container {
    width: 100%;
    max-height: 50px;
}

.wh_logo_and_publication_title div {
    height: 50px;
}

.wh_logo_and_publication_title {
    width: 100%;
}

.wh_logo_and_publication_title a {}

.wh_logo_and_publication_title img {
    width: 100%;
}

.wh_logo img {
    background-color: light-dark(rgba(255, 255, 255, 0.5), transparent);
    padding: 2px;
    height: 40px;
    width: 40px;
}

.wh_publication_title {
    overflow: hidden;
}

#searchForm div {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}



/*
 * ------------------------------------------------------------------
 *
 * Menu
 *
 */
.wh_top_menu {
    /*text-transform: uppercase;*/
    margin: 0 1em 0 1em;
    font-size: 1.0em;
}

.wh_top_menu a {
    color: light-dark(#000000, #ffffff);
    /* light-dark(#000000, #FFFFFF);*/
    line-height: 1.5em;
    font-weight: bold;
    /*background-color: light-dark(rgba(255, 255,255,0.5), transparent);*/
    display: block;
}

.wh_top_menu a:hover {
    color: light-dark(#005159, #00FFB9);
    display: block;
}

/* The submenus */
.wh_top_menu ul ul {
    background: transparent;
    /*background-color: light-dark(#62eec7, #00193c);*/
    color: #ffffff;
    /* light-dark(#000000, #FFFFFF);*/
    display: block;
}

.wh_top_menu ul {
    background: transparent;
    /*background-color: light-dark(#62eec7, #00193c);*/
    color: light-dark(#f3f3f0, #ffffff);
    /* light-dark(#000000, #FFFFFF);*/
    font-weight: bold;
    display: block;
}

.wh_top_menu li {
    background-color: transparent;
    /*background-color:light-dark(#00c1b6, #00193c);*/
    width: 300px;
    padding-top: 10px;
    display: block;
    /*background-color: light-dark(#dfdfd9, #002949);*/
}

.wh_top_menu ul li:hover {
    /*background-color: #2d373c;*/
    background-color: light-dark(#dfdfd9, #00183B);
    color: light-dark(#000000, #00FFB9);
}

.wh_top_menu ul ul li a:hover {
    background: light-dark(#f3f3f0, #002949);
    color: light-dark(#005159, #00FFB9);
    background-color: light-dark(#dfdfd9, #002949);
    display: block;
}

.wh_top_menu ul ul li {
    /*border-color:  light-dark(#00c1b6, #00183B);*/
    border-width: 2px;
    /*width: 270px;*/
    text-transform: capitalize;
    background-color: light-dark(#f3f3f0, #002949);
}

.wh_top_menu ul ul li.has-children:after {
    color: #ffffff;
    /* light-dark(#000000, #FFFFFF);*/
}

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

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

.wh_letters {
    width: auto;
}

/*
 * ------------------------------------------------------------------
 *
 * Breadcrumb
 *
 */
.wh_breadcrumb ol {
    color: #878787;
}

.wh_breadcrumb ol a {
    color: inherit;
}

.wh_breadcrumb ol .active {
    color: light-dark(#007993, #00cccc);
}

/*
 * ------------------------------------------------------------------
 *
 * Tools and navigation
 *
 */
.wh_tools {
    background-color: light-dark(#FFFFFF, #000028);
    margin: 1em 5px 2em;
    color: light-dark(#007993, #00cccc);
}

.wh_print_link,
.wh_navigation_links,
.wh_navigation_links .navnext,
.wh_navigation_links .navprev {}

.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.wh_print_link button,
.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: light-dark(#007993, #00cccc);
    text-decoration: none;
}

/*
 * ------------------------------------------------------------------
 *
 * Tree TOC for the main page.
 *
 */
.wh_main_page_toc {
    width: 25%;
    float: left;
    margin-top: 0px;
    order: 1;
    border-radius: 5px;
    margin: auto;
    margin-left: 1vw;
}

.topicref img {
    max-height: 20px;
}

.wh_content_flex_container {
    width: 100%;
    overflow: hidden;
    flex-direction: row;
}

.wh_main_page_toc .expanded,
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc>.wh_main_page_toc_entry:hover,
.wh_main_page_toc_accordion_entries {
    background-color: #F2F8FF;
}

/*
 * ------------------------------------------------------------------
 *
 * Tiles
 *
 */
.wh_tiles {
    order: 2;
    align-content: flex-start;
    justify-content: left;
    margin-left: 20px;
}

.wh_tile {
    display: inline-block;
    background-color: light-dark(#00193C, #00193C);
    border: none;
    background-repeat: no-repeat;
    vertical-align: left !important;
    position: relative;
    width: 10vw;
    max-height: 350px;
    min-height: 300px;
    padding: 0%;
    margin-right: 5px;
    word-break: break-word;
    background-position: center 60%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 20px;
    overflow: hidden;
    width: 350px;
    height: 350px;
}

.wh_tile img {
    width: 60%;
    margin: 0%;
    margin-top: -1%;
    margin-bottom: -2%;
    transition: transform .2s;
}

.wh_tile_text {}

.wh_tile_shortdesc {
    text-align: left;
    color: #FFFFFF;
    /*font-size: 0.8em;*/

}

.wh_tile_title a {
    color: light-dark(#FFFFFF, #FFFFFF);
}

.wh_tile_text:after {
    background: linear-gradient(to bottom, rgba(236, 242, 249, 0), rgba(236, 242, 249, 1) 75%);
}

.wh_tile_title {
    font-size: x-large;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 10px;
    color: light-dark(#FFFFFF, #FFFFFF);
}

.wh_tile_title:hover .wh_tile_text {
    color: light-dark(#00FFB9, #00FFB9);
}

.wh_tile:hover a {
    color: light-dark(#00FFB9, #00FFB9);
    text-decoration: none;
}

.wh_tile:hover {
    background-color: light-dark(#002949, #002949);
    color: #00FFB9;
    background-color: #002949;
}

.wh_tile:hover img {
    transform: scale(1.5);
}

.wh_tile>div {
    align-content: center;
    background-position: center;
    fill: light-dark(#FFFFFF, #000028);
}

/*
 * ------------------------------------------------------------------
 *
 * Search area
 *
 */
.wh_search_input {
    display: block;
    margin: 0;
    position: relative;
    width: 30%;
    padding-top: 5px;
    margin-left: auto;
    margin-right: 1%;
}

.wh_welcome:not(:empty) {
    font-size: 0;
    margin: 0 auto;
    font-family: Roboto, sans-serif;
    padding: 0 0 0.5em 0;
    text-shadow: none;
    font-weight: 300;
    line-height: 1.2em;
}

.wh_main_page .wh_search_input {}

.wh_search_textfield {
    border: solid 1px light-dark(#000000, #a4a3b0);
    border-radius: 0%;
    border-top: none;
    border-left: none;
    border-right: none;


    position: relative;
    height: 40px;
    background-color: light-dark(#ebf7f8, #00183b);
    color: light-dark(#5b5b74, #a4a3b0);
    /* light-dark(#000000, #FFFFFF);*/

}

.wh_search_textfield::placeholder {
    color: light-dark(#565771, #a4a3b0) !important;
    opacity: unset;
}

.wh_search_textfield:hover {
    border-color: light-dark(#175f67, #00cccc);
    background-color: light-dark(#d1fff2, #001f39);
    color: light-dark(#000028, #FFFFFF);
}

.wh_search_textfield:focus-within {
    border-color: light-dark(#175f67, #00cccc);
    background-color: light-dark(#d1fff2, #001f39);
    color: light-dark(#000028, #FFFFFF);
}

/*.wh_search_textfield:focus {
    border: 1px solid light-dark(#006621,#199FFF);
 
 
}*/

.wh_search_button {
    border: none;
    /*border-bottom: solid 1px light-dark(#005159, #CCC);*/
    color: light-dark(#005159, #FFFFFF);
    border-radius: 0;
    background: light-dark(#00ffb9, #00183B) !important;
    height: calc(2.8em - 1px);
}

/* 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;
}

/*
 * ------------------------------------------------------------------
 *
 * Publication TOC
 *
 */
.wh_publication_toc {
    border-radius: 3px;
    padding: .5em;
    background-color: light-dark(#FFFFFF, #00183B);
}

.wh_publication_toc .active>.topicref a {
    color: light-dark(#007993, #00cccc);
}

.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited,
.wh_publication_toc a:hover {
    color: light-dark(#000000, #FFFFFF);
}

.wh_publication_toc a:hover {
    color: light-dark(#007993, #00cccc);

}

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

.wh_publication_toc ul li,
#wh_topic_toc ul li {
    /*margin-top: .7em;*/
}

#wh_topic_toc {
    background-color: transparent;
}

.wh_topic_toc {
    border-color: light-dark(#007993, #00cccc);
    background-color: light-dark(#FFFFFF, #00183B);
    padding: .5em;
}

.wh_topic_toc a:hover

/* Publication TOC tooltip */
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    background-color: #5185cb;
    color: #fff;
    font-size: 1.4rem;
}

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

/* Tooltip arrow. */

[data-tooltip-position="left"] .topicref .wh-tooltip::before {
    border-left-color: #5185cb;
}

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

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

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

/*
 * ------------------------------------------------------------------
 *
 * Topic content
 *
 */
.wh_topic_content,
.wh_content_area {
    color: light-dark(#000000, #FFFFFF);
    line-height: 1.7em;
}

.wh_main_page .wh_content_area {
    /*margin: 40px auto;*/
}

.wh_topic_content .title.topictitle1 {
    font-size: 2em;
    line-height: 1.1em;
    font-weight: bold;
}

.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6 {
    font-weight: 400;
}

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

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

.wh_child_links {
    padding: 1.5em;
}

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

.related-links a,
.related-links a:visited {
    color: light-dark(#007993, #00cccc);
    display: inline-block;
}

.filepath {
    color: #c7254e;
}

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

.searchresult li a {
    color: light-dark(#007993, #00cccc);

}

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

.wh_search_expression {
    font-weight: bold;
}

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

/*--------- Search results breadcrumb ----------*/
.search-breadcrumb li a {
    background: transparent;
}

.search-breadcrumb li .title:before {
    border-color: light-dark(#007993, #00cccc);
    border-left-color: transparent;
}

.search-breadcrumb li .title:after {
    border-color: transparent;
    border-left-color: light-dark(#007993, #00cccc);
}


.search-breadcrumb li a {
    background-color: light-dark(#007993, #00cccc);
    color: light-dark(#FFFFFF, #000028);

}

.search-breadcrumb li a:hover {
    font-weight: normal;
}

.search-breadcrumb li:hover .title:before {
    border-color: light-dark(#005159, #00ffb9);
    border-left-color: transparent;
}

.search-breadcrumb li:hover .title:after {
    border-left-color: light-dark(#005159, #00ffb9);
}

.search-breadcrumb li:hover a {
    background-color: light-dark(#005159, #00ffb9);
    color: light-dark(#FFFFFF, #000028);
}


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

.wh_index_terms #indexList {
    padding: 0;
}

/*
 * ------------------------------------------------------------------
 *
 * Tree TOC for the main page.
 *
 */
.wh_main_page_toc {
    padding-top: 0%;
    margin-top: 0.5%;
    margin-right: 0.5%;
}

.wh_main_page_toc .expanded,
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc>.wh_main_page_toc_entry:hover,
.wh_main_page_toc_accordion_entries {
    background-color: light-dark(#FFFFFF, #00183B);
}

.wh_menu_mobile_button {
    display: none;
}

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

.wh_top_menu:not(.activated-on-click) ul li:hover>ul {
    transition: none;
}

.wh_tile {
    cursor: pointer;
}

/*div.[class="float-right mb-2 overflow-auto rounded-lg py-3 px-4"] {
    background-color: #3077be !important;
}*/

/* Settings for images, to set caption below image */
figure {
    display: flex;
    flex-flow: column-reverse;
    align-items: flex-start;
}

figure img {
    margin-bottom: 0;
    max-width: 1000px !important;
}

figure figcaption {
    align-self: flex-start;
    font-style: italic;
    font-size: 80%;
}

#go2top {
    right: 10%;
    bottom: 10px;
    color: light-dark(#007993,#00cccc);
    background-color: light-dark(#FFFFFF, #000028);
    border-color: light-dark(#007993, #00cccc);
    border-radius: 0;
    width: 200px;
    height: 60px;
    text-align: center;
    padding:10px 10px;
}

#go2top:hover {
    border-color: light-dark(#005159, #00ffb9);
    color: light-dark(#005159, #00ffb9);
}

.oxy-icon-up::after {
    content: "Back to top";
    font-family: unset;
    margin-left: 5px;
}

.permalink {
    background: url("resources/images/icons/link.svg");
    background-repeat: no-repeat;
    opacity: 0.8;
}
.light .permalink {
    background: url("resources/images/icons/link_light.svg");
    background-repeat: no-repeat;
    opacity: 0.8;
}

.codeblock .copyTooltip {
    background: #000028 url(resources/images/icons/copy.svg) no-repeat 85% 50%;
    border-color: #00cccc;
    background-size: 18px;
    color: #FFFFFF;
    border-radius: 0;
}

.light .codeblock .copyTooltip {
    background: #FFFFFF url(resources/images/icons/copy_light.svg) no-repeat 85% 50%;
    border-color: #007993;
    color: #000028;
    background-size: 18px;
    border-radius: 0;
}

.codeblock .copyTooltip:hover {
    opacity: 1
}

/* Table Settings */

table caption {
    color: light-dark(#000000, #FFFFFF);
}

tbody {
    background-color: transparent;
}

tr {
    border: 1px solid;
    border-left: none;
    border-right: none;
}

tbody tr {

    color: light-dark(#000000, #FFFFFF);
}

tr:active {
    color: light-dark(#007993, #00cccc);
    border-color: light-dark(#007993, #00cccc);
}

tr:hover {
    background-color: light-dark(#FFFFFF, #001f39);
    color: light-dark(#007993, #00cccc);
    border: 1px solid;
    border-left: none;
    border-right: none;
    border-color: light-dark(#007993, #00cccc);

}

tr:last-of-type {
    border-bottom: none;
}

tr:nth-child(even) {
    /*background-color: #ebf0f5;*/
}

th {
    color: light-dark(#000000, #FFFFFF);
    font-weight: bold;
    background-color: light-dark(#FFFFFF, #000028);
}

/* Code Refernce Design */
.codeph {
    font-family: monospace;
    background-color: transparent;
    font-size: 110%;
    color: light-dark(#000000, #FFFFFF);
}

code {
    background-color: transparent;
    columns: light-dark(#000000, #FFFFFF);
}

.codeblock {
    background-color: light-dark(#FFFFFF, #00183B);
    border: 1px solid light-dark(#007993, #00cccc);
    color: light-dark(#000000, #FFFFFF);
    border-radius: 0;
}

/*  Video Tutorial Chapters */

.video_description {
    width: 50%;
    float: left;
    margin-right: 1vw;
}

.video_table {
    border: none;
    font-size: smaller;
    padding: 1%;
    width: 90%;
}

.video_table caption {
    display: none;
}

.video_table tr {
    border-bottom: #878787 1px;
    border: none;
}

.video_table tr:hover {
    background-color: #f8f8f8;
}

.video_table td {
    border-bottom: #000000 2px;
    width: 90%;
    border-style: none none solid none;
    border-width: 1px;
    padding: 0 0 0.5% 0;
}

.video_table td a {
    display: block;
}

.video_table td:first {
    border-bottom: #000000 2px;
    border-style: none none solid none;
    border-width: 1px;
}

.table-container {
    padding-bottom: 20px;
}

/* Release Notes Images */

.rln_image {
    float: right;
    padding: 15px;
    max-width: 400px;
}

#assistant_button,
#menu_toggler,
#theme_toggler,
#lang_toggler {
    user-select: none;
    color: light-dark(#FFFFFF, #000028);
    background-color: light-dark(#007993, #00cccc);
    margin-right: 5px;
    text-align: center;
    font-weight: bold;
    /*padding: 10px;*/
    position: relative;
    font-size: large;
    float: right;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    padding: 7px;
    width: 40px;
}

#assistant_button {
    /*Invisible to not be seen in older version! */
    display: none;
    color: #000028;

    /* Border for CTA*/
    text-wrap-mode: nowrap;

    /*Button with text */
    /*width: 20%;
    min-width: 280px;*/
    width: fit-content;
    background: linear-gradient(90deg, rgba(0, 255, 185, 1) 0%, rgba(0, 230, 220, 1) 75%);

    /*Button with Icon only */
    background-color: linear-gradient(90deg, rgba(0, 255, 185, 1) 0%, rgba(0, 230, 220, 1) 75%);
    background-repeat: no-repeat;

    /* color: transparent;
    background-position: center;
    background-image: url('resources/images/modern/bilibili_dark.svg'), linear-gradient(90deg, rgba(0,255,185,1) 0%, rgba(0,230,220,1) 75%); 
    background-size: 40%, 100%;
    content: none;*/
}

.light #assistant_button {
    border: 2px solid #000028;
    padding: 5px;
}

.dark #assistant_button:hover {
    background-color: #c6ffef !important;
    background-image: none;
}

.dark #assistant_button:active {
    background-color: #00e5aa !important;
    background-image: none;
}

.light #assistant_button:hover {
    background-color: #62eec7 !important;
    background-image: none;
}

.light #assistant_button:active {
    background-color: #d1fff2 !important;
    background-image: none;
}



#menu_toggler,
#theme_toggler {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}

.dark #menu_toggler {
    background-image: url('resources/images/modern/menu_dark.svg');
}

.light #menu_toggler {
    background-image: url('resources/images/modern/menu_light.svg');
}

.dark #theme_toggler {
    background-image: url('resources/images/modern/sun.svg');
}

.light #theme_toggler {
    background-image: url('resources/images/modern/moon.svg');
}

#assistant_button:hover,
#menu_toggler:hover,
#theme_toggler:hover,
#lang_toggler:hover {
    background-color: light-dark(#005159, #00ffb9);
}

#assistant_button:active,
#menu_toggler:active,
#theme_toggler:active,
#lang_toggler:active {
    background-color: light-dark(#196269, #00e5aa);
}

#assistant_button:focus,
#menu_toggler:focus,
#theme_toggler:focus,
#lang_toggler:focus {
    background-color: light-dark(#007993, #00cccc);
    border: thick double light-dark(#FFFFFF, #000028);
}

/*
#assistant_button::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    
    width: 30px;
    // Adjust width as needed 
    height: 30px;
    // Adjust height as needed 
    background-image: url('resources/images/modern/chat.svg');
    // background-size: cover;
    background-repeat: no-repeat;
    fill: #006621;
/*
    
    
  -webkit-mask-image: url('resources/images/modern/chat.svg');
  mask-image: url('resources/images/modern/chat.svg');
  mask-size: cover;
  -webkit-mask-size: cover;
}*/

.wh_top_menu_and_indexterms_link.navbar-collapse:not(.show) {
    display: none !important;
}

.wh_top_menu_and_indexterms_link {
    padding: 20px;
    background-color: light-dark(#f3f3f0, #001034);
}

.collapsing {
    transition: unset !important;
}

.navbar-toggler {
    display: none !important;
}



/* Note Icons */

div.note {
    background-image: url(resources/images/icons/note.svg);
}

div.tip {
    background-image: url(resources/images/icons/tip.svg);
}

div.important {
    background-image: url(resources/images/icons/important.svg);
}

div.caution {
    background-image: url(resources/images/icons/caution.svg);
}

div.restriction {
    background-image: url(resources/images/icons/restriction.svg);
}

div.danger {
    background-image: url(resources/images/icons/danger.svg);
}

/* Label Design */

.wh-label-container {
    margin-right: 5px;
}

.wh-label {
    border: 2px solid light-dark(#007993, #00cccc);
    background-color: transparent;
    border-radius: 15px;
    font-size: 10px;
    line-height: 10px;
    margin: 2px 0 2px 15px;
    padding: 5px 6px;
    color: light-dark(#007993, #00cccc) !important;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
}

.wh-label:hover,
a .wh-label:hover {
    background-color: light-dark(#d1fff2, #001f39);
    border-color: light-dark(#005159, #00ffb9);
    color: light-dark(#005159, #00ffb9) !important;
    text-decoration: none;
}


/* Search Pagination */
.page-link {
    color: #00cccc;
    border-color: #00cccc;
    background-color: transparent;
}

.page-item.active {
    background-color: #00cccc;
}

.page-item.active .page-link {
    color: #000028;
    border-color: #00cccc;
    background-color: #00cccc !important;
}

.page-item.disabled .page-link {
    background-color: #00183b;
    border-color: #717188;
    color: #717188;
}

.dark .page-link {
    color: #00cccc;
    border-color: #00cccc;
    background-color: transparent;
}

.dark .page-item.active {
    background-color: #00cccc;
}

.dark .page-item.active .page-link {
    color: #000028;
    border-color: #00cccc;
    background-color: #00cccc !important;
}

.dark .page-item.disabled .page-link {
    background-color: #00183b;
    border-color: #717188;
    color: #717188;
}

.light .page-link {
    color: #007993;
    border-color: #007993;
    background-color: transparent;
}

.light .page-item.active {
    background-color: #007993;
}

.light .page-item.active .page-link {
    color: #FFFFFF;
    border-color: #007993;
    background-color: #007993 !important;
}

.light .page-item.disabled .page-link {
    background-color: #ebf7f8;
    border-color: #a2a4b2;
    color: #a2a4b2;
}
.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.child-links-hidden .wh_child_links {
  display: none;
}