/* * ============================================== * Skin for oXygen generated WebHelp. * ============================================== */
/* * ------------------------------------------------------------------ * * Fonts. * */
/* @import url("https://fonts.googleapis.com/css?family=Proxima%20Nova:300,400,700");
 */
 @font-face {
     font-family: 'Proxima Nova';
     src: url('resources/Proxima-Nova-Regular.woff') format('woff');
}
 body {
     font-family: 'Proxima Nova';
     font-size: 12px !important;
     background-color: #ffffff;
}
 html {
    /* zoom: 70%;
     */
     background: #f1f2f5;
     letter-spacing: 1px;
}
/* * ------------------------------------------------------------------ * * Fight with bootstrap * */
 .container {
     width: auto !important;
     padding-bottom: 15px;
}
 .navbar-brand {
     height: auto;
}
 .navbar {
     background-image: none;
     border: none;
     border-radius: 0;
     margin: 0;
     box-shadow: none;
}
 .wh_header {
     background-color: #26619A;
     padding: 0 !important;
}
 .wh_logo_and_publication_title {
     display: grid !important;
}
 a, a:hover, a:visited {
     color: #1ea7ef;
}
 a:hover {
     text-decoration: none;
}
/* * ------------------------------------------------------------------ * * Publication titles * */
 element.style {
}
 .wh_publication_title {
     display: block;
}
 .wh_publication_title > a {
     color: #ffffff;
     text-transform: uppercase;
     font-size: 25px;
     line-height: 0;
    /* margin-top: 76px;
     */
     float: left;
     padding:1px;
     display: none;
}
 .wh_tile {
     background-color: #ffffff;
     border-left-style: solid;
     border-color: #464950;
     border-radius: 6px;
     border-left-width: 6px;
}
/* * ------------------------------------------------------------------ * * Menu * */
 .wh_top_menu {
     font-size: 16px;
     margin-top: 10px;
     text-transform: capitilize;
     float: right;
     padding: 2px;
    /* background: #1B365D;
     */
     margin-top: 52px;
     letter-spacing: 1.5px;
}
/*.wh_top_menu ul {
     background-color: @menuBgr;
}
*/
 .wh_top_menu ul a {
     color: #ffffff;
}
/* The submenus */
 .wh_top_menu ul ul {
     background-color: #f1f2f5;
}
.wh_top_menu ul li a {
    padding: 0.8em 1em;
}
 @media only screen and (min-width: 768px) {
     .wh_top_menu > ul > li > .topicref > a {
         background-color: #26619A;
         margin: 0 2px;
         padding: 10px;
         border-radius: 4px 4px 4px 4px;
    }
     .wh_top_menu > ul > li > ul {
         margin: -2px 2px;
    }
    /* Menu bar */
     .wh_top_menu ul li:hover a {
         background-color: #ffffff;
         color: #464950;
    }
    /* Sub menus */
     .wh_top_menu ul ul li {
         border: none;
         background-color: #f1f2f5;
         box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    }
     .wh_top_menu ul li:hover ul a {
         color: #777777;
         transition: background-color 0.25s ease-out 0s, color 0.3s ease-out 0s;
    }
     .wh_top_menu ul ul li a:hover {
         color: #1b365d;
         background-color: #cfdbe3;
         transition: background-color 0.25s ease-in 0s, color 0.3s ease-in 0s;
    }
     .wh_top_menu ul ul li.has-children:after {
         color: #777777;
    }
}
 @media only screen and (max-width: 767px) {
     .wh_top_menu li a {
         color: #ffffff;
    }
     .wh_top_menu li.active a {
         color: #0b6a9c;
    }
     .wh_top_menu li.active {
         background-color: #E3F0F7;
    }
     .wh_top_menu li.active > span > a {
         background-color: #cfdbe3;
    }
     .wh_toggle_button.navbar-toggle, .wh_toggle_button.navbar-toggle:focus {
         border: none;
         border-color: #0b6a9c;
         background-color: #E3F0F7;
    }
     .wh_toggle_button.navbar-toggle .icon-bar {
         background-color: #0b6a9c;
    }
     .wh_top_menu ul ul li {
         border: none;
    }
}
/* * ------------------------------------------------------------------ * * Link to the index. * */
 .wh_indexterms_link a:before {
     color: #ffffff;
     font-size: 1.5em;
}
 .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, .wh_breadcrumb ol a {
     color: #1ea7ef;
     font-size: 16px;
}
 .wh_breadcrumb ol .active {
     color: #1ea7ef;
}
/* * ------------------------------------------------------------------ * * Tools and navigation * */
 .wh_tools {
     border: #F1F2F5;
     background-color: #F1F2F5;
     margin: 0em 15px;
     font-size: 1em;
}
 .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: #0b6a9c;
     text-decoration: none;
}
 .wh_right_tools {
     padding: 8px 15px;
}
/* * ------------------------------------------------------------------ * * Tiles * */
 .wh_tile_shortdesc {
     color: #000000;
     font-weight: 400;
     font-size: 17px;
     margin-top: 0.5em;
     text-align: center;
}
 .wh_tile_title {
     font-size: 1em;
     text-decoration: none;
     text-transform: none;
}
 .wh_tile_title a {
     text-align: left;
     color: #000000 !important;
     font-size: 24px;
     font-weight: 400;
     text-align: center;
}
 @media only screen and (max-width: 767px) {
     .wh_tile > div {
         height: auto;
    }
}
/* * ------------------------------------------------------------------ * * Tree TOC for the main page. * */
 .wh_main_page_toc {
     border: none;
     background-color: #ffffff;
}
 .wh_main_page_toc .topicref a {
     color: #0b6a9c;
}
 .wh_main_page_toc .wh_main_page_toc_accordion_header:hover, .wh_main_page_toc > .wh_main_page_toc_entry:hover {
     background-color: #E3F0F7;
     color: #0b6a9c;
}
 .wh_main_page_toc_accordion_header:hover > .wh_toc_shortdesc, .wh_main_page_toc > .wh_main_page_toc_entry:hover > .wh_toc_shortdesc {
     background-color: #E3F0F7;
     color: #0b6a9c;
}
 .wh_main_page_toc .wh_main_page_toc_accordion_header:hover a, .wh_main_page_toc > .wh_main_page_toc_entry:hover a {
     color: #0b6a9c;
}
 .wh_main_page_toc_accordion_header:hover:before {
     color: #0b6a9c;
}
 .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 #E3F0F7;
     background-color: #ffffff;
     text-align: left;
}
 .wh_main_page_toc .wh_toc_shortdesc {
     color: #1ea7ef;
}
 .wh_main_page_toc_accordion_header:before {
     color: #0b6a9c;
}
 .wh_main_page_toc .expanded {
     border: none;
}
/* --------------------------------- */
 .wh_main_page .wh_content_area {
     background-color: #F1F2F5;
    /* padding: 4em 0 2em 0;
     */
    /* color: #0b6a9c;
     */
     text-align: center;
     align-items: center;
}
/* 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 {
    padding: 4em 0 4em 0;
    margin: 0;
    align-items: center;
    color: #000000;
    text-align: center;
    /* background-color: #26619a;
     */
    background-position: center;
    background-size: cover;
    /* background-image: linear-gradient(#1b365d, transparent), url(resources/aureadocbg1.jpg);
     */
    font-size: 21px;
}
 .wh_main_page_search {
    /* height: 0em;
     */
     min-height: 8em;
    /* padding-top: calc((50vh - 50px)/2 - 1em);
     */
     background-color: #f1f2f5;
    /* background-image: linear-gradient(#26619A, transparent), url(resources/aureadocbg1.jpg);
     */
}
 .wh_main_page .wh_search_textfield, .wh_main_page .wh_search_button {
     font-size: 21px;
}
 .wh_search_textfield, .wh_search_button {
     border: solid 2px #f1f2f5;
     color: #464950;
     background-color: #ffffff;
     padding: 0 .4em;
     height: 2.5em;
     font-size: 1em;
}
 .wh_search_textfield {
     border-radius: 4px;
}
 .wh_search_button {
     border-radius: 0 4px 4px 0 !important;
}
 .wh_logo {
     margin-top: 0px;
}
 .wh_logo img {
     margin-top: 16px;
     max-width: 325px;
     max-height: 134px;
     padding-bottom: 0;
     padding-top: 0;
}
/* Do not allow the text to go beneath the search button */
 @media only screen and (min-width: 768px) {
     .wh_search_textfield {
         padding-right: 3em;
    }
}
 .wh_search_button:after {
     color: #464950;
}
 .wh_search_button:hover {
     background-color: #E3F0F7 
    /*rgba(255, 255, 255, 0.1)*/
    ;
}
/* Search field placeholder */
 ::-webkit-input-placeholder {
     color: #464950;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #464950;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #464950;
}
 :-ms-input-placeholder {
     color: #464950;
}
/* Change Autocomplete styles in Chrome */
 :-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus {
     border: 1px solid #E3F0F7;
     -webkit-text-fill-color: #0b6a9c;
     -webkit-box-shadow: none;
     transition: background-color 5000s ease-in-out 0s;
}
/* * ------------------------------------------------------------------ * * Side TOC * */
 .wh_side_toc {
     border: 1px solid #f1f2f5;
     background-color: #ffffff;
     padding: 1em;
     line-height: 2em;
     margin-left: 2em;
}
 .wh_side_toc > ul {
     padding-left: 0;
}
 .wh_side_toc .active > span {
     color: #1ea7ef;
     text-decoration: underline;
}
 .wh_side_toc a, .wh_side_toc a:visited, .wh_side_toc a:hover {
     color: #1ea7ef;
}
 .wh_side_toc a:hover {
     text-decoration: underline;
}
 @media only screen and (max-width: 767px) {
     .wh_side_toc {
         padding: 1em;
         margin-left: 0;
         margin-top: 1em;
    }
}
/* * ------------------------------------------------------------------ * * Footer * */
 .wh_footer {
     background-color: #26619A;
     background-size: cover;
     padding: 1em 0em;
     color: #ffffff;
     text-align: center;
     align-items: center;
     bottom: 0;
     font-size: 16px;
     /* position: fixed; */
     width: 100%;
}
 .wh_footer a {
     color: #ffffff 
}
 .wh_footer img {
     vertical-align: -5px;
     padding-left: 6px;
     max-width: 55px;
     max-height: 33px;
}
/* * ------------------------------------------------------------------ * * Topic content * */
 .wh_content_area {
     background-color: #F1F2F5;
     padding: 1.5em;
     font-size: 1.3em;
    /* margin-bottom: 2em;
     */
}
 .wh_topic_content {
     color: black;
}
/* * Title & subtitles */
 .topictitle1 {
     color: #444;
     font-weight: normal;
}
 .topictitle2, .topictitle3, .topictitle4, .topictitle5, .topictitle6 {
     /* Comment: these ones work when topics are aggregated with chunk options (verified for chunk=to-content)  */
     color: inherit;
     margin: 1em 0 0.2em 0;
     font-size: 1.17em;
     font-weight: bold;
     font-style: normal;
     
    /* color: #000000;
     * border-left: solid 1px #E3F0F7;
     * padding-left: .5em;
     */
}
/* * Other content */
 .wh_topic_content p, .wh_topic_content .p {
     margin-top: .5em;
}
/*.wh_topic_content .shortdesc {
     font-style: italic;
}
*/
/* Related links */
 .wh_related_links .related-links, .wh_topic_content .related-links, .wh_child_links {
     margin: 1em 0 0 0;
     background-color: #ffffff;
     border: #E3F0F7 solid 1px;
     padding: 0 1em;
}
 .wh_child_links {
     padding: 1em;
}
 .wh_topic_content .related-links {
     font-size: .91em;
}
/* * ------------------------------------------------------------------ * * Search results. * */
 .searchresult {
     list-style: none;
}
 .searchresult li {
     padding: .5em;
}
 .searchresult li a {
     color: #1ea7ef;
}
 .wh_search_expression {
     color: #464950;
}
 .searchresult .shortdesclink {
     margin: .3em .5em 0;
}
 .wh_search_expression {
     font-weight: bold;
}
/* Highlights */
 .highlight {
     background-color: #0b6a9c;
     color: #E3F0F7 !important;
     border-radius: 4px;
     padding: 0 1px;
}
/* Index terms */
 .wh_term_group {
     border: 1px solid #E3F0F7;
     background-color: #E3F0F7;
     margin: 1em 0;
     padding: 1em;
}
 .wh_term > span {
     color: #444;
     font-style: italic;
}
 .wh_index_terms span.wh_first_letter {
     color: #464950;
     border: none;
     font-size: 1.5em;
     margin: 0;
}
 .wh_index_terms #indexList {
     padding: 0;
}
 table {
     width: 100%;
     background: white;
     border: 1px solid #c8c9ca;
}
 td, th {
     border: 1px solid #c8c9ca;
     padding: 8px;
}
 tr:nth-child(even){
    background-color: #ffffff;
}
 tr:hover {
    background-color: #f1f2f5;
}
 th {
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: left;
     background-color: #26619a;
     color: white;
}
 img{
     padding-bottom: 10px;
     padding-top: 10px;
}
 .choption {
     background-color: transparent;
     color: black;
     font-weight: unset;
}
/* Commenting out to correct the problem with sectiontitles when pages are merged in main topic */
/*  
  .topictitle2 {
     font-size: 27px;
     font-style: normal;
     font-weight: bold;
}
 */
 .wh_welcome {
     font-family: unset !important;
     font-size: unset !important;
     text-shadow: unset !important;
     color: #464950 !important;
}
 li.link.ulchildlink {
     padding-bottom: 15px;
}
.img-thumbnail
{
    max-width: 25% !important;
    border: 2px solid #f1f2f5;
    border-radius: 4px;
    padding: 5px;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    vertical-align: baseline;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.img-thumbnail:hover {
    opacity: 0.6;
}
.imagepreview {
/* 	max-width: -webkit-fill-available;
	max-width: -moz-available; */
	}
.fade.in {
    background: rgba(0,0,0,.8);
}
.modal-dialog {
    position: relative;
    text-align: center;
    vertical-align: middle;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    min-width: 30%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
    top: auto;
    left: auto;
	width: min-content;
    max-width: -webkit-fill-available;
	max-width: -moz-available; 
}
.modal-content {
     width: min-content;
}
.wh_indexterms_link {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    float: right;
    padding: 2px;
    margin-top: 52px;
    letter-spacing: 1.5px;
}