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


/*
 * ------------------------------------------------------------------
 *  
 * 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);
}
@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 100;
    src: url(resources/fonts/SourceCodePro-ExtraLight.ttf);
}
@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 300;
    src: url(resources/fonts/SourceCodePro-Light.ttf);
}
@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 400;
    src: url(resources/fonts/SourceCodePro-Regular.ttf);
}
@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 700;
    src: url(resources/fonts/SourceCodePro-SemiBold.ttf);
}
html, body {
    min-width:100%;
}

body{
    font-family: 'Roboto', sans-serif;
}

    /*
     * ------------------------------------------------------------------
     *
     * Fight with bootstrap
     *
     */
.navbar-brand{
    height:auto;
}
.navbar {
    border:none;
    border-radius:0;
    margin:0;
}
.navbar-dark .navbar-toggler{
    color: #C8102E;
    border-color: #C8102E;
}
.navbar-dark .navbar-toggler-icon{
    background-image: url(resources/images/Menu_button.svg);
}


.wh_header{
    background: #FFFFFF none;
    color: #5B6770;
    text-align: left;
}
a,
/*a:hover,*/
a:visited{
    color: #337ab7;
}
a:hover{
    text-decoration: underline;
    color: rgba(200,16,46,1);
}


/*
 * ------------------------------------------------------------------
 *  
 * Publication titles
 *  
 */
 .wh_publication_title{
     font-size: 1.5em;
     margin-right: 1.5em;
 }
 .wh_publication_title > a{
     color:#5B6770;
}

.lastupdated{
  padding-left: 0.1em;
  font-size: 1.5em;
}

/* Logo
 */
.wh_logo{
    margin-right: 0em;
}
.wh_logo > img{
    width: 100%;
    max-width: 100%;
    vertical-align: baseline;
}
/*
 * ------------------------------------------------------------------
 *  
 * Menu
 *  
 */
.wh_top_menu {
    text-transform: uppercase;
    margin: .4em 0;
    font-size: 0.9em;
}
.wh_top_menu a{
    color: #5B6770;
    line-height: 2em;
    background-color: #F0F0F0;
    padding-left: 0.5em;
    box-shadow: 2px 2px 2px gray;
}

/* The submenus */
.wh_top_menu ul ul {
    background-color: #5B6770;
    color: #ffffff;
}
.wh_top_menu ul li:hover {
    background-color: #5B6770;
    color: #ffffff;
}
.wh_top_menu ul ul li a:hover {
    background: #5B6770;
    color: #ffffff;
}
.wh_top_menu ul ul li {
    border-top-color: #5B6770;
    width: 270px;
    text-transform: none;
    color: #ffffff;
    padding-left: 0.5em;
}
.wh_top_menu ul ul li.has-children:after{
}

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


/*
 * ------------------------------------------------------------------
 *  
 * Breadcrumb
 *  
 */
.wh_breadcrumb ol {
    color: #7C878E;
}
.wh_breadcrumb ol a {
    color:inherit;
}
.wh_breadcrumb ol .active {
    color: #014e9e;
}


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

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


/*
 * ------------------------------------------------------------------
 *  
 * Tiles
 * 
 */
.wh_tile {
/*    background-color: rgba(153,16,15,1);*/
    background-color: #ECF2F9;
    font-weight:300;
/*    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/border: 1px rgba(200,200,200,1) solid;
    

}
/*.wh_tile:hover{
    background-color: rgba(0,85,140,1);
}*/
.wh_tile_shortdesc{
    margin-top:1em;
    text-align: center;
    color: #000000;
    font-size:1em;
}

.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:1.5em;
    text-align: center;
    text-decoration: none;
}

.wh_tile_title a{
    color: #014e9e;
}
.wh_tile_title a:hover{
    color: rgba(200,16,46,1);
}

@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{
    display:block;
    margin:0;
    position:relative;
    background: #014e9e;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

.wh_welcome:not(:empty){
    font-size: 2.9em;
    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{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    background: #014e9e;

}
.wh_search_textfield{
    border: solid 1px #CCC;
    border-radius: 5px;
    padding: 0 .5em;
    position: relative;
    height: 2.8em;
}
.wh_search_button{
    border: solid 1px #CCC;
    border-radius: 0 5px 5px 0;
    padding: 0 .5em;
    color:#fff;
    background-color: rgba(200,16,46,1);
    height: 2.8em;
}
#searchForm > div{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* 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;
}

/*@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 .5em;
    background-color: #f0f0f0
}
.wh_publication_toc .active > .topicref a {
    color: #5185cb;
}
.wh_publication_toc span, .wh_publication_toc a, .wh_publication_toc a:hover {
    color: #5B6770;
}
.wh_publication_toc a:hover {
    text-decoration: underline;
}

.wh_publication_toc a:visited {
    color: #a2aaad;
}


.wh_publication_toc ul li, #wh_topic_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 #e0e0e0;
    }

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

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

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

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

.wh_footer a{
    color: #CCE2F1;
}
.wh_footer a:hover{
    text-decoration: none;
    background-color: #000000;
}
/*
 * ------------------------------------------------------------------
 *  
 * Topic content
 * 
 */
.wh_topic_content,.wh_content_area {
/*    color: #5B6770;*/
    color: #000000;
    line-height: 1.7em;
    margin-bottom: 80px;
}
.wh_main_page .wh_content_area {
    margin: 40px auto;
}
.wh_topic_content .title.topictitle1 {
    font-size: 2em;
    line-height: 1.3em;
}

.topictitle3{
    font-weight: 400;
}

.wh_related_links,
.wh_child_links,
.wh_topic_content .related-links{
    border-top: 1px solid #ccc;
    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{
    font-weight: normal;
}

.related-links a {
    color: #016CA5;
/*    padding-bottom: .3em;*/
    display:inline-block;
}
div.desc {
    font-style:italic;
    padding-bottom: 1em;
}

.related-links a:visited {
    color: #66A6CC;
/*    padding-bottom: .3em;*/
    display:inline-block;
}

.related-links a:hover {
    text-decoration: underline;
}

.filepath {
/*    color: #c7254e !important; */
	    font-family: Roboto, sans-serif;
	font-weight: bold;
}

.userinput {
    font-family: "Source Code Pro";
    font-weight: bold;
    font-size: 100%;
    background-color: #DDDDDD;
    color: #000;
    padding: .1em .2em;
}



.apiname {
    font-family: Roboto, sans-serif;
	font-weight: bold;
}
.image {
    padding-top: .5em;
    padding-bottom: .5em;
}
.codeph {
    font-family: "Source Code Pro";
/*  color: #212529; */
    padding: 0.2em;
}
.keyword {
    font-family: Roboto, sans-serif;
	font-weight: bold;
}
.varname {
  font-family: Roboto, sans-serif;
	font-weight: normal !important;
	font-style: italic;
}
code, kbd, pre, samp {
    font-family: "Source Code Pro";
    font-size: 0.9em;
    color: #e83e8c;
    background: #eee;
}

.xmlelement, .xmlatt, .xmlnsname, .xmlpi {
    font-family: "Source Code Pro";
    font-size: 0.9em;
    color: #e83e8c;
    background: #eee;
}
div.note,
div.notice,
div.attention,
div.fastpath,
div.tip,
div.danger,
div.restriction,
div.remember,
div.important,
div.caution,
div.warning{
    display: table;
    background-image:none !important;
    padding-left: 0em;
}
span.note__title,
*[dir] *[dir='ltr'] span.note__title,
*[dir] *[dir] *[dir='ltr'] span.note__title,
*[dir] *[dir] *[dir] *[dir='ltr'] span.note__title,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] span.note__title{
    padding:4px 4px 4px 0px;
    background-position:left;
    
}
span.note__title{
    font-weight: bold;
}
div.note>span.note__title{
    background-repeat:no-repeat;
    background-image:none !important;
    
    
}

div.warning>span.note__title{
    background-image:none !important;
    
}
div.caution>span.note__title{
    background-image:none !important;
    
}
div.trouble>span.note__title{
    background-image:none !important;
    
}

div.important>span.note__title,
div.attention>span.note__title{
    background-image:none !important;
    
}

div.remember>span.note__title{
    background-image:none !important;
    
}

div.restriction>span.note__title{
    background-image:none !important;
    
}

div.danger>span.note__title{
    background-image:none !important;
    
}

div.tip>span.note__title,
div.fastpath>note__title,
div.notice>span.note__title{
    background-image:none !important;
    
}
div.note::before{
    content: url("resources/images/Note_Tip_Fastpath_Remember_icon.svg"); 
    display: table-cell;
    padding-right: 0.5em;    
}
div.notice::before{
    content: url("resources/images/Attention_Important_Restriction_icon.svg"); 
    display: table-cell; 
    padding-right: 0.5em;
}
div.tip::before{
    content: url("resources/images/Note_Tip_Fastpath_Remember_icon.svg"); 
    display: table-cell;
    padding-right: 0.5em;    
}
div.fastpath::before{
    content: url("resources/images/Note_Tip_Fastpath_Remember_icon.svg"); 
    display: table-cell; 
    padding-right: 0.5em;
}
div.remember::before{
    content: url("resources/images/Note_Tip_Fastpath_Remember_icon.svg"); 
    display: table-cell; 
    padding-right: 0.5em;
}
div.warning::before{
    content: url("resources/images/Warning_Danger_Caution_icon.svg"); 
    display: table-cell;    
    padding-right: 0.5em;
}
div.danger::before{
    content: url("resources/images/Warning_Danger_Caution_icon.svg"); 
    display: table-cell;    
    padding-right: 0.5em;
}
div.caution::before{
    content: url("resources/images/Warning_Danger_Caution_icon.svg"); 
    display: table-cell;    
    padding-right: 0.5em;
}
div.attention::before{
    content: url("resources/images/Attention_Important_Restriction_icon.svg"); 
    display: table-cell;    
    padding-right: 0.5em;
}
div.important::before{
    content: url("resources/images/Attention_Important_Restriction_icon.svg"); 
    display: table-cell;    
    padding-right: 0.5em;
}
div.restriction::before{
    content: url("resources/images/Attention_Important_Restriction_icon.svg"); 
    display: table-cell;    
    padding-right: 0.5em;
}


/* Reversed the order of the image and title elements in a fig element*/
*[class~="fig"] {
  display: table;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}
*[class~="fig"] > *[class~="image"][placement='break'] {
    display: table-row-group;
}

*[class~="fig"] > *[class~="figcap"] {
    display: table-caption;
    caption-side: bottom;
	padding-top:0.5em;
}
.sectiontitle{
    margin-top: 2em;
    margin-bottom: 1em;
	margin-left: 0em;
	padding-bottom: 0.3em;
	border-bottom: 0.1em #a2aaad solid;
	}
.wh_expand_btn{
	left: 0em;
}
table > caption, .topic > .title, .sectiontitle:not(.tasklabel), .wh_term_group > .wh_first_letter{
	padding-left: 0em;
}
.tasklabel{
    font-size: 1.17em;
    margin-top: 2em;
    margin-bottom: 1em;    
	margin-left: 0em;
}
section.remedy > section.steps-unordered > div.tasklabel{
    display:none;
}

section.remedy > section.steps > div.tasklabel{
    display:none;
}

section.remedy > section.steps-informal > div.tasklabel{
    display:none;
}

table > caption{
    display:none;
}

.table{
    margin-bottom: 2em;
    margin-top: 1em;
    border-color: #FFFFFF;
    border-width: 0em;
    border-style: none;
    width:100%;
}
.thead{
    background-color: #3670AE;
    color: #FFFFFF;
}
.tbody{
    background-color: #F0F0F0;
}
.tr{
    vertical-align: top;
}
.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: #FFFFFF;
    border-width: 0.2em;
    border-style: solid;
    vertical-align: top;
    text-align:left;    
}
.simpletable{
    border-width: 0em;
    border-style:none;
    width:100%;
}
.sthead{
    border-width: 0em;
    border-style:none;
    text-align:left;
}
.stentry{
    border-width: 0em;
    border-style:none;
    text-align:left;
}
.choicetable{
    margin-bottom: 2em;
    margin-top: 1em;
    border-color: #FFFFFF;
    border-width: 0.2em;
    border-style: solid;    
}
.choptionhd,
.chdeschd,
.choption,
.chdesc{
    text-align: left;
    border-color: #FFFFFF;
    border-width: 0.2em;
    border-style: solid;
}
.chhead{
    background-color: #66A6CC;
    color: #FFFFFF;  
}
.chrow{
    background-color: #F0F0F0;
}
.shortdesc{
/*    display: none;*/
    
}
.shortdesc.hidden{
    display: none;
    
}

/*.shortdesc::before{
    content: "Summary: ";
    font-weight: bold;
}*/
.annotation{
    color:white;
    background-color: #016CA5;
    padding:0em 0.3em;
    font-style: normal;
}

.stepxmp::before{
    content: "Example: ";
}

.dd{
	margin-left: 2em;
}
.ddexpand{
	margin-top: 0em;
}
.remedy > .tasklabel{
	display: none;
}

ol > li.topic\/li::marker {
    color: #C8102E;
   font-weight:bold;
    font-size: 1.1em;
/*    content: counter(list-item) "  ";
*/
}
ul > li.topic\/li::marker {
       color: #C8102E;
   font-weight: bold;
   
}
ul > li.topic\/li{
    list-style: square;
    margin-bottom: 0.5em;
}

ul.topic\/ul{
    margin-left:-1.5em;
}

ol.topic\/ol{
    margin-left:-1.5em;
}

.nested0, .p{
  margin-top: 0em;
}

.note{
  margin-top: 0em;
  margin-bottom: 0em;
}
/*
 * ------------------------------------------------------------------
 *  
 * Search results.
 * 
 */
.searchresult {
    list-style: none;
}

.searchresult li a {
    color:#5B6770;
}
.searchresult .shortdesclink {
    margin: .3em .5em 0 0;
}
.wh_search_expression{
    font-weight:bold;
}

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

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


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