/*------------------------------------------------------------*\
 *
 * Fonts & Variables
 *
\*------------------------------------------------------------*/

/* Must be added before CSS custom properties! */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap');


:root {
	--smtg: #c90526;
	--dark-smtg: #ab0420;
	--darkest-gray: #353535;
	--dark-gray: #565656;
	--gray: #757575;
	--steel: #989da1;
}

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


@font-face {
  font-family: 'Bravura Text';
  font-style: normal;
/*  for local builds if font no longer works.
 * src: local('BravuraText'), url('C:\Windows\Fonts\BravuraText.otf') format('opentype');*/

/* 2020-10-27: correct link as of today
 * src: url(https://raw.githubusercontent.com/steinbergmedia/bravura/32-bravura-text-table-order/redist/woff/BravuraText.woff2) format('woff2');*/
/* ck-2020-10-27: delivering font with the output to stop dependency on working links */
src: url(fonts/BravuraText.woff2);
}


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

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

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

/* ck-2020-06-02: added font-family for Japanese only */
body:lang(ja) {
  font-family: "Noto Sans JP", sans-serif;
}


.b {
  font-family: 'Bravura Text';
}

.hr {
  display: none;
}

/* ck-2020-06-02: change key command to look like a button RIPL-442 */
.keycommand {
  font-weight: bold;
  background-color: #E6E6E6;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
}

/* Header that contains product name and type of documentation */
.wh_header {
  background-color: var(--dark-gray);
  text-align: center;
}

body {
  background-color: #fff;
}

.wh_footer {
  padding: 2em;
  position: relative;
  bottom: 0;
  width: 100%;
  color: var(--steel);
  background: #000000;
  margin-top: 2em;
}

.wh_footer a {
  color: var(--steel) !important;
}

.wh_main_page .wh_search_textfield,
.wh_main_page .wh_search_button {
  border: solid 0px var(--darkest-gray);
  color: var(--darkest-gray);
  padding: 0.4em 0.7em;
  height: 2.2em;
  font-size: 1.5em;
}

.wh_search_textfield {
  border-radius: 0px;
}

/* Suchformular innere Bereiche (Textfeld und Such-Button) */
.wh_search_textfield,
.wh_search_button {
  border: solid 0px var(--darkest-gray);
  /* see #searchForm > div */
  padding: 0.4em 0.7em;
  height: 2.2em;
  font-size: 1.5em;
}

.wh_search_button {
  display: inline-block;
  position: absolute;
  right: 0;
  float: right;
  width: 2em;
  height: 100%;
  background-color: var(--smtg);
  border-color: var(--smtg);
  border-radius: 0 !important;
}

.wh_search_button:hover {
  background-color: var(--dark-smtg);
}

.wh_search_button::after {
  color: #fff;
}

/* ck-2020-04-06: The next two styles are extra entries for the main page. Do not delete. */
.wh_main_page .wh_search_button {
  display: inline-block;
  position: absolute;
  right: 0;
  float: right;
  width: 2em;
  height: 100%;
  background-color: var(--smtg);
  border-color: var(--smtg);
  border-radius: 0 !important;
}

.wh_main_page .wh_search_button:hover {
  background-color: var(--dark-smtg);
}

/* Suchformular äußerer Bereich - hier wird u. a. der Rahmen um Textfeld und Such-Button definiert */
#searchForm>div {
  position: relative;
  margin: 0;
  width: 100%;
  max-width: 500px;
  border: solid 1px var(--darkest-gray);
}

/* ck-2020-04-01: Changed placeholder to ensure that placeholder color in Firefox is displayed properly. */
::placeholder {
  color: var(--dark-gray);
  opacity: 1;
  /* Firefox */
  font-size: 14px;
}

.wh_tools {
  border: 0px;
  background-color: #fff;
  margin: 2em 1em;
  font-size: 1em;
  padding-right: 0px;
}

/* Start ck-2020-02-10: Moved bottom breadcrumb and navprev/navnext buttons to the bottom of the page */
/* ck: new class to not interfere with wh_tools */
.wh_tools_bottom {
  border: 0px;
  background-color: #fff;
  margin: 2em 1em;
  font-size: 14px;
  padding-right: 15px;
}

.wh_breadcrumb ol,
.wh_breadcrumb ol a {
  color: var(--darkest-gray);
  font-size: 1em;
}

.wh_breadcrumb ol .active a {
  color: var(--darkest-gray);
  font-size: 1em;
  font-weight: bold;
}

/* ck-2021-02-18: Added color hovering for breadcrumb links*/
.wh_breadcrumb ol a:hover {
  text-decoration: none;
  color: var(--smtg);
}

.wh_print_link button,
.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.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(--darkest-gray);
  text-decoration: none;
}

.wh_navigation_links .navnext {
  margin-left: 1em;
}

.wh_navigation_links .navprev {
  margin-right: -3px;
}

/* ck-2021-02-18: Added color hovering for navigation links*/
.wh_navigation_links a:hover {
  text-decoration: none;
  color: var(--smtg);
}

/* ck-2021-02-17: Returned to default line-height of 1.5*/
wh.p,
.shortdesc {
  color: var(--darkest-gray);
  font-size: 16px;
}

.p {
  margin-top: .5em;
  margin-bottom: 0.5rem;
}

/* ck-2020-04-08: enabled specific margin setting for p elements in li elements. This has an effect in ol, ul lists. */
/* ck-2021-02-16: changed to ul li p - li p applied to too many elements */
ul li p {
/*  margin-top: .1rem !important;*/
  margin-bottom: 0;
  padding-left: 5px;
}

/* ck-2020-04-09: alignement of choice element with left margin of preceding text in procedure steps */
li.choice {
  margin-left: -2.4rem;
}
/* ck-2020-04-09: change bullet points to disc */
ul.ul.choices {
  list-style: disc;
}

/*ck-2021-02-16: Added list handling that corresponds to ul li p */
ol li p{
/*  margin-top: .1rem !important;*/
  margin-bottom: 0;
  padding-left: 5px;
}

/* ck-2020-04-08: enabled specific margin setting for figures within plentry elements. */
/* ck-2021-02-22: Changed margin-bottom because of side effects. Added margin-top. */
dd figure {
  margin-bottom: -0.5rem !important;
  margin-top: 0.5em;
}

/* ck:2020-04-14: align bullet point list with the left margin of the preceding text in parameter lists */
dd.pd ul.ul {
  margin-left: -25px;
}

/* ck:2021-02-22: -Spezialization for bullet point lists in notes within parameter lists*/
dd.pd div.note ul.ul {
	margin-left: 0;
}

/*ck-2021-02-16: Added for step items to have proper line breaks. */
li.li.step {
    padding-left: 5px;
    padding-bottom: 0.5em;
}

/*ck-2021-02-16: Added for info elements to not get indented */
ul li div p {
    padding-left: 0px;
}

ol li div p {
	padding-left: 0px;
}

/* ck-2021-02-17: Added margin-bottom to have bigger space between paragraphs in note lists.*/
div.note ul li p{
    margin-bottom: 0.5em;
}

.wh_topic_content .shortdesc {
  font-style: normal;
}

.product {
  width: 100%;
  border-radius: 0;
  /*  background-color: #f3f3f3;*/
  /*   padding-left: 32px; */
  padding-bottom: 0px;
  /*   margin-top: 28px; */
}

/* ck-2020-06-02: Necessary change to ensure that at least one h* title is available in webhelp output - accessibility criteria */
.product h1 {
  color: #fff;
  font-size: 30px;
  border-radius: 0;
  /*  background-color: #f3f3f3;*/
  margin-bottom: 0px;
  margin-top: 0;
  font-weight: bold;
}

/*
 * ------------------------------------------------------------------
 *
 * Publication TOC
 *
 */

/* #wh_publication_toc {
    margin-bottom: 1em;
    position: relative;
}*/
.wh_publication_toc {
  border-radius: 0px;
  padding: .5em;
  background-color: #f3f3f3;
  border: 0px solid;
  font-size: 16px;
  z-index: 10 !important;
  /*position: sticky;
    overflow-y: auto;
    max-height: calc(100% - 50px);
    overflow-x: hidden;*/
}

.wh_publication_toc .active>.topicref a {
  color: var(--smtg);
  font-weight: 700;
}

.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited,
.wh_publication_toc a:hover {
  color: var(--darkest-gray);
}

/* ck-2021-02-18: Added color hovering for TOC links*/
.wh_publication_toc a:hover {
  text-decoration: none;
  color: var(--smtg);
}

.wh_publication_toc ul ul {
  padding-left: .7em;
}

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

.wh_publication_toc .active>span.topicref a {
  color: var(--smtg);
  text-decoration: none;
}

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

  .wh_related_links,
  .wh_child_links,
  .wh_topic_content .related-links {
    border: 0px solid;
  }
}

ul li.active>span {
  font-weight: bold;
}

/* ck-2020-09-02: Changed color of tooltip arrow. */
[data-tooltip-position="left"] .topicref .wh-tooltip::before {
  border-left-color: var(--dark-gray);
}
[data-tooltip-position="right"] .topicref .wh-tooltip::before {
  border-right-color: var(--dark-gray);
}
[data-tooltip-position="bottom"] .topicref .wh-tooltip::before {
  border-bottom-color: var(--dark-gray);
}
[data-tooltip-position="top"] .topicref .wh-tooltip::before {
  border-top-color: var(--dark-gray);
}
/*ck-2020-09-02: Changed border-radius and transition time for tooltip*/
.wh-tooltip-container .wh-tooltip,
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    display: block;
    align-items: baseline;
    visibility: hidden;
    background-color: #444;
    color: #fff;
    font-weight: normal;
    text-align: left;
    line-height: 1.5em;
    padding: 10px;
    margin: 4px;
    border-radius: 0em;
    min-width: 15em;
    min-height: 2em;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: 0s opacity 1s;
}

.wh_breadcrumb .topicref .wh-tooltip a,
.wh_publication_toc .topicref .wh-tooltip a {
  color: #fff;
  text-decoration: none;
}

.wh_publication_toc .active>span.topicref,
.wh_publication_toc .active>span.topicref a {
  color: var(--smtg);
  text-decoration: none;
}

/* ck:2020-07-24: Change to arrow */
.wh_breadcrumb li:not(:last-of-type)::after {
  content: ">";
  padding: 0 5px;
}

.wh_breadcrumb li {
    padding-left: 0px;
}
/*
 * ------------------------------------------------------------------
 *
 *
 *
 */

.wh_side_toc {
  width: 100%;
  font-size: 16px;
  border-radius: 0;
  background-color: #F2F2F2;
  padding: 2em 1em;
}

.wh_topic_content .title.topictitle1 {
  color: var(--darkest-gray);
  font-weight: bold;
  font-size: 30px;
  line-height: 1.1em;
  margin-top: -4px;
}

.wh_content_area {
  background-color: #fff;
  padding: 0em;
  line-height: 1.5em;
  margin-bottom: 2em;
  font-size: 16px;
}

.wh_main_page_search {
  height: 7vh;
  min-height: 1em;
  padding: 2em;
  background-color: #fff;
}

.wh_search_input .wh_main_page_search {
  padding: 1em;
  margin: 0;
  align-items: center;
  color: var(--darkest-gray);
  text-align: center;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

body.wh_main_page {
  padding: 0em;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc>.wh_main_page_toc_entry:hover {
  background-color: #e8e8e8;
  color: var(--darkest-gray);
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:hover a,
.wh_main_page_toc>.wh_main_page_toc_entry:hover a {
  color: var(--darkest-gray);
}

.wh_main_page_toc_accordion_header:hover::before {
  color: var(--darkest-gray);
}

.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: #e8e8e8;
  color: var(--darkest-gray);
}

.wh_publication_title a {
  color: #ffffff;
  text-transform: none;
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  margin: auto;
}

.wh_publication_title a:visited {
  color: #ffffff;
}


.wh_main_page .wh_publication_title a {
  font-size: 24px;
  width: 100%;
  text-align: center;
  margin: auto;
}

.wh_main_page_toc_accordion_header::before {
  color: var(--darkest-gray);
}

.wh_main_page_toc_accordion_header a {
  font-size: 20px;
  display: inline-block;
  padding-bottom: .375em;
  color: var(--darkest-gray);
	font-weight: 500;
	font-weight: 700;
  border: 0px;
}

.wh_main_page_toc .topicref a {
  color: var(--darkest-gray);
}

a,
a:hover,
a:visited {
  color: var(--smtg);
}

/* ck-2021-02-18: Added underline to be consistent with new features links to topics */
a:hover {
  text-decoration: underline;
}

kbd.userinput {
  color: var(--darkest-gray);
  background: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  border-width: 0;
  box-shadow: none;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
}

kbd.userinput:lang(ja) {
  color: var(--darkest-gray);
  background: none;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  border-width: 0;
  box-shadow: none;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
}

.wh_related_links .related-links,
.wh_topic_content .related-links,
.wh_child_links {
  margin: 1em 0 0 0;
  background-color: #fff;
  border: 0px solid;
  padding: 0 0em;
  color: var(--darkest-gray);
}

.related-links strong {
  color: var(--darkest-gray);
}

.related-links a,
.wh_child_links a {
  color: var(--smtg) !important;
}

.wh_main_page_toc a {
  font-size: 20px;
  display: inline-block;
  padding-bottom: .375em;
  color: var(--darkest-gray);
  border: 0px;
	font-weight: 500;
}

a.xref {
  color: #337ab7;
}

a.xref:hover {
  color: #23527c;
  text-decoration: underline;
}

/* ck-2020-02-07: Change of font-size and padding */
h2.title.sectiontitle {
  color: var(--darkest-gray);
  margin-top: 2em;
  font-size: 22px;
  padding-left: .7em;
}

.sectiontitle {
  color: var(--darkest-gray);
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1em;
}

.wh_topic_body {
  max-width: 70%;
}

.dlterm {
  font-weight: bold;
}

dt {
  font-size: 16px;
  color: var(--darkest-gray);
  margin-top: 1.5em;
  margin-bottom: -.5em;
}

dt {
  font-weight: 700;
}

/* ck-2020-04-16: Several margin changes to align parml entries properly*/
dt.dt {
  margin-bottom: 0.2em;
}

/* ck-2021-02-22: Specialization because of side effects. */
dt.dt.pt.dlterm {
  margin-bottom: -.5em;
  margin-top: 0.7em;
}

.section {
  margin-top: 1em;
  margin-bottom: 0.1em;
}

.wh_header_flex_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
}

.custom-toggler {
  border-color: var(--smtg);
}

.wh_main_page_toc>.wh_main_page_toc_accordion_header,
.wh_main_page_toc>.wh_main_page_toc_entry {
  padding: 0.5em;
  padding-top: 1em;
  padding-left: 3em;
  margin: 0;
}

.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: 0px solid;
  background-color: #F2F2F2;
  text-align: left;
  font-weight: bold;
}

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

.wh_main_page .wh_content_area {
  background-color: #fff;
  margin-bottom: 0;
  padding: 1em 0 2em 0;
  color: #293136;
  text-align: center;
  align-items: center;
}

/* ck-2021-02-22: Changed because of side effects */
.image {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

/* ck-2021-12-20: Added change to fix rounded corners on screenshots*/
img.image:not(img[usemap]) {
    border-radius: 0px; 
}
.relinfo {
  margin-top: 3em;
}

.stepexpand {
  margin-bottom: .1em;
  margin-top: 0em;
}

/*------------------------------------------------------------*\

  #Icons

  \*------------------------------------------------------------*/

div.important {
    background-image: url("images/dita_icons/smtg_attention.svg") !important;
}

div.note,
div.note[dir='ltr'],
*[dir] div.note[dir='ltr'],
*[dir] *[dir] div.note[dir='ltr'],
*[dir] *[dir] *[dir] div.note[dir='ltr'],
*[dir] *[dir] *[dir] *[dir] div.note[dir='ltr'],
*[dir='ltr'] div.note,
*[dir] *[dir='ltr'] div.note,
*[dir] *[dir] *[dir='ltr'] div.note,
*[dir] *[dir] *[dir] *[dir='ltr'] div.note,
*[dir] *[dir] *[dir] *[dir] *[dir='ltr'] div.note {
  padding: 0; 
  background-position: 0.5em 0.5em;
}

div.note {
  background-repeat:no-repeat;
  background-image: url("images/dita_icons/smtg_note.svg") !important;
}

/* ck-2021-02-22: Changed because of side effects */
.note {
  margin: 0.5em 0 1em 0;
  border: none;
}

/* ck-2020-07-23: Removed padding and background to enable text with white background, added border-bottom-style for closing element block */
/* Remove background image from template */
.note,
.important,
.note_important {
  color: var(--darkest-gray);
  /*  padding-left: 1em;*/
  padding-top: 0.5em;
  font-size: 16px;
  /*  background: #f3f3f3;*/
  display: block;
  margin-left: 0;
  border-bottom-style: solid;
  border-bottom-color: #f3f3f3;
}

span.note__title {
  padding: 6px 10px 4px 30px;
  display: block;
}

.note>.p {
  padding: 4px 10px 4px 30px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/* ck-2020-07-23: Added ul padding to generate more space for lists */
/* ck-2021-02-17: Removed space, added padding-left.*/
.note>.ul {
/*  padding-top: 10px;*/
padding-top: 0;
padding-left: 45px;
}

/* ck-2020-07-23: Added more background info to align the icons properly. */
div.note>span.note__title {
  background-image: url("images/dita_icons/smtg_note.svg") !important;
  background: #f3f3f3;
  background-repeat: no-repeat;
  background-position-y: 5px;
  background-position-x: 3px;
  font-weight: bold !important;
}

div.important>span.note__title,
div.attention>span.note__title,
div.notice>span.note__title {
  background-image: url("images/dita_icons/smtg_attention.svg") !important;
}

div.tip>span.note__title {
  background-image: url("images/dita_icons/smtg_tip.svg") !important;
}

/*notes in plentry/pd*/
dd div.note {
	padding-top: 0.5em;
	margin: 0 0 0.8em 0;
}
/*align notes in choices*/
ol li ul li div.note {
	margin-left: 5px;
}

/* ck-2020-07-23: Removed padding and background to enable text with white background, added border-bottom-style for closing element block */
.example {
  color: var(--darkest-gray);
  /*  padding-left: 1em;*/
  padding-top: 0.5em;
  font-size: 16px;
  /*  background: #f3f3f3;*/
  display: block;
  margin: 0;
  border-bottom-style: solid;
  border-bottom-color: #f3f3f3;
}

/* ck-2020-07-23: Added more background info to align the icons properly. */
.example>.tasklabel>.tasklabel {
  padding: 4px 10px 4px 30px;
  margin: 0px;
  background-image: url("images/dita_icons/smtg_example.svg") !important;
  background-repeat: no-repeat;
  background-position-y: 2px;
  background-position-x: 3px;
}

/* ck-2020-07-23 Added background */
.example>.tasklabel {
  margin: 0px;
  background: #f3f3f3;
}

.example>.p {
  padding: 4px 10px 4px 30px;
  margin-bottom: 0em;
}
/*parmls in example */
section.example dl.parml {
	padding-left: 31px;
}
/*
 * ------------------------------------------------------------------
 *
 * Fight with bootstrap
 *
------------------------------------------------------------------*/

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

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

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

/* .navbar-toggler collapsed .wh_toggle_button {
  color: var(--smtg);
} */




/*------------------------------------------------------------*\

  #FOOTER

\*------------------------------------------------------------*/


@media (min-width: 768px) {
  .sdh-footer {
    margin-top: 0em;
  }
}

.sdh-footer__top {
  padding-bottom: 2em;
  border-bottom: 1px solid #737373;
}

.sdh-footer__bottom {
  padding-top: 2em;
  margin-bottom: 0;
}

.sdh-footer__version_info {
  text-align: center;
}

.sdh-footer__copyright {
  text-align: left;
}

/*Footer headline*/
.sdh-footer__headline {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  padding-bottom: 2em;
}

.sdh-footer__legal-links {
  padding-top: 20px;
}


@media (min-width: 992px) {
  .sdh-footer__legal-links {
    padding-top: 0;
    text-align: right;
  }
}

footer a {
  var(--steel) !important;
  padding-right: 2em;
  display: block;
  padding-bottom: 2em;
}

@media (min-width: 992px) {
  footer a {
    display: inline-block;
  }

  .sdh-footer__sub-links {
    text-align: right;
  }
}

footer a:last-of-type {
  padding-right: 0;
}

footer a:hover {
  text-decoration: underline;
  color: #fff !important;
}

/*Icon font size*/
footer a i {
  font-size: 1.5em;
  vertical-align: bottom;
  padding-right: .5em;
}


/*------------------------------------------------------------*\
  # Publication title
\*------------------------------------------------------------*/

.wh_logo_and_publication_title {
  height: 60%;
  width: auto;
  display: flex;
}


/* Additional CSS for header
** includes navbar with logo and dropdown menus
*/


/* 1.
*
* Mobile & default styles
*
*/

.sdh-navbar {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.sdh-navbar .navbar-nav .nav-link {
  color: var(--darkest-gray);
  font-size: 16px;
}

.dropdown-menu {
  border: none;
  border-radius: 0;
}

.dropdown-item,
.dropdown-item:visited {
  font-size: 14px;
  color: var(--darkest-gray);
  padding: .5em 1.5em;
}

.dropdown-item__header {
  font-weight: bold;
  text-transform: uppercase;
}

.navbar-collapse {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Hamburger icon */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* ck-2020-04-07: changed frame to non-rounded edges */
.navbar-toggler {
  padding: .5rem .75rem;
  border-radius: 0;
}

.navbar-light .navbar-toggler {
  border-color: var(--darkest-gray);
}

/* 2.
*
* Tablet & Desktop styles
*
*/


@media (min-width: 768px) {

  .sdh-navbar {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sdh-navbar .navbar-nav .nav-item {
    margin-left: 4em;
  }

  .sdh-navbar .navbar-nav .nav-link {
    color: var(--darkest-gray);
    font-size: 16px;
  }

  .dropdown-item {
    font-size: 14px;
    padding: .5em 1.5em;
  }

  .dropdown-menu {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
    background-color: #f5f5f5;
  }

}

/* ck-2020-01: Home icon style */
.home-container {
  border: 0px;
  /*    background-color: #f5f5f5;*/
  margin-top: 2em;
  margin-bottom: 2em;
  padding-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/*ck-2020-10-30: Home link*/
.home a {
  color: var(--darkest-gray);
}

/* ck-2020-02: Remove fig and table title labels */
*[class~="fig--title-label"],
*[class="table--title-label"] {
  display: none;
}

/* ck-2020-02: Change layout of figure captions */
figure {
  margin: 0 0 1rem
}

.figcap {
  font-style: normal;
  margin-bottom: 1em;
  font-size: 14px;
}
/* ck-2021-02-18: Changed alignment of figs in ul lists */
/* ck-2021-02-22: Changed again because of side effects */
ul li figure {
	padding-left: 5px;
	margin-top: -0.5rem;
	margin-bottom: -0.3em;
}

/* ck-2021-02-18: Changed alignment of figs in ul lists */
/* ck-2021-02-22: Changed again because of side effects */
ol li figure {
    padding-left: 5px;
    margin-bottom: -0.3em;
}

ol li div.info figure {
	 padding-left: 0px; 
	 margin-bottom: 3px;
}

/* ck-2021-02-22: Specialization because of side effects */
ul li p > img.image {
	margin-top: 0 !important;
	margin-bottom: 0.2em !important;
}
/* ck-2021-02-22: Specialization because of side effects */
ol.steps li span.cmd img {
	margin-top: 0em;
}

/* ck-2021-02-18: Changed alignment of tables */
table {
	margin: 0em;
	border-collapse: collapse;
}

/* ck-2020-02: Disallow collapsing tables */
table .wh_expand_btn {
  display: none;
}


/* ck-2020-02-07: Changed table caption title */
table>caption {
  padding-left: 0em;
  font-weight: bold;
  font-size: 19px;
}

.frame-topbot {
	border-top: solid 2px;
	border-right: 0;
	border-bottom: solid 2px;
	border-left: 0;
}

.table thead th {
    vertical-align: bottom;
     border-bottom: 0px solid;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid
}

*[class~="related-links.title"] {
  font-weight: bold;
}

/*------------------------------------------------------------------*\
 * ck-2020-02-07: copied from old skin.css
 *
\*------------------------------------------------------------*/

.new-features-title {
  color: var(--smtg);
  font-size: 26px;
  font-weight: bold;
  margin-top: 1.5em;
}

.new-features-category {
  color: var(--darkest-gray);
  font-size: 22px;
  margin-top: 1.5em;
  font-weight: bold;
}

a.new-features-link {
  color: var(--smtg);
}

/* ck-2021-02-18: Added hover underlining for new features links to topics */
a.new-features-link:hover {
    color: #c90526;
    text-decoration: underline;
}

/* ck-2020-02-07: removed little icon next to titles that originally have an ID */
.permalink {
  display: none;
}

/* ck: setting to enable scrolling within tables on mobile phones */
table {
  overflow-x: scroll;
}

.wh_related_links {
  display: flex;
}

.bottom_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: space-between;
  flex-direction: column;
  font-size: 14px;
}

.wh_right_tools_bottom {
  display: inline-flex;
}

/* ck-2020-03-19: Font style changes to reflect differences in Japanese, removal of italics */

em.i {
  font-style: italic;
}

em.i:lang(ja) {
  font-style: normal;
}

.q {
  font-weight: bold;
}

.q:lang(ja) {
  font-weight: normal;
}

.term {
  font-style: normal;
}

/* ck: 2020-04: Highlighting of search results in text */
.highlight {
  background-color: #fcd9df;
  color: var(--darkest-gray) !important;
  border-radius: 0px;
}

/* ck: 2020-04-07: Changed layout of go-to-top button */
#go2top {
  color: #000000;
  background-color: #cccccc;
  border-radius: 0 !important;
  border: 1px solid #000000;
  font-weight: normal;
  padding-left: 6px;
  padding-right: 0px;
  padding-top: 6px;
  padding-bottom: 0px;
}


/* NEW */
/* ------------------- */
/* added by Nils Wiere */


/*------------------------------------------------------------*\
 *
 * FOOTER
 * > nw-2020-08-27
 *
\*------------------------------------------------------------*/


/* Extends footer color on short pages */
html {
	background-color: #000;
}

.footer-container {
	font-size: 1.6rem;
	width: 100%;
	max-width: 1200px;
	padding: 2rem 1.5em;
}

@media only screen and (max-width: 767px) {
	.footer-container {
			padding: 2rem 0;
	}
}

.sdh-footer__version_info {
	text-align: left;
	margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
	.sdh-footer__version_info {
			text-align: right;
	}
	.sdh-footer__version_info svg {
			position: relative;
			bottom: .1em;
	}

.sdh-footer__copyright {
	text-align: right;
}
}

.sdh-footer__legal-links {
	text-align: left;
	padding-top: 0;
}

.sdh-footer__legal-links a {
	text-align: left;
	padding-bottom: 2rem;
}

.sdh-footer__legal-links a:hover {
	text-align: left;
}

@media only screen and (max-width: 767px) {
.sdh-footer__copyright {
	padding-top: 4rem;
	margin-top: 2rem;
	border-top: 1px solid var(--darkest-gray);
}
}

/* Footer Update 2020-10-28 */
.footer-container {
	padding-left: 1rem;
	padding-right: 1rem;
}

.sdh-footer__communication {
	display: flex;
	flex-direction: column;
}

.sdh-footer__communication svg:hover {
	fill: white;
}

@media (min-width: 768px) {
	.sdh-footer__communication {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
  .sdh-footer__communication div:last-child {
		flex: 0 0 33.3333%;
	}
	.footer-container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

@media only screen and (min-width: 768px) {
	.sdh-footer__social {
			text-align: right;
	}
	.sdh-footer__social svg {
			position: relative;
			bottom: .1em;
	}
}

.sdh-footer__social {
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.sdh-footer__communication {
	padding-top: 2em;
	margin-bottom: 0;
}

.sdh-footer__support {
    text-align: left;
    padding-top: 0;
}


/*------------------------------------------------------------*\
 *
 * DIV
 *
\*------------------------------------------------------------*/

/* EN auto-hyphenation for H1 and breadcrumb
 See HELP-11 on Jira for more info */

[lang="en-us"] h1.title,
.wh_breadcrumb a {
	hyphens: auto;
}

[lang="de-de"] h1.title,
.wh_breadcrumb a {
	hyphens: auto;
}

[lang="fr-fr"] h1.title,
.wh_breadcrumb a{
    hyphens:auto;
}

[lang="es-es"] h1.title,
.wh_breadcrumb a{
    hyphens:auto;
}

[lang="it-it"] h1.title,
.wh_breadcrumb a{
    hyphens:auto;
}

/* Footer part II ck-2020-09-08 */

svg {
	overflow: hidden;
	vertical-align: middle;
	height: 32px;
	fill: var(--steel);
}



/*------------------------------------------------------------*\
 *
 * LOGO BAR
 * > nw-2020-08-27
 *
\*------------------------------------------------------------*/

.logobar {
	padding: .5rem 0;
	display: flex;
  align-items: center;
  background: #fff;
}

.logobar__logo {
	width: 50vw;
	max-width: 320px;
}

@media (min-width: 768px) {
	.logobar {
		padding: 1rem 0;
	}
  .logobar__logo {
    width: 320px;
  }
}


/*------------------------------------------------------------*\
 *
 * HEADER aka NAVBAR
 * > nw-2020-08-27
 *
\*------------------------------------------------------------*/

.navbar {
	padding: 1rem 0;
	overflow: hidden;
}

.navbar__content-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.navbar__copies {
  text-align: left;
}

.navbar__productname {
  color: #fff;
	font-size: 2rem;
	margin-bottom: 0;
	font-weight: bold;
	line-height: 1.2;
	font-weight: 500;
}

.navbar__publication-type {
  font-size: 1.5rem;
	font-weight: normal;
	color: #fff;
}


@media only screen and (max-width: 767px) {
  .wh_search_input {
    width: 100%;
    margin-bottom: 0;
    padding: 1rem 0 .5rem;
  }
}

form>div {
  margin: 0;
  width: 100%;
}

/* Desktop */
@media only screen and (min-width: 768px) {
	.navbar {
		padding: 0;
	}
  .navbar__content-container>* {
    flex: 1 0 50%;
  }

  .navbar__content-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .navbar__productname {
    font-size: 2.5rem;
  }

  .navbar__publication-type {
    font-size: 1.75rem;
  }

}



/*------------------------------------------------------------*\
 *
 * BREADCRUMB
 * > nw-2020-08-31
 *
\*------------------------------------------------------------*/

.wh_breadcrumb ol {
	padding: 0;
}

.wh_breadcrumb li:not(:last-of-type)::after {
	font-family: "oXygen WebHelp";
	content: "q";
	vertical-align: middle;
}

/*------------------------------------------------------------*\
 *
 * PREV/NEXT NAV
 * > nw-2020-08-31
 *
\*------------------------------------------------------------*/


.wh_right_tools_bottom,
.wh_navigation_links,
.navheader {
	width: 100%;
}

.wh_navigation_links {
	margin: 0;
}

.navheader {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (min-width: 576px) {
	.navheader {
		flex-direction: row;
	}
}

.navprev,
.navnext {
	position: relative;
}

.navprev {
	padding-left: 1em;
	margin-bottom: 1em;
}

@media (min-width: 576px) {
	.navprev {
		margin-bottom: 0em;
	}
}

.navnext {
	padding-right: 1em;
	text-align: right;
}

.oxy-icon-arrow-left:before,
.oxy-icon-arrow-right:before {
	position: absolute;
	content: "q";
}

.oxy-icon-arrow-left:before {
	top: -.125em;
	left: -.5em;
	transform: rotate(180deg);
}

.oxy-icon-arrow-right:before {
	right: -.5em;
}

/* fixes word-wrap, otherwise horizontal scroll */
#topic_navigation_links {
	white-space: normal;
}




/*------------------------------------------------------------*\
 *
 *
 * Search Results Page
 * > nw-2021-02-09
 * > HELP-37
 *
\*------------------------------------------------------------*/


/*------------------------------------------------------------*\
 * TOC Link
\*------------------------------------------------------------*/

.wh_search_page .toctxt {
	position: relative;
	padding-left: 1rem;
}

.wh_search_page .toctxt:hover {
	color: var(--smtg);
}

.wh_search_page .toctxt:before {
	position: absolute;
	content: "q";
	font-family: "oXygen WebHelp", serif;
	left: -1rem;
	transform: rotate(180deg);
}


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

.wh_search_results_header {
	margin-bottom: 4rem;
}
.wh_search_results_header_docs {
	padding-left: 8px;
}

.wh_search_results_header_pages {
	padding-right: 8px;
}

.searchresult {
	max-width: 75ch;
}


/*------------------------------------------------------------*\
 * Order / Overall searchresult item Layout
\*------------------------------------------------------------*/

.searchresult > li:not(.similarResult) {
	margin-bottom: 3rem;
	display: flex;
	flex-direction: column;
}

.searchresult > li:not(.similarResult):last-child {
	margin-bottom: 3rem;
	display: flex;
	flex-direction: column;
	margin-bottom: 6rem;
}

/* Similar Result */
.searchresult li.similarResult {
	margin-top: -4rem;
}

/* Headline */
.foundResult {
	order: 2;
}

.search-breadcrumb {
	order: 1;
	margin-bottom: .5rem;
}

.shortdesclink {
	order: 3;
}

.searchItemAdditionalData {
	order: 4;
}


/*------------------------------------------------------------*\
 * Lipstick CSS
\*------------------------------------------------------------*/

/* Headline */
.searchresult li a.foundResult {
	color: var(--smtg);
}

.star {
	filter: grayscale(100%);
}

/* Similar results toggle */
.searchresult li a {
	color: var(--darkest-gray);
}

.searchresult li a:hover {
	color: var(--smtg);
	text-decoration: underline;
}


/*------------------------------------------------------------*\
 * Breadcrumb
\*------------------------------------------------------------*/

.search-breadcrumb li {
	margin: 0;
	margin-left: .5rem;
	margin-right: 1rem;
	order: 1;
}

.search-breadcrumb .title a {
	color: var(--gray);
	background: none;
  padding: 0;
	line-height: 1.2;
}

.search-breadcrumb li .title {
	position: relative;
}

.search-breadcrumb li .title:before,
.search-breadcrumb li .title:after {
	border: none;
	color: #000;
	opacity: .66;
}

.search-breadcrumb li .title:after {
	position: absolute;
	font-family: "oXygen WebHelp", serif;
	top: 50%;
	right: -1.5rem;
	transform: translateY(-50%);
	content: "q";
}

.search-breadcrumb li:last-of-type .title:after {
	content: "";
}


/*------------------------------------------------------------*\
 * Pagination
\*------------------------------------------------------------*/

.wh-search-pagination .page-link {
	padding: 1rem 1.25rem;
}

@media only screen and (min-width: 768px) {
	.wh-search-pagination .page-link {
		padding: 1rem 2rem;
	}
}

.wh-search-pagination .page-link:hover {
	color: #fff;
	background-color: var(--smtg);
	border-color: var(--smtg);
}

.wh-search-pagination .page-item.active .page-link:hover {
	color: white;
}

.searchItemAdditionalData {
	align-items: stretch;
	margin-top: .5rem;
}

.searchItemAdditionalData > * {
	align-self: center !important;
}


/*------------------------------------------------------------*\
 *
 *
 * circular <ol>s for images
 * > nw-2021-02-11
 * > HELP-14
 *
 *
\*------------------------------------------------------------*/


.callout-numbers {
	list-style: none;
	padding-left: 3rem;
}

.callout-numbers > li {
	margin: 0 0 0.5rem 0;
  counter-increment: custom-counter;
  position: relative;
	margin-top: 2rem;
}

.callout-numbers > li:before {
	content: counter(custom-counter);
  color: #000;
  font-size: 1.25rem;
  position: absolute;
  --size: 24px;
  left: -3rem;
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
	border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
}

/*------------------------------------------------------------*\
 *
 *
 * modal popover for search info
 * > ck-2021-03-23
 * > SANS-36
 *
 *
\*------------------------------------------------------------*/
/* The Modal (background) */

/* Modal button */
.modal-button {
    background-color: var(--dark-gray);
    margin-right: 35px;
    border: none;
    color: #fff;
}

button:focus {
  outline: none;
}

/* Changed to allow positioning to the right of the search form */
.wh_search_input {
    display: flex;
    flex-wrap: wrap;
}

#searchForm {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 50%;
}

/*------------------------------------------------------------*\
 * Nested lists
\*------------------------------------------------------------*/

li li[class]:not([role="treeitem"]) {
	list-style-type: disc;
}

ol ul li:before {
	display: none;
}

/*------------------------------------------------------------*\
 * Search Tips Modal
\*------------------------------------------------------------*/

/* The Dialog */
.modal-popover {
  position: relative;
  width: 90vw;
  max-width: 42em; /* ck-21: ch units should not be used here because of Japanese */
  border: none;
  padding: 30px;
  box-shadow:
	0 2.8px 2.2px rgba(0, 0, 0, 0.02),
	0 6.7px 5.3px rgba(0, 0, 0, 0.028),
	0 12.5px 10px rgba(0, 0, 0, 0.035),
	0 22.3px 17.9px rgba(0, 0, 0, 0.042),
	0 41.8px 33.4px rgba(0, 0, 0, 0.05),
	0 100px 80px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  margin: auto;
  font-family: Roboto;
}

.modal-popover:lang(ja) {
  font-family: "Noto Sans JP", sans-serif;
}

/* Modal Content */
.modal-wrapper {
  position: fixed; /* Stay in place */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  z-index: 200; /* Sit on top ck-2021-03-22 - increased number so that it really sits on top */
  overflow: auto; /* Enable scroll if needed */
  color: var(--darkest-gray);
  padding-top: 5vw; /* Location of the box */
  top: 0;
  left: 0;
}

.modal-wrapper:lang(ja) {
  font-family: "Noto Sans JP", sans-serif;
  line-break: strict;
}

.modal-wrapper h3 {
	font-weight: 700;
}

.modal-wrapper p {
	margin: 2rem 0;
}

.modal-wrapper ul {
	padding-left: 1em;
}

em:lang(ja) {
  font-style: normal;
}


@media (min-width: 768px) {
	.modal-wrapper {
		font-size: 16px;
	}
	.modal-popover {
		padding: 4rem;
	}
	.modal-wrapper h3 {
		font-size: 22px;
	}
}

/* The Close Button */
.modal-wrapper .modal-close {
	position: absolute;
	top: 1rem;
	right: 2.5rem;
	padding: 0px;
}

.modal-close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
  background: transparent;
  border: none;
}

.modal-close:lang(ja) {
  font-family: "Roboto", sans-serif;
}

.modal-close:hover, 
.modal-close:focus{
  cursor: pointer;
  color: var(--smtg);
  text-decoration: none;
}

.hidden {
  display: none; /* Dialog is hidden by default */
}

/*------------------------------------------------------------*\
 * Tooltip fix, HELP-12
\*------------------------------------------------------------*/

[data-tooltip-position] .topicref .wh-tooltip {
	background-color: var(--dark-gray);
}