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


/*
 * ------------------------------------------------------------------
 *  
 * Fonts.
 *  
 */
html,
body {
    min-width: 100%;
}

body {
    font-family: 'Calibri Light', 'Calibri', 'Arial', sans-serif;
}

/*
     * ------------------------------------------------------------------
     *
     * Fight with bootstrap
     *
     */
.navbar-brand {
    height: auto;
}
.navbar {
    border: none;
    border-radius: 0;
    margin: 0;
}
.wh_header {
    border-top: 3px solid #c20e1a;
    background: #ffffff none;
    color: #c20e1a;
}
a,
a:hover,
a:visited {

}
a:hover {
    text-decoration: none;
}

table.table {
    width: auto;
}

/*
 * ------------------------------------------------------------------
 *  
 * General styling
 * 
 */

/* Notes */
.note-table {
    max-width: 992px;
    width: 100%;
}

.note-table,
.note-table td {
    border-collapse: collapse;
}

li .notetable
{
    max-width: 952px; /* make sure a notetable inside of a list ends at the same position as a normal notetable */
}

li li .notetable
{
    max-width: 912px;
}

li li li .notetable
{
    max-width: 872px;
}

.note-image-column {
    width: 64px
}

.note-text-column ul,
.note-text-column ol
{
    margin-bottom: 0;
}

.note-icon {
    width: 50px;
    height: 50px;
}

.caution .note-text-column {
    background-color: #bfbfbf;
}

/* Tables */
/*.table{
  width: auto;
}*/
table,
table td {
    border-collapse: collapse;
    border: 1px solid #585857;
}

table caption {
    display: none; /* Captions are not used by us, only contains collapse action */
}

th.entry,
thead th.stentry,
thead th.choptionhd,
thead th.chdeschd {
    border-color: #585857;
    background-color: #585857;
    color: #ffffff;
    font-weight: bold;
}

.colsep-0 {
    border-left: 0;
    border-right: 0;
}

.table > tbody > tr > td.rowsep-0,
.table > thead > tr > th.rowsep-O,
.rowsep-0 {
    border-top: 0;
    border-bottom: 0;
}

/* Lists */
ul,
ul ul
{
    list-style-type: square;
}

ul ul ul
{
    list-style-type: disc;
}

/* Images */
td:not(:only-child) > img.image:only-child {
    max-width: initial; /* prevent icons in table cells from collapsing on themselves */
}

/* Styling tags */
.uicontrol,
.wintitle {
    color: #585857;
    font-weight: bold;
}

kbd.ph.userinput {
    font-family: monospace;
    font-style: italic;
    font-size: 100%;
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: inherit;
}

/* Figures */
.figcap {
    font-size: 0.9em;
    color: #7B7B79;
}

/*
 * ------------------------------------------------------------------
 *  
 * Publication titles
 *  
 */
.wh_publication_title > a {
    color: #c20e1a;
    font-weight: bold;
    font-family: 'Calibri Light', Arial, Calibri;
}

.wh_publication_title .mainbooktitle, .wh_publication_title .product_version {
    font-size: 2em;
}

a.wh_logo
{
    position: absolute;
    right: 15px;
    padding: 8px;
    border-radius: 12px;
    background-color: #fff;
}

.wh_logo img
{
    max-height: 40px;
}

/*
 * ------------------------------------------------------------------
 *  
 * Menu
 *  
 */
.wh_top_menu {
    text-transform: uppercase;
    margin: .4em 0;
    font-size: 0.9em;
}
.wh_top_menu a {
    color: #585857;
    line-height: 2em;
}

.wh_top_menu ul li:hover {
    background-color: #c20e1a;
}
.wh_top_menu ul li.active {
    background-color: #c20e1a;
}

/* The submenus */
.wh_top_menu ul ul {
    color: #ffffff;
    background-color: #c20e1a;
}

.wh_top_menu ul ul a {
    color: #ffffff;
}

.wh_top_menu ul li:hover a,
.wh_top_menu ul li.active a {
    color: #ffffff;
}

.wh_top_menu ul ul li a:hover {
    background: #A90001;
}
.wh_top_menu ul ul li {
    border-top-color: #ffffff;
    width: 270px;
    text-transform: capitalize;
}
.wh_top_menu ul ul li.has-children:after {
}

/* Render top_menu for devices larger than 767px */
@media only screen and (min-width : 768px) {
    .wh_top_menu ul ul {
        color: #ffffff;
        background-color: #c20e1a;
    }
    .wh_top_menu ul ul li {
        border-top-color: #ffffff;
    }

    .wh_top_menu ul li.active > ul {
        padding-left: 0;
    }
}

/* Render top_menu for devices smaller than 767px */
@media only screen and (max-width : 767px) {
    .wh_top_menu ul {
        margin-bottom: 0;
    }
    .wh_top_menu ul ul {
        display: none;
    }
}

/*
 * ------------------------------------------------------------------
 *  
 * Link to the index.
 * 
 */
.wh_indexterms_link a span {
    display: none;
}
.wh_indexterms_link a:before {
    color: #585857;
}
.wh_indexterms_link a:hover:before {
    color: #c20e1a;
}


/*
 * ------------------------------------------------------------------
 *  
 * Breadcrumb
 *  
 */
.wh_breadcrumb ol {
    color: #585857;
}
.wh_breadcrumb ol a {
    color: inherit;
}
.wh_breadcrumb ol .active {
    color: #c20e1a;
}

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

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

.wh_print_link button,
.webhelp_expand_collapse_sections,
.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;
}

.wh_print_link button {
    color: #585857;
}

.wh_print_link button:hover {
    color: #c20e1a;
}

#go2top {
    background-color: #c20e1a;
    border: 1px solid #ececec;
}

/* Highlighting */
/* REMARK: highlight and hl-close styling has been switched so highlighting is off by default */
.wh_hide_highlight
{
    color: #585857;
}

.wh_hide_highlight.hl-close:after
{
    opacity: 1;
    color: #c20e1a;
}

.wh_hide_highlight:hover:after
{
    color: #c20e1a;
}

.wh_hide_highlight.hl-close:hover:after
{
    color: #585857;
}

.highlight
{
    color: inherit;
    background-color: inherit;
}

.wh-h:not(.highlight)
{
    background-color: #FFFF88;
    color: #000000;
}

@media only screen and (max-width : 991px) {
/* never highlight on mobile */
    .wh-h:not(.highlight)
    {
        color: inherit;
        background-color: inherit;
    }
}

/*
 * ------------------------------------------------------------------
 *  
 * Tiles
 * 
 */
.wh_tile {
    min-height: auto;
    font-weight: 300;
    width: 22%;
}

@media only screen and (max-width : 1350px) {
    .wh_tile {
        width: 30%;
    }
}

@media only screen and (max-width : 1050px) {
    .wh_tile {
        width: 45%;
    }
}

@media only screen and (max-width : 767px) {
    .wh_tile {
        width: 100%;
        min-width: 240px;
    }
}

.wh_tile_shortdesc {
    margin-top: 1em;
    text-align: center;
    color: #0D1A2B;
    font-size: 1.1em;
}
.wh_tile_text:after {
    background: linear-gradient(to bottom, rgba(239, 239, 239, 0), rgba(239, 239, 239, 1) 75%);
}
.wh_tile_title {
    color: #585857;
    display: table;
    width: 100%;
    min-height: 140px;
    padding: 1em;
    font-size: 1.7em;
    text-align: center;
    text-decoration: none;
    border-radius: 12px;
    background-color: #ececec;
}

.wh_tile_title span.topicref {
    display: table-cell;
    vertical-align: middle;
}

.wh_tile_title:hover {
    color: #ffffff;
    min-height: 140px;
    padding: 1em;
    font-size: 1.7em;
    text-align: center;
    text-decoration: none;
    border-radius: 12px;
    background-color: #c20e1a;
}

.wh_tile_title:active {
    color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

@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 {
    background-color: #7b7b7a;
    display: block;
    margin: 0;
    position: relative;
    padding: 40px 0;
}

.wh_welcome:not(:empty) {
    font-size: 4em;
    margin: 0 auto;
    font-family: 'Calibri Light', sans-serif;
    padding: 0 0 1.5em 0;
    text-shadow: none;
}

.wh_search_textfield {
    border: solid 1px #c20e1a;
    border-radius: 5px;
    padding: 0 .5em;
    position: relative;
    height: 2.8em;
}
.wh_search_button {
    border: solid 1px #c20e1a;
    border-radius: 0 5px 5px 0;
    padding: 0 .5em;
    color: #fff;
    background-color: #c20e1a;
    height: 2.8em;
}

/* 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 {

}

.search-autocomplete-proposal-hg {
    color: #585857;
}

.ui-state-active {
    background-color: #ececec;
}

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

/* Selected autocomplete item */
.ui-menu-item .ui-state-active {
    color: inherit;
    background-color: #ececec;
    border: none;
    margin: 0;
}

.pagination > .disabled > a {
    color: #7b7b7a;
}

.pagination > li > a {
    color: #585857;
}

.pagination > li > a:hover {
    color: #c20e1a;
}

/*@media only screen and (max-width: 999px) {*/
/*.wh_search_input:after{*/
/*display:none;*/
/*}*/

/*}*/
@media only screen and (max-width : 767px) {
    .wh_main_page .wh_search_input,
    .wh_search_input {
        padding: 3em 0;
    }
}

/*
 * ------------------------------------------------------------------
 *  
 * Publication TOC
 * 
 */
.wh_publication_toc {
    border-radius: 3px;
    padding: 1.5em 2em;
    background-color: #ececec;
}
.wh_publication_toc .active > .topicref a {
    color: #c20e1a;
}
.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited,
.wh_publication_toc a:hover {
    color: #878787;
}
.wh_publication_toc a:hover {
    text-decoration: underline;
}

.wh_publication_toc ul li {
    margin-top: .7em;
}

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

    .wh_related_links,
    .wh_child_links,
    .wh_topic_content .related-links {
        border: 1px solid #ececec;
    }
}

@media only screen and (min-width : 768px) {
    .wh_child_links {
        display: none;
    }
}

/* Publication TOC tooltip */
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    background-color: #A6402B;
    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: #A6402B;
}

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

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

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

/*
 * ------------------------------------------------------------------
 *
 * Footer
 * 
 */
.wh_footer {
    text-align: center;
    padding: 1em;
    position: relative;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    background: none #585857;
    margin-top: 2em;
}

.wh_footer a {
    color: #ffffff;
}

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

/*
 * ------------------------------------------------------------------
 *  
 * Topic content
 * 
 */
.wh_topic_content,
.wh_content_area {
    color: #000000;
    line-height: 1.7em;
    margin-bottom: 80px;
}
.wh_main_page .wh_content_area {
    margin: 40px auto;
}
.wh_topic_content .title.topictitle1 {
    color: #c20e1a;
    font-family: Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1em;
    line-height: 1.1em;
}
.wh_related_links,
.wh_child_links,
.wh_topic_content .related-links {
    border-top: 1px solid #ececec;
    padding-top: 7px;
    margin-top: 0;
}

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

.wh_child_links {
    padding: 1.5em;
}
.related-links strong,
strong.child-topics-list-header {
    color: #585857;
    font-weight: bold;
}

.related-links a,
.related-links a:visited {
    font-weight: 500;
    color: #5185cb;
    padding-bottom: .3em;
    display: inline-block;
}

.topictitle3 {
    font-weight: 400
}

.filepath {
    color: #c7254e !important;
}

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

.searchresult li a {
    font-family: Arial, Calibri;
    font-weight: bold;
    color: #c20e1a;
}

.searchresult li a:hover {
    text-decoration: underline;
}

.searchresult .shortdesclink {
    margin: .3em .5em 0 0;
}
.wh_search_expression {
    font-weight: bold;
}

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

.relativePath {
    display: none; /* Hide the relative link added to every search result */
}

.searchresult li a.showSimilarpages {
    font-family: Calibri;
}

.searchresult li a.showSimilarpages:hover {
    color: #c20e1a;
}

.search-shortdescription-highlight,
.wh_search_expression {
    font-weight: bold;
    color: #585857;
}

/*
 * ------------------------------------------------------------------
 *  
 * Index terms.
 * 
 */
.wh-letters {
    background-color: #ececec;
}

.wh-letters li a {
    color: #c20e1a;
}

.wh-letters li a:hover {
    font-weight: bold;
}

.wh-letters li::after {
    color: #7b7b7a;
}

.wh_index_terms span.wh_first_letter {
    font-family: 'Arial', 'Calibri';
    color: #c20e1a;
    border-bottom: 1px solid #c20e1a
}
.wh_index_terms #indexList {
    padding: 0;
}


/*
 * ------------------------------------------------------------------
 *  
 * Tree TOC for the main page.
 * 
 */
.wh_main_page_toc {
}


.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;
}

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