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

/*
 * ------------------------------------------------------------------
 *  
 * Fonts.
 *  
 */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,300");

@font-face {
	font-family: 'Glyphicons Halflings';
	src:url(resources/fonts/glyphicons-halflings-regular.eot);
	src:url(resources/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(resources/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(resources/fonts/glyphicons-halflings-regular.woff) format('woff'),url(resources/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(resources/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

html, body {
    min-width:100%;
}

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

/*
 * ------------------------------------------------------------------
 *  
 * Layout
 *  
 */

/* 15.02.2018: Wider container DIV for bigger screens to have more horizontal space for images */

@media only screen and (min-width: 1900px) {
    .container {
		width: 1400px;
    }
}

/*
* ------------------------------------------------------------------
*
* Paragraphs
*
*/

.p {
    margin-top: 1em;
}

/*
* ------------------------------------------------------------------
*
* Bootstrap modifications
*
*/
	 
/*
.navbar-brand{
    height:auto;
}
*/

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

/* Raine L. 25.11.2016: Header color changed */

.wh_header{
    background: #007dc6;
    color: #ffffff;
	padding: 0;
}
.wh_header > a:hover{
    background: #E7781E;
}

.wh_header_flex_container {
    margin-top: 8px;
    margin-bottom: 5px;
}

a,
a:hover,
a:visited{
    color: #007dc6; /* Raine L. 1.12.2016: Changed the link color to match the header and footer bg color */
}
a:hover{
    text-decoration: none;
}

/* Raine L. 1.12.2016: Make the product title and logo href work as expected */

.navbar-collapse:after {
    display: initial;
}

/* Raine L. 19.4.2017: Removed the ">>" icon from the top menu list items that have subitems */

@media only screen and (min-width: 768px) {
    .wh_top_menu ul ul li.has-children:after{
        content: none;
    }
}

    /*
     * ------------------------------------------------------------------
     *
     * Header
     *
     */

.wh_logo_and_publication_title {
    font-size: 18px;
    line-height: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,.25);
}

a.wh_logo {
	display: block;
}

/*
 * ------------------------------------------------------------------
 *  
 * Publication titles
 *  
 */

/* Raine L. 25.11.2016: Style changes to publication titles. */

 div.wh_publication_title {
     color:#fff !important;
     font-size: 1.2em !important;
     margin-left: 10px !important;
	 text-align: left;
	 display: block;
}

div.wh_publication_subtitle {
    font-size: 15px !important;
    color: #fff !important;
    text-shadow: none !important;
    margin-left: 10px !important;
	font-weight: 300;
	text-align: left;
}

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

/* Raine L. 2.12.2016: The main container containing the header menus is now relative, enabling the elements to be placed absolutely (e.g. to the bottom right) */

div.container {
    position: relative;
}

.wh_top_menu {
    text-transform: uppercase;
    font-size: 0.8em;
}

.wh_top_menu a{
    color: #fff;
    line-height: 2em;
}

/* Raine L. 16.12.2016: The "Contacting Support" topic title in the top menu now changes opacity if it's hovered (does not have child topics) */

a[data-id="contacting_support"]:hover {
    opacity: 0.6;
}

a[data-id="contacting_support"] {
    transition: opacity 0.4s ease;
}

/* ----- Support topic title hover definition ends ----- */

/* Raine L. 2.12.2016: Top menu, language and version selector, and PDF link are now placed absolutely to 
the right in the header -- in the desktop layout, the PDF link is placed left of the selector, the selector
is placed in the top-right corner, and the top_menu and the index link are placed under it. I the mobile
layout the selector is placed in the top-right corner of the top_menu and the PDF link under it.
No index link in the mobile layout. */

/* --- Desktop layout starts --- */

/* Raine V. 28.1.2020: Added a small padding for the PDF download link as removing the language selector
from the Swedish user guide causes it to be awkwardly placed.  */

.PDFLink {
	display: inline-block;
	float: left;
	padding: 0 2px 3px 0;
}

#settingsButton {
	cursor: pointer;
    background: #e7781e;
    padding: 4px 10px;
    border-radius: 2px;
    font-size: 85%;
    margin-left: 2em;
    display: none; /* Raine L. 7.12.2016: Button not to be shown if language-version-selector.js cannot be found */
    
/* Raine L. 8.12.2016: Hover transitions for the PDF link and the index term link */    

    transition: background-color 0.4s ease;
}

#settingsButton:hover {
    background-color: #cb6512;
}

.PDFLink {
    transition: opacity 0.4s ease;
}

.PDFLink:hover {
    opacity: 0.5;
}

.wh_indexterms_link {
    transition: opacity 0.4s ease;
}

.wh_indexterms_link:hover {
    opacity: 0.5;
}

/* --- End of hover transition changes --- */

@media only screen and (min-width: 768px) {
    .wh_top_menu {
		right: 7.5em;
		bottom: 3px;
    }
    
    .top-buttons {
		right: 3.5em;
		top: 0.6em;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
    }
    .PDFLink {
        margin-right: 2px;
		margin-top: 1px;
    }

}

/* --- Desktop layout ends and mobile starts --- */

@media only screen and (max-width: 767px) {
    .top-buttons {
        right: 0.5em;
        top: 0.5em;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
        margin-top: 8px;
    }
    .PDFLink {
        position: absolute;
        right: 0.2em;
        top: 2.9em;
    }
    div.wh_top_menu_and_indexterms_link {
        position: relative;
    }
    .navbar.collapse {
        padding-left: 20px;
    }
	
	/* Raine V: Removing this rule for mobile.
	
	.wh_child_links {
		display: none;
	} */
}

/* --- Mobile layout ends --- */

/* User guid selector pane */

.userGuideSelector {
	display: none;
}

.userGuideSelector div, .userGuideSelector input {
    margin: 5px;
    overflow: hidden;
}

.userGuideSelector div:first-child {
    float: left;
}

.userGuideSelector:before, .userGuideSelector:after {
    display: table;
    line-height: 0;
    content: "";
}

.userGuideSelector:after, .userGuideSelector .select {
    clear: both;
}

/* The "Looking for the latest user guide?" note */

#noteContainer {
    position: absolute;
    opacity: 0;
    top: -90px;
}

#noteContainer #arrow {
    position: absolute;
	width: 0px;
	height: 40px;
	background-image: url("resources/images/header-arrow.png");
	background-repeat: no-repeat;
}

#selectorNote {
    background-color: rgb(231,236,241);
    border-radius: 2px;
    display: inline-block;
    margin-top: 42px;
    cursor: default;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	white-space: nowrap;
	font-family: Tahoma;
	text-align: center;
}

#selectorNote #noteTitle {
    font-size: 9pt;
    color: rgb(0,125,198);
    padding: 5px 13px 4px 13px;
}

/* Raine V. 15.1.2020: Formatting for a new outputclass, announcementnote */

div.announcementnote {
	text-align: center;
	border: darkgray 1px solid;
	background: #dae9ef;
}

div.announcementnote > span.notetitle {
    display: none;
}

span.notetitle {
  padding-right: 0;
}

#selectorNote #noteSubtitle {
    font-size: 8pt;
    color: rgb(97,97,97);
    padding: 0px 13px 8px 13px;
}

/* The submenus */

/* Raine L. 25.11.2016: Submenu background color changed. */

.wh_top_menu ul ul {
    background-color: #007dc6;
}
.wh_top_menu ul li:hover {
    background-color: #007dc6;
}
.wh_top_menu ul ul li a:hover {
    background: #E7781E;
}
.wh_top_menu ul ul li {
    border-top-color: #007dc6;
    width: 400px;
    text-transform: none; /* Raine L 10.4.2017: The text-transform parameter was capitalizing unwanted words in the titles. */
}
.wh_top_menu ul ul li.has-children:after{
}

/* Antti A. 07.12.2017: Stack the top menu items under the overlay DIV */
.wh_top_menu ul {
	z-index: 99;
}

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

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

.wh_indexterms_link {
	display: inline-block;
	vertical-align: middle;
}

/*
 * ------------------------------------------------------------------
 *  
 * Breadcrumb
 *  
 */
.wh_breadcrumb ol {
    color: #878787;
}
.wh_breadcrumb ol a {
    color:inherit;
}
.wh_breadcrumb ol .active {
    color: #5185cb;
}

/* Raine L. 13.12.2016: Display breadcrumb without background color */

.wh_breadcrumb {
    display: inherit;
}

.wh_tools {
    background-color: transparent !important;
}

/* Raine L. 16.12.2016: Display the active topic title in the breadcrumb in the theme color */

div.wh_breadcrumb li.active {
    color: #007dc6;
}

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

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

/* Antti A 16.11.2017: Hide buggy duplicate next/previous arrows */
.navnext:not(:nth-child(-n+2)), .navprev:not(:nth-child(-n+2)) {
    display: none;
}

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


/*
 * ------------------------------------------------------------------
 *  
 * Tiles
 * 
 */
.wh_tile > div {
    margin: 0.5em 1em 0.5em 1em;
    padding: 1.1em;

    /* Raine V. 29.12.2017: Removed the tile background color, was previously the same as for a note */

    /* background-color: #f4f6f9; */
    
    height:auto; /* Raine L. 16.12.2016: Removed the fixed height definition for a main page topic title tile */
    font-weight: 300;
    /*transition: background-color 0.3s ease;*/
}

.wh_tile {
    width: 60%;
    margin: auto;
	padding: 0;
	min-height: 0;
}

.wh_tile_shortdesc{
    margin-top: 0.4em; /* Raine V. 29.12.2017: Reduced the margin from 1em to 0.4em */
    text-align: center;
    color: #0D1A2B;
    font-size: 1em;
}

/* Raine L. 16.12.2016: Background color hover effect for main page topic title tiles, transition set in the non-hover selector above */

/*
.wh_tile > div:hover {
    background-color: #fafcfe;
}
*/

/* Raine L. 16.12.2016: Remove the fade effect from topic title tiles on the main page */

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

*/

.wh_tile_title:hover {
    opacity: 0.7; /* Raine L. 16.12.2016: Opacity changes when the main page topic title is hovered, transition set in the non-hover element below */
}

.wh_tile_title{
    font-size:1.8em; /* Raine V. 29.12.2017: Enlarged the font size to 1.8 from 1.7 */
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    transition: opacity 0.3s ease;
}
.wh_tile_title a{
    color: #007dc6; /* Raine L. 16.12.2016: Topic title color in tiles changed to theme blue */
}
@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: url('resources/images/bgr_right_small.png') right no-repeat #2771bb;*/
    padding: 40px 0 25px 0; /* Raine L. 3.1.2017: Search bar bottom padding reduced. */
}

.wh_welcome:not(:empty){
    font-size: 4em;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif; /* 23.11.2016 Raine L.: Changed the body font to Open Sans */
    padding: 0 0 1.5em 0;
    text-shadow: none;
}

.wh_main_page .wh_search_input{
    padding: 55px 0 10px 0; /* Raine L. 3.1.2017: Search bar bottom padding on the main page reduced. */
    /*background: url('resources/images/bgr_right.png') right no-repeat #2771bb;*/

}
.wh_search_textfield{
    border: solid 1px #CCC;
    /*border-radius: 5px;*/
    padding: 0 .5em;
    position: relative;
    height: 2.1em;
}
.wh_search_button{
    border: solid 1px #CCC;
    /*border-radius: 0 5px 5px 0;*/
    padding: 0 .5em;
    color:#fff;
    background-color: #E7781E;
    height: 2.1em;

/* Raine L. 8.12.2016: Added a hover transition for the search button */

    transition: background-color 0.4s ease;
}

button.wh_search_button:hover {
    background-color: #cb6512;
}

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

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

/*
 * ------------------------------------------------------------------
 *  
 * Search results page
 * 
 */
 
.wh_search_results_for {
    font-size: 1em;
}

.searchresult li a.foundResult {
    font-size: 1em;
}

.wh_search_results_header_docs {
    font-size: 1em;
    flex-grow: 2;
}

.searchresult .relativePath {
    display: none;
}

.wh_search_results_header {
    border-bottom: none;
}

.search-breadcrumb {
    margin-top: .5em;
}

/*
 * ------------------------------------------------------------------
 *  
 * Side TOC
 * 
 */
.wh_side_toc{
    border-radius: 3px;
    padding: 1em 1em; /* Raine L. 25.11.2016: Reduced the padding */
    background-color: #f9f9f9;
    border: solid 1px #f5f5f5;
    margin-left: 12px; /* Raine L. 25.11.2016: Added more space to the left of the side toc */
}

/* Raine v. 22.12.2017: Increased the space between the side TOC expand/collapse button and the title from 4 to 8 px */

.wh_side_toc .wh-expand-btn:before {
    margin-right: 8px;
}

.wh_side_toc .active {
    color: #e7781e;
}
.wh_side_toc a, .wh_side_toc a:visited, .wh_side_toc a:hover {
    color: #777;
}
.wh_side_toc a:hover {
    text-decoration: underline;
}

.wh_side_toc  ul  li{
    margin: .7em 0;
}
.wh_side_toc > ul > li > span{
    font-size: 1.2em;
    font-weight: 600;
}

/* Raine L. 8.12.2016: The selected topic is now shown in bold in the side TOC */
/* Raine L. 01.05.2016: Modified the selector so that the top menu is not affected */
/* Raine V. 7.5.2018: Selector updated */

div.wh_publication_toc li.active > span.topicref {
    font-weight: bold;
}

/* 27.10.2017 Antti A: Pointer cursor for side TOC expand/collapse icon */
.wh-expand-btn {
    cursor: pointer;
}

/* 02.11.2017 Antti A: Style modifications for the shortdesc tooltip shown when hovering over a topic in either the breadcrumb or the side TOC */
.wh_breadcrumb .topicref .wh-tooltip, .wh_side_toc .topicref .wh-tooltip {
    display: -webkit-flex;
	display: flex;
    align-items: baseline;
    visibility: hidden;
    background-color: #444;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    line-height: 1em;
    padding: 12px;
    margin: 8px;
    border-radius: 0;
    min-width: 15em;
    min-height: 2em;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: .5s opacity 1s;
}

/*
 * ------------------------------------------------------------------
 *
 * Topic TOC
 * 
 */

  /* Raine V. 7.5.2018: Modifications to the current node style */

#wh_topic_toc a.current_node {
	text-decoration: none;
}

  /* Raine V. 10.1.2020: Forcing wintitle elements to be bolded in wh_topic_toc current nodes */

div.wh_topic_toc ul li a.current_node span.wintitle {
	font-weight: 700;
}

/*
 * ------------------------------------------------------------------
 *
 * Child links section
 * 
 */

.wh_child_links {
    //border-radius: 3px;
    //padding: 1em 1em;
    //background-color: #f9f9f9;
    //border: solid 1px #f5f5f5;
    //margin-left: 12px;
	//margin-top: 40px;
}

.wh_child_links ul li {
    margin: .5em 0;
}

.related-links-title {
    margin: 1em 0 1em 0;
    font-size: 1.3em;
    font-weight: bold;
    font-style: normal;
}
 
/*
 * ------------------------------------------------------------------
 *  
 * Topic content
 * 
 */
 
 /* Antti A. 22.11.2017: Removed min-height to avoid unnecessary empty space between topic content and child links section */
 
.wh_topic_content,.wh_content_area {
    color: #000000;
    //min-height: 400px;
}
.wh_main_page .wh_content_area {
    margin: 20px auto;
}
.wh_topic_content .title.topictitle1, p.main-heading-example {
    color: #007dc6;
    font-size: 2em;
    margin-bottom: 1em;
}

/* Raine V. 19.10.2017: Outputclass for multiple columns */

.twocolumns {
    column-count: 2;
    column-gap: 2em;
}


/* Antti A. 30.05.2017: Retain the title font weight for wintitle elements appearing in titles */

.title .wintitle {
    font-weight: inherit;
}

.wh_topic_content .related-links{
    background-color: #F8F8F8;
    padding: 1.5em;
    margin-top: 1.5em;
}
.wh_topic_content .related-links strong{
    font-weight: 500;
}
.wh_topic_content .related-links .olchildlinks,
.wh_topic_content .related-links .ullinks,
.wh_topic_content .related-links .relinfo{
    list-style: none;
    padding: 0;
    margin:0;
}
.wh_topic_content .related-links a,
.wh_topic_content .related-links a:visited {
    color: #5185cb;
    padding-bottom: .3em;
    display:inline-block;
}
.wh_topic_content .related-links li{
    color: #757575;
    font-size: .9em;
}

h2.title.sectiontitle:not(.expander), h2.title.topictitle2, .title.topictitle3, p.section-heading-example {
    margin: 2em 0 1em 0; /* Raine L. 30.11.2016: Added a top and bottom margin for .sectiontitles */
    font-size: 1.3em; /* Raine L. 30.11.2016: Enlarged the sectiontitle font size */
    font-weight: bold;
	font-style: normal;
}

h2.title.sectiontitle.expander {
    margin: 1em 0 1em 0; /* Raine L. 30.11.2016: Added a top and bottom margin for .sectiontitle.expander */
}

ul.ul, ol.ol {
    margin-top: 5px; /* Raine L. 1.12.2016: Ul lists inside topics now have a small top margin */
    margin-bottom: 5px; /* Raine L. 7.12.2016: Ul lists inside topics now have a small bottom margin */
}

/* Raine L. 1.12.2016: Override bootstrap settings for user input */

kbd {
    padding: 0 2px;
    font-size: 90%;
    color: inherit;
    background-color: inherit;
    border-radius: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

/* Raine L. 2.12.2016: Make two-row topic titles align better -- now the second row is aligned with the first row, not the wíth expand_btn */

.wh_expand_btn {
    cursor: pointer;
    margin-right: 0.1em;
}

/* Raine L. 1.12.2016: Varnames should be orange */

var.keyword.varname {
    color: #e7781e;
}

/* Raine L. 2.12.2016: The "Info" text shoud not be shown for task info sections with no text */

span.itemgroup.info.title.nolabel {
    display: none;
}

/* Raine L. 7.12.2016: Set the max height of codeblock windows to 400 pixels */

pre.pre.codeblock {
    max-height: 400px;
	border-radius: 0;
}

/* Terhi T. 2.4.2020: wintitle elements bolded. Decision made in the Doc team. */

.wintitle {
    font-weight: bold;
    font-style: bold;
}

/* Button output class */

.uicontrol.button {
    display: inline-block;
    background-color: #e1e1e1;
    border: 1px solid #adacad;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: normal;
}

/* Raine L. 16.12.2016: Do not show short descriptions in topic body content */

div.wh_topic_content.body p.shortdesc {
    display:none;
}

/*
 * ------------------------------------------------------------------
 *  
 * Images
 * 
 */

/* Raine L. 25.11.2016 Image width changed to 100% to stop overflow */
/* Antti A. 30.08.2017: Added image rendering directives for block-level images and fancybox images that have been scaled down to make them appear sharper */

.fig .image {
    max-width: 100%;       
	image-rendering:-o-crisp-edges;            
	image-rendering:-webkit-optimize-contrast; 
}

.fancybox-image {
    image-rendering: -webkit-optimize-contrast;
}

.figcap {
    padding-top: 4px;
    display: block;
    font-style: italic;
}

/* Top margin for images in step item groups such as step results */
.itemgroup .fig {
    margin-top: 10px;
}

/* Raine V. 18 Oct 2021: Added a new class for images where border-radius must be 0. */

img.image.minicon {
	border-radius: 0 !important;
}

/*
 * ------------------------------------------------------------------
 *  
 * Search results.
 * 
 */
.searchresult {
    list-style: none;
}
.searchresult li{
    padding: .5em;
}
.searchresult li a, 
.wh_search_expression{
    color:#007dc6;
}
.searchresult .shortdesclink {
    margin: .3em .5em 0;
}
.wh_search_expression{
    font-weight:bold;
}


/*
 * ------------------------------------------------------------------
 *  
 * Index terms.
 * 
 */
.wh_index_terms li.first_letter {
    color: #007dc6;
}
.wh_index_terms #indexList{
    padding:0;
}

li.wh_term_group {
    margin-top: 20px;
}

span.wh_first_letter {
    font-weight: bold;
}

/* Remove extra left margin and left padding for index terms embedded within another index term */
.wh_term .wh_term {
    padding-left: 0;
    margin-left: 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;
}

/* responsive style definitions for embedded YouTube videos */

.expander + .content {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
}

.embedded-video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* scalable VIDEO element */
video {
	max-width: 100%;
}

.embed-responsive .embed-responsive-item {
	width: inherit;
}

/* 27.08.2018 Antti A.: container DIV for VIDEO elements */
.embed-responsive {
	background-color: transparent;
}

/* 21.11.2016 Antti A.: play icon for the .expander class */

.expander {
	cursor: pointer;
	padding-left: 30px !important;
    background-position: 3px;
    background-repeat: no-repeat;
	background-color: transparent !important;
}

.expander.expanded {
    color: #f37c1f;
    background-image: url("resources/images/play_expanded.png");
}

.expander.collapsed {
    color: #007dc6;
    background-image: url("resources/images/play_collapsed.png");
}

/* 25.10.2017 Antti A.: Hide native expand/collapse arrows for .expander class */
.expander .wh_expand_btn {
    display: none;
}

/* 16.01.2018 Antti A: Collapse/expand style definitions for step as the expander and substeps as the collapsible content */
/* The definitions that have been commented out add padding and a faint background color for the expander step and the collapsible substeps */
.expander.cmd.expanded, .expander.cmd.collapsed {	
	cursor: pointer;
	background-image: none;
	color: inherit !important;	
	//background-color: #f7f7f7 !important;
    //padding: 10px !important;
	//display: block;	
	padding-left: 0 !important;
}

.expander.cmd + .content.substeps {
	position: inherit;
	width: inherit;
	height: inherit;
	margin-top: inherit;
	padding-bottom: inherit;
	//margin-top: 0;
	//padding-bottom: 5px;
	//padding-top: 1px;
	//background-color: #f7f7f7;
}

/* Expand/collapse icon */

.expander.cmd:after {
    content: "\e258";
	color: #e7781e; 
    font-family: "Glyphicons Halflings", serif;
    font-style: normal;
    font-size: 13px;
    font-weight: bolder;
    display: inline-block;	
    opacity: 0.5;	
	transition: opacity .3s;
	padding-left: 10px;
}

.expander.cmd.expanded:after {
    content: "\e259";
}

.expander.cmd:hover:after {
    opacity: 1;
    transition: opacity .3s;
}

/*
 * ------------------------------------------------------------------
 *  
 * Tips and notes
 * 
 */

.tiptitle, div[class="tip"]>h3{
    background-image: none !important;
    background-repeat: no-repeat;
    padding: 0;
	font-weight: bold;
}

.notetitle, div[class="note"]>h3 {
    background-image: none !important;
    background-repeat: no-repeat;
    padding: 0;
}

.importanttitle {
    padding: 0;
	background-image: none !important;
	font-weight: bold;
}

.warningtitle, div[class="warning"]>h3 {
    background-image: url(resources/images/warning.png) !important;
    background-repeat: no-repeat;
	background-position-y: center;
    padding: 4px 4px 4px 23px;
}

.note, div.example {
    margin-top: 1em;
    margin-bottom: 1em;
    background: #f4f6f9;
    padding: 10px;
    font-size: 95%;
}

div.example .title.sectiontitle, div.example .example.sectiontitle {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

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

table.table, table.choicetable {
	border-color: #CCC !important;
}

table[border="1"].table, .table.frame-all {
	border: solid 1px;
}

table[frame="hsides"].choicetable {
	border-top: solid 1px;
	border-bottom: solid 1px;
}

.choicetable .stentry {
    border-right: 0;
    border-bottom: 1px solid;
	border-color: inherit;
}

table[frame="void"].table, table[frame="void"].table > tbody > tr > td {
	border: none !important;
}

.ph.cmd + .choicetable {
    margin-top: 10px;
}

/* color coding for checkmarks in tables where @outputclass is "comparison" */
.comparison .entry.checkmark {
    color: #23e223;
	border: solid 1px;
	border-color: inherit;
}

/* color coding for x marks in tables where @outputclass is "comparison" */
.comparison .entry.xmark {
    color: #fb0000;
	border: solid 1px;
	border-color: inherit;
}

table.basic {
  padding-left: 16px;
}

table.basic .entry {
  padding: 5px;
  border: 1px solid;
}

.entry.compatible, .entry.yes {
  background-color: rgb(182, 230, 158);
}

.entry.notcompatible, .entry.no {
  background-color: rgb(236, 236, 236);
}

.headerrow .entry.empty { 
  border: none !important;
  background-color: transparent; 
}

thead.thead, .headerrow .entry, div.tablenoborder thead, table.simpletable.choicetable thead { 
  font-weight: bold;
  background-color: rgb(234, 241, 251); 
}

table.loose {
	margin-top: 25px;
	margin-bottom: 25px;
}

table.loose td {
	padding: 5px;
}

/* Raine L. 1.12.2016: List items should not have top margin inside table cells if there's nothing else in the cell */

td > ul.ul {
    margin: 0 0 2px 0;
}

/* Raine L. 13.6.2017: Using the 'fineprint' output class for a table makes text a bit smaller */

table.fineprint {
    font-size: 0.84em;
}

/* Antti A 26.10.2017: No scrollbar for overflowing tables */
.tablenoborder, .simpletable-container {
    overflow-x: visible;
}

div.wh_topic_toc ul li a.current_node span.wintitle {
	font-weight: 700;
}

table td.entry.colsep-0.rowsep-0 {
	border: 0;
}

.rowsep-1 {
  border-top: 1px solid;
  border-bottom: 1px solid;  
}

.colsep-1 {
  border-left: 1px solid;
  border-right: 1px solid;
}

/* Raine V. 7.9.2018: Captions that have no content should be hidden */

table caption:empty {
    display: none;
}

/* Raine V. 28.10.2021: Formatting for cells, where text should be bolded */

td.headercell {
	font-weight: 700;
}

/*
 * ------------------------------------------------------------------
 *  
 * Tasks
 *  
 */
 
 .itemgroup.stepresult.title,  .itemgroup.info.title,  .itemgroup.note.title, .itemgroup.stepxmp.title, .example.title {
	font-weight: bold;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
	margin-bottom: 0;
 }
 
 /* Antti A 24.03.2017: Top margin for separating adjacent itemgroups */
 
.itemgroup + .itemgroup {
    margin-top: 10px;
}

.stepexpand, .step {
    margin-top: 1em;
    margin-bottom: 1em;
}
 
ul.ul.choices > li > div.ol {
    margin: 5px 0;
}

.ph.cmd + .itemgroup.info {
    margin-top: 10px;
}

/* Antti A 01.11.2017: No additional formatting for ">" */
abbr[title='and then'] {
    cursor: default;
    border-bottom: none;
    text-decoration: none;
}

/*
 * ------------------------------------------------------------------
 *  
 * Navbar Button
 *  
 */

button.navbar-toggle {
  border-color: #fff;
  background-color: rgba(221, 221, 221, 0);
  padding: 6px 7px;
  margin-top: 15px;
}

span.icon-bar {
  background-color: #fff !important;
  width: 20px !important;
}
 
 /*
 * ------------------------------------------------------------------
 *  
 * Keyboard keys
 *  
 */

.keyboard {
    border: 1px solid #aaa;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    -moz-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1);
    -webkit-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1);
    box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
    padding: 0.1em 0.3em;
	font-family: inherit;
    font-size: 80%;
}

 /*
 * ------------------------------------------------------------------
 *  
 * Example headings (in the "About This User Guide")
 *  
 */

p.main-heading-example, p.section-heading-example {
    margin: 0 !important;
}

 /*
 * ------------------------------------------------------------------
 *  
 * Footer
 *  
 */
 
.wh_footer{
    text-align: center;
    padding: 25px;
    position:relative;
    bottom: 20px;
    width: 100%;
    color: #ffffff;
    background: none #007dc6;
    margin-top: 2em;
}

.wh_footer a{
    color: #CCE2F1;
}

#footer-row {
	flex-wrap: nowrap;
    align-items: center;
    display: flex;
    flex: 0 0 100%;
	justify-content: center;
}
 
#footer-links {
	display: flex;
	flex: 0 0 60%;
	justify-content: space-evenly;
	align-items: center;
	max-width: 60%;
}

/* Raine V. 11.1.2022: Two small adjustments to the mobile layout */

@media only screen and (max-width: 768px) {
	
	#footer-links {
		max-width: 55%;
	}
	
	#copyright {
		font-size: 0.9rem !important;
	}
}

#footer-text {
    display: flex;
    flex-wrap: nowrap;
    flex: 0 0 40%;
}
 
#footer-links a {
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 15px;
}
 
#footer-text #copyright {
    min-height: 1px;
    margin: 0;
    text-align: left;
    font-size: 0.9em;
    flex-shrink: 0;
}

#footer-links a {
	transition: opacity 0.4s ease;
}

#footer-links a:hover {
    opacity: 0.6;
}

#footer-links .facebook {
	background-image: url("resources/images/icon-facebook.png");
}
 
#footer-links .twitter {
	background-image: url("resources/images/icon-twitter.png");
}
 
#footer-links .linkedin {
	background-image: url("resources/images/icon-linkedin.png");
}
 
#footer-links .youtube {
	background-image: url("resources/images/icon-youtube.png");
}
 
#footer-links .wordpress {
	background-image: url("resources/images/icon-wordpress.png");
}

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

 /* 03.01.2017 Antti A: Hide the "Similar Results..." link as it only lists the same page as a related search result. The link is shown if a topic is referenced more than once in the ditamap. */
.showSimilarPages {
    display: none;
}

 /*
 * ------------------------------------------------------------------
 *  
 * Toggle search hit highlights, previous and next icons
 *  
 */

.wh_hide_highlight {
	color: #347bb7;
	transition: opacity 0.4s ease;
	cursor: pointer;
}

.wh_hide_highlight:hover {
	opacity: .6;
}

.wh_hide_highlight.hl-close {
	color: #838486;
}

.link.glyphicon:hover {
	opacity: .6;
}

.link.glyphicon {
	transition: opacity 0.4s ease;
}

.highlight {
    color: inherit;
}

/* 16.5.2018 Antti A: A note about JavaScript requirement can be displayed to the user. */
noscript {
	visibility: visible;
	display: block;
	background: #e7781e;
	color: white;
	text-align: center;
	padding: 3px;
}

/* 18.05.2018 Antti A: Optional welcome message on the front page */
#welcome-message {
	text-align: center;
    display: block;
}

/* Raine V. 21.4.2021: Overriding the overlay rule present in C:\DITA-OT3.2\plugins\com.oxygenxml.webhelp.responsive\oxygen-webhelp\lib\jquery-ui\jquery-ui.min.css
as it causes a gray bar to be shown when the language selector is opened. */

.ui-widget-overlay {
	background: #aaaaaa !important;
}

/* Raine V. 11.1.2022: Overriding a rule that breaks the menu in mobile layouts. */

@media only screen and (max-width: 768px) {
	.wh_top_menu ul li.active > ul {
		right: auto !important;
	}
}