@charset "utf-8";

html {
    font-family: robotoregular, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.4;
    color: #202020;
    background-color: #ffffff;
    scrollbar-color: #E1E3E5 #F5F5F5
}

p {
    margin-block-end: 0.5rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 100%;
    margin-bottom: 1ex;
    margin-top: 1ex;
    color: inherit;
    font-weight: 500;
}

h1 {
    font-size: 1.4rem;
    padding: 1ex 0 0 0;
    margin:  0 0 2rem 0;
}

h2 {
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    font-size: 1.2rem;
}

h3 {
    font-size: 1rem;
    font-weight: bold;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-weight: bold;
    font-size: 1rem;
    margin: 0;
}

/* div::-webkit-scrollbar {
    /*the scrollbar. 
    border: 3px solid transparent;
    border-radius: 400px;
    width: 20px;
}

::-webkit-scrollbar-button {
    /*the buttons on the scrollbar (arrows pointing upwards and downwards). 
    display: none;
}

::-webkit-scrollbar-thumb {
    /*the draggable scrolling handle. 
    border: 1px solid transparent;
    border-radius: 400px;
    border-color: #F5F5F5;
    background-color: #E1E3E5 !important;
}

::-webkit-scrollbar-track-piece {
    /*the track (progress bar) NOT covered by the handle. 
    border: 3px solid transparent;
    border-radius: 400px;
    background-color: #F5F5F5 !important;
} */

.js-focus-visible::-webkit-scrollbar {
    /*the scrollbar. */
    border: 3px solid transparent;
    border-radius: 400px;
    width: 15px;

}

[hidden] {
    display: none !important;
}

/* QR codes */
.qrcode > img {
    display: inline !important;
    vertical-align: middle;
    margin: 2px;
}

:lang(en), :lang(de), :lang(pt), :lang(ru) {
  font-family: "NotoSansDP", "Calibri" !important;
}

:lang(ja) {
  font-family: "NotoSansJP", "NotoSansDP", "Calibri" !important;
}

:lang(zh) {
  font-family: "NotoSansZH", "NotoSansDP", "Calibri" !important;
}

:lang(ko) {
  font-family: "NotoSansKR", "NotoSansDP", "Calibri" !important;
}

:is(:lang(en), :lang(de), :lang(pt), :lang(ru), :lang(ja), :lang(zh), :lang(ko)) code {
    color: #384350;
    font-family: consolas !important;
}

.wPrintButton::before, .wSearchLink::before, .set-fav-button::before, .view-favorites::before, .unfavorite::before {
    font-family: "agilent" !important;
  }