@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriRegular.ttf) format('truetype');
}
@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriBold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriItalic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriBoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriRegular.ttf) format('truetype');
}
@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriBold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriItalic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Calibri';
  src: url(resources/CalibriBoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}
/* Bold selection in Publication TOC. WebHelp only. */
@media screen {
  .wh_publication_toc .active > .topicref a {
    font-weight: bold;
  }
}

@media print {
  @page front-page {
    background-image: url("resources/covers/Force 1801.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
}

/*between-elements-extra-small*/
/* *[class~='topic/p'],
*[class~='topic/lq'],
*[class~='topic/note'],
*[class~='topic/dl'],
*[class~='topic/ul'],
*[class~='topic/ol'],
*[class~='topic/li'],
*[class~='topic/sl'],
*[class~='topic/pre'],
*[class~='topic/lines'],
*[class~='topic/fig'],
*[class~='topic/table'],
*[class~='topic/simpletable'],
*[class~='topic/section'],
*[class~='topic/example'] {
  margin: 0.5em 0;
} */

/* between-lines-small */
/* *[class~='topic/topic'],
*[class~='topic/body'],
*[class~='topic/title'] {
  line-height: 1.5;
} */

/* Bold selection in Publication TOC. WebHelp only.
@media screen {
  .wh_publication_toc .active > .topicref a {
    font-weight: bold;
  }
} */
/*accent-colors-selector*/
.topictitle1,
.topictitle2,
.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6,
*[class~='front-page/front-page-title'],
*[class~="toc/title"],
*[class~="placeholder/figurelist"] > *[class~="topic/title"],
*[class~="placeholder/tablelist"] > *[class~="topic/title"],
*[class~="index/groups"]::before {
  color: black;
}
*[class~='topic/shortdesc']:before {
  color: #9b9b9b;
}
*[class~='topic/xref'],
*[class~='topic/link'] {
  color: #59B999;
}
.related-links a,
.related-links a:visited {
  color: #59B999;
}
a,
a:hover,
a:visited {
  color: #59B999;
}
*[class~='topic/table'] th {
  background-color: #f0f0f0;
}
/*fonts-selector*/
@page {
  font-family: 'BrandingFont', sans-serif;
}
.topictitle1,
.topictitle2,
.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6,
*[class~='front-page/front-page-title'],
*[class~="toc/title"],
*[class~="map/topicref"],
*[class~='topic/title'],
*[class~='topic/thead'],
*[class~="placeholder/figurelist"],
*[class~="placeholder/tablelist"],
*[class~="index/groups"]::before,
*[class~="index/group"] > *[class~="index/label"],
.wh_publication_title,
.wh_top_menu,
.wh_tile_title .topicref,
.wh_main_page_toc_entry .topicref,
.wh_index_terms span.wh_first_letter,
.wh-letters li a {
  font-family: 'BrandingFont', sans-serif;
}
body {
  font-family: 'SecondaryBrandingFont', sans-serif;
}
/*title-font-size-very-small*/
.topictitle1,
*[class~='toc/title'],
*[class~="placeholder/figurelist"] > *[class~="topic/title"],
*[class~="placeholder/tablelist"] > *[class~="topic/title"],
*[class~="index/groups"]::before {
  font-size: 17pt;
}
.topictitle2 {
  font-size: 15pt;
}
.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6 {
  font-size: 15pt;
}
/*content-font-size-8*/
body {
  font-size: 12pt;
}


/*titles-color-labels*/
.topictitle1,
.topictitle2,
.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6,
*[class~="toc/title"],
*[class~="placeholder/figurelist"] > *[class~="topic/title"],
*[class~="placeholder/tablelist"] > *[class~="topic/title"],
*[class~="index/groups"]::before {
  color: black;
  font-weight: 700;
}
/*code-colors-theme-programmer*/
*[class~='codeblock'] {
  color: #EEEEEE;
  background-color: #1E1E1E;
}
*[class~='hl-keyword'] {
  color: #93C763;
}
*[class~='hl-string'] {
  color: #EC7600;
}
*[class~='hl-tag-doctype-comment'],
*[class~='hl-comment'] {
  color: #7D8C93;
}
*[class~='hl-number'] {
  color: #FFCD22;
}
/*table-style-rounded-corner*/
@media screen {
  *[class~="topic/table"],
  *[class~="topic/simpletable"] {
    /* border-radius: 12px; */
    overflow: hidden;
  }
  /* Need to define radius on th for Google Chrome. */
  *[class~="topic/thead"] th:first-child,
  *[class~="topic/simpletable"] th:first-child {
    border-top-left-radius: 12px;
  }
  *[class~="topic/thead"] th:last-child,
  *[class~="topic/simpletable"] th:last-child {
    border-top-right-radius: 12px;
  }
  /* *[class~='topic/table'],
  *[class~="topic/thead"],
  *[class~='topic/simpletable'],
  *[class~='topic/entry'],
  *[class~='topic/stentry'] {
    border: 1 !important;
  } */
}
/*unordered-list-bullet-color-links*/
*[class="- topic/ul ul"] > *[class="- topic/li li"]::marker,
*[class="- topic/ul ul"] > *[class="- topic/li li"]::before {
  color: #59B999;
}
/*ordered-list-counter-color-links*/
/* *[class="- topic/ol ol"] > *[class="- topic/li li"]::marker,
*[class="- topic/ol ol"] > *[class="- topic/li li"]::before {
  color: #59B999;
} */

/*notes-colors-colorful*/
*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
  background-color: rgba(0, 120, 160, 0.09);
  border-color: #0078A0;
}
*[class~="topic/note"].note_danger,
*[class~="topic/note"].note_caution {
  background-color: rgba(255, 202, 45, 0.1);
  border-color: #606060;
}
*[class~="topic/note"].note_warning,
*[class~="topic/note"].note_attention,
*[class~="topic/note"].note_important {
  background-color: rgba(255, 202, 45, 0.1);
  border-color: #FFCA2D;
}
*[class~="topic/note"].note_restriction {
  background-color: rgba(255, 226, 225, 0.32);
  border-color: #FF342D;
}
/*links-style-underline-on-hover*/
*[class~='topic/xref'],
*[class~='topic/link'] {
  text-decoration: none;
}
*[class~='topic/xref']:hover,
*[class~='topic/link']:hover {
  text-decoration: underline;
}
.related-links a,
.related-links a:visited,
a,
a:visited {
  text-decoration: none;
}
.related-links a:hover,
a:hover {
  text-decoration: underline;
}
/*related-links-styles-background*/
*[class~="topic/linklist"] > strong {
  background-color: #59B999;
  padding-left: 0.5em;
  display: inherit;
}
*[class~="topic/linklist"] > .linklist {
  padding-left: 0.5em;
}
/*related-links-colors-titles*/
*[class~="topic/linklist"] > strong {
  color: #000000;
}
/*tasks-labels-yes*/
/*tasks-layout-burger-background*/
ol[class~="task/steps"] {
  border-top: 5px solid #59B999;
  border-bottom: 5px solid #59B999;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*page-size-a4*/
@media print {
  @page {
    size: A4;
  }
}
/*pdf-cover-selector*/
/*pdf-cover-title-horizontal-alignment-left*/
*[class~="front-page/front-page-title"] > *[class~="topic/title"] {
  text-align: left;
}
/*pdf-cover-title-vertical-alignment-bottom*/
*[class~="front-page/front-page-title"] {
  padding-top: 90%;
}
/*pdf-cover-title-size-very-small*/
*[class~="front-page/front-page-title"] > *[class~="topic/title"] {
  font-size: 25pt;
}
/*pdf-cover-title-colors-white-title*/
*[class~="front-page/front-page-title"] > *[class~="topic/title"] {
  color: black;
  background-color: transparent;
}
*[class~="bookmap/booktitle"] {
  padding: 0.5em;
}
/*toc-numbering-deep*/
/*left-pages-header-empty*/
@page :left {
  @top-left {
    content: none;
  }
}
/*right-pages-header-empty*/
@page :right {
  @top-right {
    content: none;
  }
}
/*header-style-bold*/
@page {
  @top-left-corner {
    font-weight: bold;
  }
  @top-left {
    font-weight: bold;
  }
  @top-center {
    font-weight: bold;
  }
  @top-right {
    font-weight: bold;
  }
  @top-right-corner {
    font-weight: bold;
  }
}
/*left-pages-footer-page*/
@page :left {
  @bottom-left {
    content: "Page " counter(page);
	background-image: url('resources\Beeldmerk_links.png');
    background-repeat:no-repeat;
    background-position:8% 50%; 
  }
}
/*right-pages-footer-page*/
@page :right {
  @bottom-right {
    content: "Page " counter(page);
	background-image: url("resources\Beeldmerk_rechts.png");
    background-repeat:no-repeat;
    background-position:92% 50%; 
  }
}
/*footer-style-bold*/
@page {
  @bottom-left-corner {
    font-weight: bold;
  }
  @bottom-left {
    font-weight: bold;
  }
  @bottom-center {
    font-weight: bold;
  }
  @bottom-right {
    font-weight: bold;
  }
  @bottom-right-corner {
    font-weight: bold;
  }
}
/*pdf-index-groups-colors-titles-labels-links-colors*/
*[class~="index/groups"]:before,
*[class~="index/groups"] *[class~="index/group"] *[class~="index/label"] {
  color: #000000;
}
*[class~="index/formatted-value"] {
  color: #b2b2b2;
}
*[class~="index/groups"] *[class~="index/link"] {
  color: #59B999;
}
/*pdf-index-groups-alignment-inline*/
*[class~="index/formatted-value"],
*[class~="index/refid"] {
  display: inline;
}
/*wh-tree*/
/*wh-tree-themes-titles-links-label-colors*/
.wh_main_page_toc {
  border: none;
  background-color: transparent;
}
.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: #000000;
  background-color: transparent;
  text-align: left;
}
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc > .wh_main_page_toc_entry:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
}
.wh_main_page_toc .topicref a,
.wh_main_page_toc .topicref a:visited {
  color: #59B999;
}
.wh_main_page_toc .wh_toc_shortdesc {
  color: #b2b2b2;
  font-weight: normal;
}
.wh_main_page_toc_accordion_header:before {
  color: #000000;
}
/*wh-breadcrumb-style-bold-selection*/
.wh_breadcrumb ol .active a {
  font-weight: bold;
}
/*wh-breadcrumb-links*/
.wh_breadcrumb ol a {
  color: #59B999;
}
/*wh-breadcrumb-separator-arrow*/
.wh_breadcrumb li:not(:last-of-type):after {
  content: ' > ';
}
/*wh-left-toc-underline-selection*/
.wh_publication_toc .active > .topicref a {
  text-decoration: underline;
}
.wh_publication_toc .title a:hover {
  text-decoration: underline;
}
/*wh-left-toc-thin-right-full-border*/
#wh_publication_toc {
  border-right: thin solid #b2b2b2;
}
/*wh-left-toc-links-for-selection-black-foreground*/
.wh_publication_toc .title a {
  color: #000;
}
.wh_publication_toc .active > .topicref a {
  color: #59B999;
}
.wh_publication_toc .title a:hover {
  text-decoration: underline;
}
/*wh-right-toc-colors-links-for-selection-black-foreground*/
.wh_topic_toc .section-item .section-title a {
  color: #000;
}
.wh_topic_toc .section-item .section-title a.current_node {
  color: #59B999;
}
/*wh-index-terms-colors-links-colors*/
.wh_index_terms span.wh_first_letter,
.wh-letters li a,
.wh_term_target {
  color: #59B999;
}
/*wh-index-terms-styles-titles-bold*/
.wh-letters li a,
.wh_first_letter {
  font-weight: bold;
}
.wh_index_terms .wh_first_letter {
  border-bottom: none;
}
/*wh-index-terms-letters-separator-space*/
.wh-letters li::after {
  content: "  ";
}
.wh-letters li a {
  padding: 0 .5em;
}
.wh-letters li:last-child::after {
  content: "";
}
/*wh-menu-page-colors-link-color-no-bg*/
.wh_header {
  background-color: transparent;
}
.wh_top_menu > ul > li a,
.wh_indexterms_link a::before {
  color: white;
}
.wh_indexterms_link a span {
  display: none;
}
.wh_top_menu ul li:hover {
  background-color: transparent;
}
.wh_top_menu ul ul {
  background-color: #59B999;
}
.wh_top_menu ul ul li {
  border-top-color: transparent;
}
.wh_top_menu ul ul li a:hover {
  background: #d9d9d9;
}
#wh_menu_mobile_button {
  background-color: #b3b3b3;
}
/*wh-menu-page-depth-unlimited*/
/*wh-search-component-colors-links*/
.wh_search_button {
  /* display: inline-block; */
  box-sizing: border-box;
  background-color: #cf3125;
  border-radius: 10px;
  margin-right: 2px;
}

/*wh-footer-padding-extra-small*/
.wh_footer {
  padding: 20px 0;
  color: white;
}
/*preview-selector*/
/*tags-selector*/

/*------------------------------------------i-team custom additions------------------------------------------*/

/* Prevent top level topics (H1 chapters) from starting on a new page */
*[class ~= "topic/topic"][is-chapter] {
  -oxy-page-group:auto; 
}

/*------------------------------------------Language tabs------------------------------------------*/
@page :left {

  @left-top {

    content: " ";

    background-image: url("resources\language_indicator_left.png");

    background-repeat: no-repeat;

    background-position: -10% 0%;

    background-size: 50%;

  }

}

@page :right {

  @right-top {

    content: " ";

    background-image: url("resources\language_indicator_right.png");

    background-repeat: no-repeat;

    background-position: 110% 0%;

    background-size: 50%;

  }

}

/* ------------------------------------------VDI table changes------------------------------------------ */
*[outputclass="VDI"]{

  line-height: 1;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

*[outputclass="VDI"] th, td {
  text-align: left;
  padding: 1px;
}

/* For Webhelp */
.VDI tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* For PDF */
*[outputclass="VDI"] tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* For Webhelp */
.white_bg {
  background-color: white;
}

/* For PDF */
*[outputclass="white_bg"] {
  background-color: white;
}
/* --------------------------------------------------------------------------------------------------- */

/*----------------------------------table changes to align figures with text--------------------------------------*/
 
 
*[class ~= "topic/entry"] > *[class ~= "topic/fig"] {
  padding-top: 16px;
}
 
/*----------------------------------------------------------------------------------------------------------------*/


/* Sticky to static overwrite */
.breadcrumb-sticky,
.indexTerms-sticky,
.header-sticky {
  position: static;
}

/* Center product on main page */
.wh_product {
  display: flex;
  justify-content: center;
}

/* Webhelp front page product styling */
.product {
  display: block;
  max-width: 50%;
  /* max-height: 100%; */
  padding-top: 4em;
  margin-left: auto;
  margin-right: auto;
}

/*hazard-content-border*/
*[class~="hazard-d/hazardstatement"] th,
*[class~="hazard-d/hazardstatement"] td {
  border: 0;
}

/* Remove the hazardstatement SVG next to the hazard type description */
.hazardstatement thead tr th svg {
  display: none;
}

/* Hide the in progress language selector */
.form-select {
  display: none;
}

/* Restart the numbering of pages on the first "content" chapter */
*[class ~= "map/map"][numbering ^= 'deep'] > *[class ~= "toc/toc"] + *[class ~= "topic/topic"][is-chapter],
*[class ~= "map/map"][numbering ^= 'deep'] > *[class ~= "topic/topic"][is-frontmatter] + *[class ~= "topic/topic"][is-chapter] {
  counter-reset: page 1 section1;
}
*[class ~= "map/map"][numbering ^= 'deep'] > *[class ~= "toc/toc"] + *[class ~= "topic/topic"][is-part],
*[class ~= "map/map"][numbering ^= 'deep'] > *[class ~= "topic/topic"][is-frontmatter] + *[class ~= "topic/topic"][is-part] {
  counter-reset: page 1 chapter chapter-and-sections;
}

/* Making the webhelp top menu font a bit bigger and bold */
.wh_top_menu {
  font-size: 11pt;
  font-weight: bold;
}

/* Bold & black webhelp title */
.mainbooktitle {
font-weight: bold;
color: #000;
}

/* Removing background from webhelp search page */
.wh_search_input{
  padding: 0em;
  margin: 0;
  /* background: url('resources/logo_banner.svg') no-repeat; */
    /* background-size: cover; */
    border-top: solid 1px #abb8c3;
    /* border-bottom: solid 1px #abb8c3; */
  /* box-shadow: 0 10px 45px -12px rgba(0, 0, 0, 0.3); */
}

/* Add border below search box only */
.wh_search_input div{
  border-bottom: solid 1px #abb8c3;
}

/* Styling for search box and button */
.wh_search_textfield {
  border: none !important;
  border-left: 1px solid #abb8c3 !important;
  border-right: 1px solid #abb8c3 !important;
  border-radius: 0 !important;
}


/* Tweaking the webhelp breadcrumb/print/etc. line to be transparant and a bit further away from the new search background */
.wh_tools {
  background-color: transparent;
  padding: 15px;
}

/* Hiding the empty TOC div in the webhelp */
/* .wh_main_page div[id=content] {
  display: none;
} */

*[outputclass="digital_max_size"]{
  width: 100%;
}

/* Makes the hazard type stand out by making it bold */
.typeofhazard {
  font-weight: bold;
}

/* makes the hazardstatement note 100% width again */
.hazardstatement_note {
  width: 100%;
}

.navbar {
  background: #59B999;
}

.wh_footer_div > a {
  color: #0f3e4e;
}

.wh_publication_title > a {
  color: white;
  font-weight: bold;
  font-size: 20px;
}

div#wh_topic_body, nav#wh_publication_toc {
  padding-top: 1em;
}

/* Add bullets for unordered lists */
ul, ul.simple {
  list-style-type: disc;
}

/* Remove indent for lists inside table */
td ul {
  margin-inline-start: 0;
  padding-inline-start: 20px;
}

/* Hide headers for hazard statements */
.note thead {
  display: none;
}

/* Change borders for hazard statements*/
tbody tr[class*="hazard"]{
  border: 1px solid;
}

/* Make hazard statements/table stretch consistently across page in webhelp */
table, .table {
  width: 100%;
}

/* Add borders for images and stretch images to full width to align borders */
figure img {
  border: solid 1px;
  width: 100%;
}

/* Add grey highlighted rows in tables */
.entry[class*="grey"]{
  background-color: #BEBEBE;
}

/* Hide the labels generated by DITA-OT */
.figtitleprefix {
  display:none;
}

/* Counter for figures */
body {
  counter-reset: none;
  counter-set: figcount 0;
}

*[class ~= "topic/fig"] { 
  counter-increment: figcount;
}

*[class ~= "topic/fig"] figcaption::before {
  content: "Abbildung " counter(figcount);
}

/*----------------------------------images--------------------------------------*/

/* Small images: ID labels, stickers etc. */
.align_left_small {
  display: block;
  max-width: 40% !important;
}


/*----------------------------------language dropdown--------------------------------------*/

*[class~="wh_header_flex_container navbar-nav navbar-expand-md navbar-dark"] {
  display: flex;
}
 
.language_dropdown_menu {
  /* position: relative; */
  float: right;
  /* display: inline-block; */
  /* border: 1px solid; */
  /* border-color:#ccc; */
  border-radius: 5px;
  padding-left: 0px;
  padding-top: 0.7em;
  color: #59B999;
  font-weight: 700;
  width: 100px;
  height: 2.8em;
  text-align: center;
  margin-left: 5rem;
  margin-top: -2rem;
}
 
.language_dropdown_menu_content {
  display: none;
  position: absolute;
  width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000; 
  text-align: center;
  background-color: #59B999;
 
  margin-top: 8px;
  /* margin-left: -2px; */
 
  border: 1px solid;
  border-color:#ccc;
  border-radius: 5px;
}
 
.language_dropdown_menu:hover .language_dropdown_menu_content {
  display: block;
}
 
.language_dropdown_menu:hover {
  background-color: #FFF;
  color: #59B999;
}
 
.language_select:hover {
  background-color: #73C09B;
  border-radius: 5px;
}
 
.language_select {
  height: 40px;
  justify-content: center;
  padding-top: 4px;
}

.language_select p {
  color: #f0f0f0;
}

 
*[class~="wh_search_input"] {
  background-color: transparent;
  /* flex: 10; */
  margin-left: 0px;
}
 
*[class~="wh_header_flex_container"] {
  /* background-color: blue; */
  display: flex;
  flex: 1;
}
 
*[class~="wh_logo_and_publication_title"] {
  /* background-color: green; */
  flex: 1;
}
 
.language_dropdown_menu {
  background-color: #FFF;
  flex: 1;
}

/*----------------------------------Organize TOC and main page and product image--------------------------------------*/

.wh_main_page_toc {
/* .wh_content_area { */
margin-top: -60%;
margin-right: 50%;
}

.wh_content_area {
  min-height: 10rem;
}

/* Remove padding from paragraph elements inside a table */
*[class~="topic/entry"] [class~="topic/p"] {
  margin-top: 0em;
}

/*----------------------------------table changes to align figures with text--------------------------------------*/

*[class ~= "topic/entry"] > *[class ~= "topic/fig"] {
  padding-top: 16px;
}