/*
 *
 * Copyright (c) Vaisala Oyj. All rights reserved.
 *
 */
/*
  HIDING THE LOGO
  Add a slash (/) at the end of the next line (with the single asterisk) to hide the Vaisala logo.
*
a.wh_logo {
  display: none !important;
}
/**/
/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNS-Light"), local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 300;
  src: local(".SFNS-LightItalic"), local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma");
}
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 400;
  src: local(".SFNS-Regular"), local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma");
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 400;
  src: local(".SFNS-Italic"), local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma");
}
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 500;
  src: local(".SFNS-Medium"), local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold");
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 500;
  src: local(".SFNS-MediumItalic"), local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 700;
  src: local(".SFNS-Bold"), local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold");
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 700;
  src: local(".SFNS-BoldItalic"), local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}
:root {
  --vai-color-white: #ffffff;
  --vai-color-light-blue: #2b6ea1;
  --vai-color-dark-blue: #0a2a3d;
  --vai-color-orange: #fb6432;
  --vai-color-yellow: #e7fb74;
  --vai-color-background-grey: #eff0f2;
}

html,
body {
  min-width: 100%;
  font-size: 16px;
}

body {
  font-family: system-ui, sans-serif;
  color: var(--vai-color-dark-blue);
}

/*
 * Link styles
 */
a,
a:hover,
a:visited {
  color: var(--vai-color-light-blue);
  text-decoration: none;
}

a.xref:hover,
li.linklist a:hover,
.related-links a:hover {
  color: var(--vai-color-orange);
  text-decoration: underline;
}

/*
  * Various hacks and overrides
  */
/* Hide webhelp welcome text ("Vaisala webhelp") */
.wh_welcome:not(:empty) {
  visibility: hidden;
  font-size: 0em;
}

/* Bootstrap: ensure our header has correct style */
.navbar-brand {
  height: auto;
}

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

.wh_header {
  background: #0a2a3d;
  color: #ffffff;
}

.wh_logo {
  float: left;
  margin-left: -15px;
  padding-right: 40px;
  height: 10mm;
}

/* Publication titles (top menu next to Vaisala logo) */
.wh_publication_title {
  display: inline-block;
  margin-left: 40px;
  margin-right: 40px;
}

.wh_publication_title > a {
  color: #fff;
}

.fn {
  font-size: 0.75rem;
}

.table_fn {
  margin-left: 1em;
}

.wh_topic_content,
.wh_content_area {
  line-height: 1.15rem;
  margin-bottom: 80px;
}

.wh_main_page .wh_topic_content {
  /* Have a larger gap between search bar and content on the main page */
  margin: 40px auto;
}
.wh_topic_content .title.sectiontitle {
  font-weight: 500;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
.wh_topic_content .title.topictitle1 {
  /* font-weight is set by WebHelp */
  font-size: 1.75rem;
  line-height: 1.75rem;
  margin-bottom: 1rem;
}
.wh_topic_content .title,
.wh_topic_content .title.topictitle3,
.wh_topic_content .title.topictitle4,
.wh_topic_content .title.topictitle5,
.wh_topic_content .title.topictitle6 {
  font-weight: 400;
}
.wh_topic_content ul {
  list-style-type: disc;
}
.wh_topic_content li p,
.wh_topic_content li figure,
.wh_topic_content li ol,
.wh_topic_content li ul,
.wh_topic_content dl p,
.wh_topic_content dl figure,
.wh_topic_content dl ol,
.wh_topic_content dl ul,
.wh_topic_content dd p,
.wh_topic_content dd figure,
.wh_topic_content dd ol,
.wh_topic_content dd ul {
  /* Remove margins of block elements inside lists */
  margin-block: 0;
}
.wh_topic_content li {
  margin-block-start: 1rem;
}
.wh_topic_content li:first-child,
.wh_topic_content li li {
  margin-block-start: 0;
}
.wh_topic_content dt {
  font-weight: normal;
}
.wh_topic_content dl {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 0;
  row-gap: 0.25rem;
  margin: 1rem 0;
}
.wh_topic_content dl dt {
  grid-column-start: 1;
}
.wh_topic_content dl dt:not(.pt) {
  font-weight: 600;
}
.wh_topic_content dl dd {
  grid-column-start: 2;
  margin-left: 0;
  margin-bottom: 0;
}
.wh_topic_content figure img {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.wh_topic_content table {
  color: var(--vai-color-dark-blue);
}
.wh_topic_content figure .figcap,
.wh_topic_content table .tablecap {
  font-weight: 500;
}

/* Table & Figure content */
.figcap {
  margin-top: 0.5em;
}

table {
  margin: 0em 1em 1em 1em;
  border-collapse: collapse;
  border-spacing: 0;
}

table .desc {
  display: block;
  font-style: normal;
  font-weight: normal;
}

.table_fn_last {
  margin-bottom: 1em;
  margin-left: 1em;
}

caption {
  color: inherit;
  margin-top: 0em;
  padding-top: 0em;
  caption-side: top;
}

.figdesc,
.tabledesc {
  font-style: normal;
  margin-bottom: 0.3em;
}

span .tabledesc {
  font-style: normal;
  font-weight: normal;
}

tbody.other {
  background-color: transparent;
}

td,
th {
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}

tr.solid {
  border: 1px black solid;
}

table:not(.simpletable) thead {
  /* Apply background colour to table headers */
  background-color: var(--vai-color-dark-blue);
  color: #ffffff;
}
table:not(.simpletable) thead sub,
table:not(.simpletable) thead sup {
  color: #ffffff;
}
table:not(.simpletable) thead tr th {
  /* topic.css has a very specific selector for border-color: inherit */
  /* Override it here, !important is unfortunately necessary */
  border-color: #ccc !important;
  /* Have the header bottom border be same width as other table borders */
  /* Overrides common.css */
  border-bottom: 1px solid #ccc;
}
table:not(.simpletable) thead tr th:not(:last-child) {
  /* Always have separating dividers in table head */
  border-right: 1px solid #ccc;
}
table:not(.simpletable).table {
  border: 1px solid #ccc;
}
table:not(.simpletable).table td {
  border: 1px solid #ccc;
  padding: 1em;
}

td :first-child {
  /* Remove margin of first paragraph in table data to consistently align content */
  margin-top: 0;
}

/* Hide figure & table title labels ("Figure:" and "Table:") */
.fig--title-label {
  display: none;
}

.table--title-label {
  display: none;
}

/* 
2022-08-24, borders lines off in simple tables
*/
.stentry {
  border-right: none;
  border-bottom: none;
}

/*
  Have caption expand button be out of flow, so that it doesn't affect the text layout
*/
caption.title {
  position: relative;
}
caption.title .wh_expand_btn {
  position: absolute;
}

/*
 * Preformatted text
 */
pre {
  font-size: 1rem;
  color: var(--vai-color-dark-blue);
  background-color: var(--vai-color-background-grey);
  padding: 1px;
  margin: 1rem 0;
}

pre.pre.screen {
  max-width: 64rem !important;
  background-color: #fff;
  border: 2px solid #e0e0e0 !important;
  border-radius: 6px !important;
  padding: 12px;
  display: inline-block;
}

kbd,
code {
  font-family: monospace;
  color: var(--vai-color-dark-blue);
  background-color: transparent;
}

/* DOCDEV-57 (https://vaisala.atlassian.net/browse/DOCDEV-57) 
 * Lessen inline padding to avoid extra spaces with userinput kbd
 */
kbd.userinput {
  padding-inline: 0;
}

/*
 * Menu
 */
.wh_top_menu {
  text-transform: none;
  margin: 0.4em 0;
  font-size: 0.9em;
  /* VAISALA-39 */
  display: none;
}

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

.wh_top_menu ul ul li {
  border-top-color: var(--vai-color-light-blue);
  background-color: var(--vai-color-light-blue);
  width: 270px;
  text-transform: none;
}

.wh_top_menu ul ul,
.wh_top_menu ul li:hover {
  background-color: var(--vai-color-light-blue);
}

.wh_top_menu ul ul li a:hover {
  background: #255b90;
}

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

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

/*
* Breadcrumb
*/
.wh_breadcrumb ol {
  color: #878787;
}

.wh_breadcrumb ol a {
  color: inherit;
}

.wh_breadcrumb ol .active {
  color: var(--vai-color-light-blue);
}

/*
 * Tools and navigation
 */
.wh_tools {
  background-color: var(--vai-color-background-grey);
  margin: 1em 0 2em;
}

.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: var(--vai-color-light-blue);
  text-decoration: none;
}

.wh_print_link {
  /* !important used in shared common viewport sizing rules, so have to use here as well */
  display: none !important;
}

.wh_right_tools > .wh_navigation_links {
  margin-right: 0;
}

/*
 * Tiles
 */
.wh_tiles {
  margin-top: 20px;
}

.wh_tile {
  background-color: var(--vai-color-background-grey);
  font-weight: 300;
  text-align: center;
}
.wh_tile:hover {
  background-color: #bbdaed;
  transition: background-color 0.2s ease-in-out;
  transform: scale(1.05);
  transition: transform 0.2s ease-in-out;
}

.wh_tile_text {
  color: var(--vai-color-dark-blue);
  position: relative;
  height: 100%;
  overflow: visible;
}

.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(236, 242, 249, 0), #ecf2f9 75%);
}

.wh_tile_title {
  font-size: 1.7em;
  text-align: center;
  text-decoration: none;
}

.wh_tile_title a {
  color: var(--vai-color-dark-blue);
  display: block;
}

@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;
  padding: 0 0 20px 0;
  background-color: #0a2a3d;
}

.wh_search_button {
  border: solid 1px #ccc;
  border-radius: 0 5px 5px 0;
  padding: 0.6em 1em;
  color: #fff;
  background-color: #0a2a3d;
  height: 2.8em;
}

.wh_search_textfield {
  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 0 0.5em;
  position: relative;
  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 {
  color: #fff;
}

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

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

.searchresult li a {
  color: #346ec5;
}

.searchresult .shortdesclink {
  margin: 0.3em 0.5em 0 0;
}

.wh_search_expression {
  font-weight: bold;
}

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

/* Search result highlight in topics */
.highlight {
  background-color: var(--vai-color-yellow);
}

/*--------- Search results breadcrumb ----------*/
.search-breadcrumb li a {
  background: #ecf2f9;
}

.search-breadcrumb li .title:before,
.search-breadcrumb li .title:after {
  border-color: #ecf2f9;
}

.search-breadcrumb li .title:before {
  border-left-color: transparent;
}

.search-breadcrumb li .title:after {
  border-color: transparent;
  border-left-color: #ecf2f9;
}

.wh_publication_toc {
  border-radius: 3px;
  padding: 1.5em 0.5em;
  background-color: var(--vai-color-background-grey);
  /* 
    Set a max-height to allow scrolling with long ToCs instead of going off page 
    We use dvh since we cannot rely on parent container height.
  */
  max-height: 75vh;
  max-height: 75dvh;
  /* Reserve space for scrollbar gutter to avoid layout shifts */
  scrollbar-gutter: stable;
}

.wh_publication_toc .active > .topicref a {
  color: var(--vai-color-orange);
}

.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited,
.wh_publication_toc a:hover {
  color: var(--vai-color-dark-blue);
}

.wh_publication_toc a:hover {
  color: var(--vai-color-orange);
  text-decoration: underline;
}

.wh_topic_toc li,
.wh_publication_toc li {
  line-height: 1.4em;
  margin: 0.3em 0;
}

#wh_topic_toc_content {
  max-height: 60%;
}
#wh_topic_toc_content > .wh_topic_toc {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
#wh_topic_toc_content > .wh_topic_toc .wh_topic_label + ul {
  margin-top: 2rem;
}
#wh_topic_toc_content .wh_topic_label {
  position: fixed;
  background-color: var(--fbc-white);
  padding-block: 0.5rem;
}

@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: var(--vai-color-light-blue);
  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: var(--vai-color-light-blue);
}

[data-tooltip-position="right"] .topicref .wh-tooltip::before {
  border-right-color: var(--vai-color-light-blue);
}

[data-tooltip-position="bottom"] .topicref .wh-tooltip::before {
  border-bottom-color: var(--vai-color-light-blue);
}

[data-tooltip-position="top"] .topicref .wh-tooltip::before {
  border-top-color: var(--vai-color-light-blue);
}

/* Tree 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;
}

/* Position the expand/collapse buttons on the inside edges */
#wh_close_publication_toc_button {
  left: -2rem !important;
}

#wh_close_topic_toc_button {
  right: -1.5rem !important;
}

/*
 * Footer (currently disabled, see VAISALA-40)
 */
.wh_footer {
  text-align: center;
  padding: 1em;
  position: relative;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  background: none #255b90;
  margin-top: 2em;
  display: none;
  /* VAISALA-40 */
}

.wh_footer a {
  color: #cce2f1;
}

.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: 0.5em 1.5em;
}

.wh_child_links {
  padding: 1.5em;
}

.related-links a,
.related-links a:visited {
  color: var(--vai-color-light-blue);
  display: inline-block;
}

.filepath,
.variable {
  color: var(--vai-color-dark-blue);
}

.filepath {
  font-family: inherit;
  font-style: italic;
}

.cmdname {
  font-family: var(--font-family-monospace);
  font-weight: 700;
}

.parmname,
.varname {
  font-family: var(--font-family-monospace);
  font-weight: normal;
  font-style: normal;
}

.userinput {
  font-size: unset;
}

.wh_index_terms span.wh_first_letter {
  color: #346ec5;
}

.wh_index_terms #indexList {
  padding: 0;
}

html[dir="rtl"] .wh_top_menu ul li:hover > ul {
  max-width: 270px;
}

/* VAISALA-30 */
img[class*="topic/image"] {
  max-width: 50%;
}

/* Limit bitmap icon size */
p img[class*="topic/image"],
span img[class*="topic/image"] {
  max-height: 20px;
}

.permalink {
  background: none !important;
}

.webhelp_name {
  float: left;
  padding-right: 40px;
}

.wrapper .post {
  border: 1px solid silver;
  float: left;
  margin: 10px;
  min-height: 100px;
  padding: 5px;
  width: 200px;
}

.booklibrary {
  display: inline;
}

.note {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

table.note {
  border-spacing: 0;
}

div.note {
  border: 2px solid #e0e0e0;
  max-width: 64rem;
  background-image: unset;
  padding-left: 0.5rem;
}
div.note table {
  min-height: 50px;
  border: 0;
  margin: 0;
}
div.note table p,
div.note table ul,
div.note table ol {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}
div.note td.note-image-block {
  content: " ";
  width: 60px;
  height: 50px;
  border: 0;
  background-repeat: no-repeat;
  background-size: 34px auto;
  background-position: 8px 8px;
  vertical-align: top;
}
div.note td.note-content-block {
  border: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
div.note td.note-content-block span.note-signal-word {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 0.5rem;
  display: inline;
}
div.note td.note-content-block span.note-signal-word::after {
  content: "!";
}
div.note td.note-content-block span.note-signal-word + p {
  display: inline;
}
div.note td.note-content-block ol,
div.note td.note-content-block ul {
  padding-left: 1rem;
}
div.note td > :first-child {
  margin-block-start: 0;
  margin-top: 0;
}
div.note td > :last-child {
  margin-block-end: 0;
  margin-bottom: 0;
}
div.note td,
div.note-dispose table,
div.note-checklist table {
  min-height: 65px;
}
div.note-tip,
div.note-note {
  border-style: none;
  background-color: var(--vai-color-background-grey);
}

img.note-image {
  height: 40px;
}

#go2top {
  background-color: var(--vai-color-orange);
}

/* 
    Disabled as this overrides native MathML rendering to fail in Chromium
    causing some equations to be rendered wrong.
    Oxygen Webhelp updates Spring 2023
*/
math {
  font-size: 1.2rem;
}

/*# sourceMappingURL=vaisala.css.map */
