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

/* Import IMB Plex fonts from Google web fonts */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;300&display=swap');

/* General styles */
body {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.7em;
}

b, strong {
    font-weight: 500;
}

/* Hide the horizontal navbar */
header.navbar {
    display: none;
}

.wh_header {
    padding: 10px;
    /* display: none; */
}

em.ph.i.knowis_subtitle {
    font-size: 12px;
    font-style: normal;
    display: table;
    margin-top: -5px;
}

/* ******************************************************************* */
/* *************** Main Page Configuration ***************************
/* ******************************************************************* 

The following configs apply only to the main page and adjust the layout
of the ToC and the index page.

Note: ToC must be enabled in knowis.opt instead of tiles!

<parameter name="webhelp.show.main.page.tiles" value="no"/>
<parameter name="webhelp.show.main.page.toc" value="yes"/>
*/

/* Show ToC left and align index content right of it */
.wh_content_flex_container {
    display: flex;
    flex-direction: unset !important;
}

/* ********  Adjust Search Bar ***********************************/
.wh_main_page .wh_search_input {
    padding: 0;
    margin-bottom: 3em;
}

/* Adjust the search input field on main page */
.wh_main_page .wh_search_textfield {
    color: #525252;
    background-color: #f4f4f4;
    border-radius: 0 !important;
    border-width: 0 0 .15em 0 !important;
    border-bottom-color: #0f62fe !important;
    font-size: 1em;
    font-weight: 300;
    padding: 1.5em 3em 1.5em 1.5em;
    height: 1.7em;
}

/* Adjust the search button on main page */
.wh_main_page .wh_search_button {
    background-color:rgba(0, 0, 0, 0);
    height: 80%;
    margin-top: .3em;
    width: 2em;
    border: 0;
    font-size: 1.3em;
}
/* Change icon in search button */
.wh_main_page .wh_search_button:after {
    color: #525252;
}

/* Hide welcome section */
.wh_welcome:not(:empty) {
    display: none;
}

/* Expand content to whole screen width */
.container-fluid {
    max-width: unset !important;
    padding-left: 0em;
    padding-right: 3em;
}


/* ************  TOC for the main page *******************
 *
 */

 /* Applies to the whole ToC container */
 .wh_main_page_toc {
    border: none;
    background-color: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 3em;
    width: 46% !important;
}

/* Link inside the ToC --> topic link */
.wh_main_page_toc .topicref a {
    color: #161616;
    font-size: 16px;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc>.wh_main_page_toc_entry:hover {
    color: #0f62fe;
    border-color: #0f62fe;
    background-color: #f4f4f4;
}

.wh_main_page_toc_accordion_header:hover>.wh_toc_shortdesc,
.wh_main_page_toc_entry:hover>.wh_toc_shortdesc {
    background-color: #f4f4f4;
    color: #393939;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:hover a,
.wh_main_page_toc>.wh_main_page_toc_entry:hover a {
    color: #0f62fe;
}

.wh_main_page_toc_accordion_header:hover:before {
    color: #0f62fe;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header,
.wh_main_page_toc>.wh_main_page_toc_entry,
.wh_main_page_toc_accordion_entries {
    /* border-bottom: 1px solid #e0e0e0; */
    border-bottom: 0;
}

.wh_main_page_toc_accordion_entries > * {
    margin-left: 3.5em;
    line-height: 1.3em !important;
}

.topicref:hover a {
    color: #0f62fe;
}

.wh_main_page_toc_accordion_header:before {
    color: #161616;
}

.wh_main_page_toc .expanded {
    border: none;
}

.wh_main_page_toc>.wh_main_page_toc_accordion_entries {
    background-color: rgba(0, 0, 0, 0.035);
}

.wh_toc_shortdesc {
    display: none;
}




/*
 * ------------------------------------------------------------------
 *
 * Fight with bootstrap
 *
  */

.wh_logo_and_publication_title_container {
    height: 60px;
}

.navbar-brand {
    height: auto;
}

.navbar {
    background-color: #161616;
    background-image: none;
    border: none;
    border-radius: 0;
    margin: 0;
    height: auto;
    box-shadow: none;
}


/* General styling for links */
a,
a:hover,
a:visited {
    color: #161616;
}

a:hover {
    text-decoration: none;
}

a.xref {
    color: #0f62fe;
}

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


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

 table>p.p {
    margin: 0;
    padding: 0;
}

table .p {
    margin: 0;
    padding: 0;
}

.table {
    margin-bottom: 2em;
    margin-left: 0;
    color: #161616;
    border-color: 161616;
    font-size: .9em;
    background-color: #f4f4f4;
    width: 100%;
}

.table td {
    padding: 1rem 1.6rem;
    border-color:#e0e0e0;
    border-width: 0em 0em .1em 0em;
    line-height: 1.5em;
}

.table th {
    background-color: #e0e0e0;
    padding: 1rem 1.6rem;
}

.table>thead>tr>th, .table>thead>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-color: #c6c6c6;
    border-width: 0em 0em .1em 0em;
}

.table>tbody>tr {
    border-color:#e0e0e0;
    border-width: 0em 0em .1em 0em;    
}
/*
 * ------------------------------------------------------------------
 *
 * Images
 *
 */

figure {
    margin-top: 2em;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: left;
}

.figcap {
    order: 2;
    margin-bottom: 2em;
}


/* Content Styles
 * ------------------------------------------------------------------
 *
 * Publication titles
 *
 */

.wh_header_flex_container {
    height: 14px *4;
    border-radius: 0;
    margin: 0;
}

.wh_logo_and_publication_title {
    display: flex;
    cursor: pointer;
}

:root {
    --iconWidth: 86px;
}

.topMenuHeader {
    display: flex;
    width: 100%;
}

.topMenuHeaderIcon {
    width: var(--iconWidth);
    background-size: contain;
}

.topMenuHeaderTitle span {
    font-size: 1.3em;
}

.topMenuHeaderIcon {
    visibility: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAAAtCAYAAAC3d6XOAAAEtGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwMSIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjQ1IgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAxIgogICB0aWZmOkltYWdlTGVuZ3RoPSI0NSIKICAgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIKICAgdGlmZjpYUmVzb2x1dGlvbj0iNzIuMCIKICAgdGlmZjpZUmVzb2x1dGlvbj0iNzIuMCIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0w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);
    background-repeat: no-repeat;
}

.item {
    margin: 0px 0px 0px 20px;
    color: white;
}

.topMenuHeaderVersionDropdown {
    margin-left: auto;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.topMenuHeaderVersionToggle {
    color: white !important;
}

.topMenuHeaderVersionDropdownContent {
    font-size: 14px;
}

.wh_publication_title {
    background-image: url(https://p3.zdassets.com/hc/theme_assets/681042/200114332/titleLogo_invers.png);
    background-repeat: no-repeat;
}

.wh_publication_title>a {
    padding-left: 62px;
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1em;
}


/**
 * ------------------------ single publication areas -------------------
 */

/*
 * ------------------------------------------------------------------
 *
 * Menu
 *
 */

@media only screen and (min-width: 768px) {
    .wh_top_menu {
        padding: 2px 0;
        border-style: solid none;
        border-width: 0px;
        border-color: #cccccc;
    }
    .wh_top_menu_and_indexterms_link {
        padding: 0;
        margin: 0 !important;
    }
    /* Menu bar */
    .wh_top_menu ul li:hover a {
        background-color: #043550;
        color: #ffffff;
    }
    /* Sub menus */
    .wh_top_menu ul ul li {
        background-color: #043550;
        border: solid 0px #cccccc;
        border-top: none;
    }
    /*
       This will add a blank space between the menu bar and the current submenu.
       Also will ensure that when the mouse transits the blank space, the submenu is not hidden.
    */
    .wh_top_menu>ul>li:hover>ul {
        margin-top: 0;
        border-top: 1.3em solid transparent;
        background-color: transparent;
    }
    /* The ^ arrow on top of the drop-down menu */
    .wh_top_menu>ul>li:hover>ul:before {
        content: '';
        position: absolute;
        top: -1.3em;
        left: 1.3em;
        width: 1.3em;
        height: 1.3em;
        border-bottom: solid 0.8em #043550;
        border-left: solid 0.8em transparent;
        border-right: solid 0.8em transparent;
    }
    /* @RTL: Display the arrow in the right side. */
    *[dir='rtl'] .wh_top_menu>ul>li:hover>ul:before {
        left: auto;
        right: 1.3em
    }
    .wh_top_menu ul li:hover ul a {
        color: #cccccc;
        transition: background-color .25s ease-out 0s, color .3s ease-out 0s;
    }
    .wh_top_menu ul ul li a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.08);
        transition: background-color .25s ease-in 0s, color .3s ease-in 0s;
    }
    .wh_top_menu ul ul li.has-children:after {
        color: #cccccc;
    }
}

@media only screen and (max-width: 767px) {
    .wh_logo_and_publication_title {
        /* correction */
        margin-top: 80px;
        min-width: 100%;
    }
    .wh_top_menu li.active a {
        color: #ffffff;
    }
    .wh_top_menu li.active {
        background-color: #043550;
    }
    .wh_top_menu li.active>span>a {
        background-color: rgba(0, 0, 0, .07);
    }
    .wh_toggle_button.navbar-toggle {
        visibility: hidden;
        border-color: #043550;
    }
    .wh_toggle_button.navbar-toggle:focus {
        background-color: #cccccc;
    }
    .wh_toggle_button.navbar-toggle .icon-bar {
        background-color: #043550;
    }
    .wh_top_menu ul ul li {
        border: none;
    }
}

.wh_top_menu {
    font-size: 1em;
    display: none;
}

.wh_top_menu ul {
    background-color: #ffffff;
}

.wh_top_menu ul a {
    color: #043550;
}


/* The submenus */

.wh_top_menu ul ul {
    background-color: #043550;
}

.wh-tooltip-container:hover .wh-tooltip,
.wh_breadcrumb .topicref .title:hover .wh-tooltip,
.wh_publication_toc .topicref .title:hover .wh-tooltip {
    visibility: hidden;
}

#wh_publication_toc {
  margin-left: 1em;

}
    
.col-lg-3 {
    max-width: 18%;
}
/*
 * ------------------------------------------------------------------
 *
 * Link to the index.
 *
 */

.wh_indexterms_link a:before {
    margin: 0;
    padding-left: .7em;
    font-size: 1.5em;
    text-align: center;
}

.wh_indexterms_link a span {
    display: none;
}


/*
 * ------------------------------------------------------------------
 *
 * Breadcrumb
 *
 */
.wh_breadcrumb {
    margin-left: 22.5%;
    margin-top: .5em;
}

.wh_breadcrumb ol {
    color: #0f62fe;
}

.wh_breadcrumb ol a {
    color: #0f62fe;
}

.wh_breadcrumb ol .active {
    color: #0f62fe;
}

.wh_breadcrumb li:not(:last-of-type):after {
    color: #393939;
}

/*
 * ------------------------------------------------------------------
 *
 * Tools and navigation
 *
 */

.wh_tools {
    background-color: #ffffff;
    margin: 0 0 2em;
    font-size: 1.1em;
}

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

.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: #cccccc;
    text-decoration: none;
}


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

.wh_tile_shortdesc {
    color: #161616;
    font-weight: 200;
    font-size: 16px;
    font-style: normal;
    margin-top: 0.5em;
    text-align: left;
    padding-left: 35px;
}

.wh_tile_title {
    text-align: left;
    font-size: 42px;
    text-decoration: none;
    padding: 10px,0px,10px,0px;
    color: #161616;
}

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

.wh_main_page .wh_content_area {
    background-color: #ffffff;
}

.wh_tile {
    background-color: #f4f4f4;
}

.wh_tile_title a {
    text-align: left;
    color: #161616 !important;
    font-size: 20px;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
}

.shortdesc {
    display: none;
}


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

/* Set icons for each of the tiles */
.wh_tile *[data-id='configuration-management']{
    background-image: url('https://cdn-icons-png.flaticon.com/24/2099/2099058.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px; /* Adjust according to image size to push text across. */
}

.wh_tile *[data-id='build-and-deploy']{
    background-image: url('https://cdn-icons-png.flaticon.com/24/2285/2285485.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px; /* Adjust according to image size to push text across. */
}

/** KNOWIS steps **/

.ph.cmd {
    font-size: 1.2em;
    color: #cea023;
    margin-top: 2.3em;
}


/* ----- note ---- */

.note.note {
    padding: 1em;
    background-color: #edf5ff;
    border-left: 0.4em #0f62fe solid;
}

.note.warning {
    padding: 1em;
    background-color: #fff1f1;
    border-left: 0.4em #da1e28 solid;
}

.note.tip {
    padding: 1em;
    background-color: #defbe6;
    border-left: 0.4em #198038 solid;
}

.note.attention {
    background-color: #f1eddb;
    border-left: 0.4em #f1c21b solid;
    padding: 1em;
}


/* .note__title {
    padding-left: 20px;
    color: #cea023;
} */


/* .note.attention>.attentiontitle {
    display: none;
} */


/* --------- code ------------- */

code {
    font-family: "IBM Plex Mono" !important;
    padding: 2px 4px;
    font-size: .9em !important;
    background-color: rgba(0, 0, 0, 0);
    color: #161616;
}

/* .codeph {
    background-color: #161616;
} */

.codeblock {
    border-radius: 0em;
    margin: 1.5em 0em 1.5em 0em;
    font-weight: 300 !important;
}

/* ---------------------------------   */




/*
 * ------------------------------------------------------------------
 *
 * Search area on topic pages
 *
 */

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

    .wh_search_button:after {
        color: #ffffff;
    }
    .wh_search_button {
        font-size: 1.5em;
        padding: 0.1em .5em;
        /* border: solid 2px #0f62fe; */
        background-color: #0f62fe;
        /* Override the RTL rule. */
        border-radius: 0 !important;
        height: 1.5em;
    }
    .wh_search_textfield {
        border-radius: 0 !important;
    }
}

.wh_search_input {
    padding: 0 !important;
    margin: 0;
    color: red;
    /* margin-bottom: 3em; */
}

/* Adjust the search input field */
.wh_search_textfield {
    color: #525252;
    background-color: #f4f4f4;
    border-radius: 0 !important;
    border-width: 0 0 .15em 0;
    border-bottom-color: #0f62fe;
    font-size: 1em;
    font-weight: 300;
    padding: 1.5em 3em 1.5em 1.5em;
    height: 1.7em;
}

/* Adjust the search button */
.wh_search_button {
    background-color:rgba(0, 0, 0, 0);
    height: 80%;
    margin-top: .3em;
    width: 2em;
    border: 0;
    font-size: 1.3em;
}
/* Change icon in search button */
.wh_search_button:after {
    color: #525252;
}



/* Search autocomplete */

.ui-menu-item {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #525252;
}


/* Selected autocomplete item */

.ui-menu-item .ui-state-active {
    background-color: #e0e0e0;
    color: #393939;
    border: none;
    margin: 0;
}


/* 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: #393939;
    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: #0f62fe;
}


/* Search relative path */

.searchresult li .relativePath a {
    color: #0f62fe;
}


/* Active search page */

#wh-search-pagination>ul>li.active>a {
    background-color: #0f62fe;
}


/* Color for the page number */

.pagination>li>a,
.pagination>li>span {
    color: #0f62fe;
}


/* Border for the hovered page */

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


/*
 * ------------------------------------------------------------------
 *
 * Side TOC
 *
 */

.wh_side_toc {
    float: left;
    background-color: #ffffff;
    line-height: 1.5em;
    margin-left: -1em;
}

.wh_side_toc .nav>li {
    position: inherit;
    padding: 0.3em;
}

.wh_side_toc .active>span {
    color: #cea023;
    text-decoration: none;
    font-weight: normal;
}

.wh_side_toc a,
.wh_side_toc a:visited,
.wh_side_toc a:hover {
    color: #0f62fe;
}

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

nav#wh_side_toc {
    background-color: white;
}

@media only screen and (max-width: 767px) {
    .wh_side_toc {
        border-left: none;
        border-top: 1px solid #cccccc;
        padding: 1em 0;
        margin-left: 0;
    }
}


/*
 * ------------------------------------------------------------------
 *
 * Footer
 *
 */

.wh_footer {
    text-align: center;
    padding: 3em 3em 0.5em 3em;
    background-color: #ffffff;
    color: #161616;
    font-family: "IBM Plex Sans", sans-serif;
}

.footer_links {
    padding-right: 3em;
}

.knowis_footer a {
    color: #0f62fe;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

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

.footer_links,
.footer_copyright {
    display: inline;
    min-width: 150px;
    text-align: left;
}

.footer_links a {
    padding-right: 1em;
}

.knowis_footer {
    display: inline-flex;
    font-size: 0.8em;
}


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


/*
 * Title & subtitles
 */

.title {
    padding: 0em !important;
}

.permalink {
    display: none;
}

/* Layout for Dita formatted files */
.sectiontitle {
    color: #161616;
    font-weight: 400;
    font-size: 1.7em;
    margin: 1.2em 0 0.6em 0;
}

.license_subtitle.shortdesc {
    display: block;
    color: #161616;
    font-size: 20px;
    margin-bottom: 15px;
}

.topictitle1 {
    color: #161616;
    font-weight: 300;
    font-size: 2.6em;
    margin-bottom: 1.5em;
    line-height: normal;
}

.topictitle2 {
    color: #161616;
    font-weight: 400;
    font-size: 1.7em;
    margin: 1.7em 0 1em 0;
}

.topictitle3 {
    color: #161616;
    font-weight: 500;
    font-size: 1.25em;
    margin: 1.5em 0 0.8em 0;
}

.topictitle4 {
    color: #161616;
    font-weight: 600;
    font-size: 1.15em;
    margin: 1.5em 0 0.8em 0;
}

.topictitle5,
.topictitle6 {
    font-size: 1em;
    font-weight: 500;
    color: #161616;
    margin: 1.3em 0 0.8em 0;
}

/* Hide chevron button to collapse/expand sections */
.wh_expand_btn {
    display: none;
}

.zwue u {
    text-decoration: none;
}


/*
 * Other content
 */


/* MAIN CONTENT ARE */

.col-lg-8.col-md-8.col-sm-8.col-xs-12 {
    float: right;
}

.wh_topic_content p,
.wh_topic_content .p {
    /* margin-top: .5em; */
}

.wh_topic_content,
.wh_content_area {
    color: #161616;
    font-weight: 200;
    font-size: 1em;
}

.wh_content_area .navbar {
    overflow-x: auto;
    background-color: #ffffff;
    font-size: 0.9em;
}

.wh_related_links .related-links,
.wh_topic_content .related-links,
.wh_child_links {
    margin-top: 1em;
    background-color: #ffffff;
    border-top: #cccccc solid 1px;
}

.wh_child_links {
    padding: 0.5em 0;
}

.wh_topic_content .related-links {
    font-size: .91em;
}

@media only screen and (max-width: 767px) {
    .related-links {
        border-bottom: none;
        margin-bottom: 0;
    }
}


/*
 * ------------------------------------------------------------------
 *
 * Search results.
 *
 */

.searchresult {
    list-style: none;
    max-width: 54.5%;
    margin: auto;
}

.searchresult li a {
    color: #0f62fe;
}

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

.wh_search_expression {
    font-weight: normal;
}

.searchresult li a.foundResult {
    color: #0f62fe;
    font-size: 1.1em;
}

.wh_search_results_header {
    margin: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    max-width: 54.5%;
}

/*
 * ------------------------------------------------------------------
 *
 * Index terms.
 *
 */

.wh_index_terms span.wh_first_letter {
    color: #777;
}

.wh_index_terms #indexList {
    padding: 0;
}





/* defect 52903 */

.wh_print_link.print {
    display: none;
}

/* notes, info, warning */
div.note {
    background-image: none;
    background-repeat: no-repeat;
}