@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../../template/Agt_ol20/glyphicons-halflings-regular.eot);
  src: url(../../template/Agt_ol20/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../../template/Agt_ol20/glyphicons-halflings-regular.woff2) format("woff2"), url(../../template/Agt_ol20/glyphicons-halflings-regular.woff) format("woff"), url(../../template/Agt_ol20/glyphicons-halflings-regular.ttf) format("truetype"), url(../../template/Agt_ol20/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}
@font-face {
  font-family: roboto-cond;
  font-weight: 400;
  src: url(../../template/Agt_ol20/RobotoCondensed-Regular.ttf) format("truetype")
}
@font-face {
  font-family: roboto-cond;
  font-weight: 700;
  src: url(../../template/Agt_ol20/RobotoCondensed-Bold.ttf) format("truetype")
}
@font-face {
  font-family: roboto;
  font-weight: 400;
  src: url(../../template/Agt_ol20/Roboto-Regular.ttf) format("truetype")
}
@font-face {
  font-family: roboto;
  font-weight: 700;
  src: url(../../template/Agt_ol20/Roboto-Bold.ttf) format("truetype")
}
@font-face {
  font-family: roboto-thin;
  font-weight: thin;
  src: url(../../template/Agt_ol20/Roboto-Thin.ttf) format("truetype")
}
@font-face {
  font-family: agilent;
  src: url(../../template/Agt_ol20/agilent.eot?t7ojhn);
  src: url(../../template/Agt_ol20/agilent.eot?t7ojhn#iefix) format("embedded-opentype"), url(../../template/Agt_ol20/agilent.ttf?t7ojhn) format("truetype"), url(../../template/Agt_ol20/agilent.woff?t7ojhn) format("woff"), url(../../template/Agt_ol20/agilent.svg?t7ojhn#agilent) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: NotoSansJP;
  font-weight: 700;
  src: url(../../template/Agt_ol20/NotoSansJP-Medium.ttf) format("truetype")
}

@font-face {
  font-family: NotoSansKR;
  font-weight: 700;
  src: url(../../template/Agt_ol20/NotoSansKR-Medium.otf) format("opentype")
}

@font-face {
  font-family: NotoSansSC;
  font-weight: 700;
  src: url(../../template/Agt_ol20/NotoSansSC-Medium.otf) format("opentype")
}

.agilent-font-base, .filter a, .history a, .history a .path1, .history a .path2, .history a .path3, .history a .path4, .icon-guide-help:before, .icon-learning:before, .icon-pdf:before, .icon-print_sm:before, .icon-video:before, .icon-webdoc:before, .unfavorite, .view-favorites, .wPrintButton, .wSearchLink, a.favorite {
  font-family: agilent !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: inherit;
  width: unset;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.filter a, .history a, .history a .path1, .history a .path2, .history a .path3, .history a .path4, .template-header-base, .unfavorite, .view-favorites, .wPrintButton, .wSearchLink, a.favorite {
  color: #fff !important
}
.filter a:after, .history a .path1:after, .history a .path2:after, .history a .path3:after, .history a .path4:after, .history a:after, .template-header-base:after, .unfavorite:after, .view-favorites:after, .wPrintButton:after, .wSearchLink:after, a.favorite:after {
  content: none !important
}
.filter a:hover:before, .history a .path1:hover:before, .history a .path2:hover:before, .history a .path3:hover:before, .history a .path4:hover:before, .history a:hover:before, .template-header-base:hover:before, .unfavorite:hover:before, .view-favorites:hover:before, .wPrintButton:hover:before, .wSearchLink:hover:before, a.favorite:hover:before {
  color: #057fc8
}
.filter a:hover [class^=" path"]:before, .filter a:hover [class^=path]:before, .history a .path1:hover [class^=" path"]:before, .history a .path1:hover [class^=path]:before, .history a .path2:hover [class^=" path"]:before, .history a .path2:hover [class^=path]:before, .history a .path3:hover [class^=" path"]:before, .history a .path3:hover [class^=path]:before, .history a .path4:hover [class^=" path"]:before, .history a .path4:hover [class^=path]:before, .history a:hover [class^=" path"]:before, .history a:hover [class^=path]:before, .template-header-base:hover [class^=" path"]:before, .template-header-base:hover [class^=path]:before, .unfavorite:hover [class^=" path"]:before, .unfavorite:hover [class^=path]:before, .view-favorites:hover [class^=" path"]:before, .view-favorites:hover [class^=path]:before, .wPrintButton:hover [class^=" path"]:before, .wPrintButton:hover [class^=path]:before, .wSearchLink:hover [class^=" path"]:before, .wSearchLink:hover [class^=path]:before, a.favorite:hover [class^=" path"]:before, a.favorite:hover [class^=path]:before {
  color: #057fc8
}
.history a {
  font-size: 1.55rem
}
.history a .path1:before {
  content: "\e900";
  color: #fff;
  opacity: .1
}
.history a .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: #fff
}
.history a .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: #fff
}
.history a .path4:before {
  content: "\e903";
  margin-left: -1em;
  color: #fff
}
.wSearchLink {
  font-size: 1.3rem
}
.wSearchLink:before {
  content: "\e907"
}
.icon-video:before {
  content: "\e908"
}
.icon-learning:before {
  content: "\e909"
}
.view-favorites {
  font-size: 1.3rem
}
.view-favorites:before {
  content: "\e90a"
}
.filter a {
  font-size: 1.3rem
}
.filter a:before {
  content: "\e90b"
}
.unfavorite {
  font-size: 1.3rem
}
.unfavorite:before {
  content: "\e90c"
}
a.favorite {
  font-size: 1.3rem
}
a.favorite:before {
  content: "\e90d"
}
.wPrintButton {
  font-size: 1.3rem
}
.wPrintButton:before {
  content: "\e90e"
}
.icon-print_sm:before {
  content: "\e90f"
}
.icon-webdoc:before {
  content: "\e910"
}
.icon-pdf:before {
  content: "\e911"
}
.icon-guide-help:before {
  content: "\e912"
}
body.lang-en {
  font-size: 16px !important;
  letter-spacing: -.25px !important
}
img {
  /* width: auto;
  height: auto; */
  max-width: 100%;
  max-height: calc(100vh - 33px) !important;
}
/* 2022-04-27/HL: headings, lists and some other removed */
/* h1, h2, h3, h4, h5 {
  color: #333;
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 0
}
li, p, td {
  color: #333
}
h1 {
  font-size: 1.75rem;
  line-height: 36px;
  margin: 90px 0 10px 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  padding: 0 10px 10px 0
}
@media screen and (min-width:768px) {
  h1 {
    font-size: 45px;
    line-height: 50px;
    margin: 20px 0
  }
}
h2 {
  font-size: 1.35rem;
  line-height: 26px;
  margin: 30px 0 20px
}
@media screen and (min-width:768px) {
  h2 {
    font-size: 1.65rem;
    line-height: 1.875rem
  }
}
h3 {
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin: 25px 0 15px
}
@media screen and (min-width:768px) {
  h3 {
    font-size: 1.35rem;
    line-height: 26px
  }
}
h1 + h2, h1 ~ div:first-of-type > h2 {
  margin-top: 0;
  padding-top: 0
}
h2 + h3, h3 + h4, h4 + h5, hr + h3 {
  margin-top: 0;
  padding-top: 0
}
h4 {
  margin: 25px 0 10px;
  font-size: 1.25rem;
  line-height: 1.5rem
}
h5 {
  margin: 20px 0 10px;
  font-size: 1.125rem;
  line-height: 1.375rem
}
a, li, p {
  font-family: roboto, Arial, Helvetica, sans-serif;
  font-size: .925rem;
  line-height: 1.25rem
}
@media screen and (min-width:768px) {
  a, li, p {
    font-size: 1rem;
    line-height: 1.375rem
  }
}
p {
  margin: 10px 0;
  display: block
}
ul {
  list-style-type: disc
}
:not(.ie) ol, :not(.ie) ul {
  margin: 10px 0 25px 15px;
  padding: 0 0 0 20px
}
:not(.ie) ol li, :not(.ie) ul li {
  margin: 0 auto 6px;
  padding: 0 0 0 5px
}
@media screen and (min-width:768px) {
  :not(.ie) ol li, :not(.ie) ul li {
    margin: 0 auto 6px
  }
}
:not(.ie) ol ol, :not(.ie) ol ul, :not(.ie) ul ol, :not(.ie) ul ul {
  margin: 6px 0 6px 5px;
  padding: 0 0 0 20px
}
:not(.ie) ol ol li, :not(.ie) ol ul li, :not(.ie) ul ol li, :not(.ie) ul ul li {
  margin: 0 auto 6px;
  padding: 0 0 0 5px
}
:not(.ie) ol ol ol, :not(.ie) ol ol ul, :not(.ie) ol ul ol, :not(.ie) ol ul ul, :not(.ie) ul ol ol, :not(.ie) ul ol ul, :not(.ie) ul ul ol, :not(.ie) ul ul ul {
  margin: 6px 0 6px 5px;
  padding: 0 0 0 20px
}
:not(.ie) ol ol ol li, :not(.ie) ol ol ul li, :not(.ie) ol ul ol li, :not(.ie) ol ul ul li, :not(.ie) ul ol ol li, :not(.ie) ul ol ul li, :not(.ie) ul ul ol li, :not(.ie) ul ul ul li {
  margin: 0 auto 6px;
  padding: 0 0 0 5px
}
:not(.ie) ol ol ol ol, :not(.ie) ol ol ol ul, :not(.ie) ol ol ul ol, :not(.ie) ol ol ul ul, :not(.ie) ol ul ol ol, :not(.ie) ol ul ol ul, :not(.ie) ol ul ul ol, :not(.ie) ol ul ul ul, :not(.ie) ul ol ol ol, :not(.ie) ul ol ol ul, :not(.ie) ul ol ul ol, :not(.ie) ul ol ul ul, :not(.ie) ul ul ol ol, :not(.ie) ul ul ol ul, :not(.ie) ul ul ul ol, :not(.ie) ul ul ul ul {
  margin: 6px 0 6px 5px;
  padding: 0 0 0 20px
}
:not(.ie) ol ol ol ol li, :not(.ie) ol ol ol ul li, :not(.ie) ol ol ul ol li, :not(.ie) ol ol ul ul li, :not(.ie) ol ul ol ol li, :not(.ie) ol ul ol ul li, :not(.ie) ol ul ul ol li, :not(.ie) ol ul ul ul li, :not(.ie) ul ol ol ol li, :not(.ie) ul ol ol ul li, :not(.ie) ul ol ul ol li, :not(.ie) ul ol ul ul li, :not(.ie) ul ul ol ol li, :not(.ie) ul ul ol ul li, :not(.ie) ul ul ul ol li, :not(.ie) ul ul ul ul li {
  margin: 0 auto 6px;
  padding: 0 0 0 5px
}
ol {
  list-style-type: decimal
}
ol ol {
  list-style-type: lower-alpha
}
ol ol ol {
  list-style-type: decimal
}
ol ol ol ol {
  list-style-type: lower-alpha
}
ol ol ol ol ol {
  list-style-type: decimal
}
ul {
  list-style-type: disc
}
ul ol {
  list-style-type: decimal
}
ul ol ol {
  list-style-type: lower-alpha
}
caption {
  font-weight: 700;
  text-align: left
}
table caption {
  font-weight: 700
}
*/
a {
  text-decoration: inherit
}
a:active {
  color: #0085d5
}
a:link {
  color: #0085d5
}
a:visited {
  /* color: #80276c */
  color: #0085d5
}
a:hover {
  color: #00426a;
  text-decoration: underline;
}
.cautionColor {
  color: #f2a600
}
.warningColor {
  color: red
}
.indented {
  margin-left: 1.5em
}
.indentedMore {
  margin-left: 3em
}
.inlineBlock {
  display: inline-block;
  color: #333
}
.inline {
  display: inline;
  color: #333;
  margin-left: 0
}
.emphasis {
  font-weight: 700
}
.citation {
  font-style: oblique
}
.button {
  background-color: #4c5662;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
  color: #fff;
  border-bottom-style: outset;
  border-bottom-color: #4c5662;
  border-right-style: outset;
  border-right-color: #4c5662;
  font-size: .9em;
  line-height: 1.7em
}
.key {
  font-weight: 900
}
span.key::before {
  content: "["
}
span.key::after {
  content: "]"
}
.userInput {
  font-weight: 900
}
.guiTerm {
  font-weight: 700
}

/* 2022-04-27/HL: safety styles removed */
/*
.caution, .note, .warning {
  width: 99%;
  border: 0;
  padding-bottom: .5em;
  border-bottom: 1px;
  border-bottom-style: solid;
  margin-bottom: 1em;
  border-collapse: separate;
  min-height: 60px
}


.note {
  border-bottom-color: #777
}

table.caution tr td, table.note tr td, table.warning tr td {
  min-height: 40px
}
.cautionText, .noteText, .warningText {
  min-height: 30px
}
.caution {
  border-bottom-color: #f2a600
}
.warning {
  border-bottom-color: #e12b33
}
.warningText {
  font-weight: 700;
  font-size: 105%
}
.cautionTag, .noteTag, .warningTag {
  font-weight: 700;
  color: #fff;
  width: 115px;
  padding: 10px 0 5px 5px;
  vertical-align: top;
  height: 30px;
  text-align: center
}
.cautionTag, .warningTag {
  text-transform: uppercase
}
.caution .cautionTag, .note .noteTag, .warning .warningTag {
  padding: 10px 0 5px 5px
}
.noteTag {
  background-color: #b7b7b7
}
.cautionTag {
  background-color: #fabe1e
}
.warningTag {
  background-color: red
}
td.noteTag {
  background: -webkit-linear-gradient(top, #b7b7b7 40px, #fff 40px);
  background: linear-gradient(to bottom, #b7b7b7 40px, #fff 40px)
}
td.cautionTag {
  background: -webkit-linear-gradient(top, #fabe1e 40px, #fff 40px);
  background: linear-gradient(to bottom, #fabe1e 40px, #fff 40px)
}
td.warningTag {
  background: -webkit-linear-gradient(top, red 40px, #fff 40px);
  background: linear-gradient(to bottom, red 40px, #fff 40px)
}
td.noteText p:first-child {
  margin-top: 0
}
td.cautionText p:first-child {
  margin-top: 0
}
td.warningText p:first-child {
  margin-top: 0
}
*/
.relatedLinks {
  margin-top: 2.5em;
  padding-top: 2.5em;
  border-top-color: #aab5c1;
  border-top-style: solid;
  border-top-width: 1px
}
.relatedLinksTag {
  display: block;
  color: #384350;
  width: 10%;
  padding: 5px 0 5px 5px
}
.relatedLinksLink {
  margin-left: 2em
}
.popupLink {
  cursor: pointer;
  color: #36c
}
.popupText {
  display: none;
  margin-left: 2em
}
.popupTextInline {
  display: none;
  margin-left: 0
}
.popup:hover .popupText {
  display: inline
}
.popup:hover .popupTextInline {
  display: inline;
  color: #890c4c;
  font-style: oblique
}
.tooltip {
  display: inline;
  position: relative;
  color: #36c
}
.tooltip:hover {
  color: #36c
}
.tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
  color: #36c
}
.tooltip:hover:after {
  background: #333;
  background: rgba(33, 50, 67, .8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px
}
.tooltipContent {
  display: none
}
@-ms-viewport {
  width: device-width
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar
}
*, ::after, ::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px
}
@media (min-width:576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:576px) {
  .container {
    width: 540px;
    max-width: 100%
  }
}
@media (min-width:768px) {
  .container {
    width: 720px;
    max-width: 100%
  }
}
@media (min-width:992px) {
  .container {
    width: 960px;
    max-width: 100%
  }
}
@media (min-width:1200px) {
  .container {
    width: 1140px;
    max-width: 100%
  }
}
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px
}
@media (min-width:576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px
  }
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
@media (min-width:576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px
  }
}
@media (min-width:768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px
  }
}
@media (min-width:992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px
  }
}
@media (min-width:1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px
  }
}
.no-wrap {
  white-space: nowrap
}
.master-container {
  margin: 0
}
@media screen and (min-width:1200px) {
  .master-container {
    display: block;
    max-width: 100%;
    margin: 0
  }
}
.print-template {
  visibility: hidden;
  width: 0;
  height: 0;
  background-color: #fff;
  z-index: 9999999
}
.print-template.active {
  display: block
}
.print-template .print-heading {
  width: 100%;
  margin: 0
}
.print-template .print-footer {
  -webkit-print-color-adjust: exact;
  background-color: #c1cad2;
  width: 100%;
  padding: 20px 10px 0;
  margin: 80px auto 0
}
.print-template .print-footer p {
  color: #000;
  font-size: 11px;
  line-height: 30px;
  padding: 0 10px
}
.print-template .print-footer img {
  margin: 0 0 10px;
  padding: 0;
  line-height: 0
}
.print-template .col-md-4, .print-template .col-sm-6 {
  width: 33.333333333% !important
}
.print-template .col-md-4 .imageLinkCaption, .print-template .col-sm-6 .imageLinkCaption {
  -webkit-print-color-adjust: exact;
  opacity: 1 !important
}
.print-template .col-md-4 .imageLinkCaption .imageLinkText, .print-template .col-sm-6 .imageLinkCaption .imageLinkText {
  color: #fff !important
}
.print-template a, .print-template div, .print-template li, .print-template p, .print-template span {
  color: #000
}
@media only print {
  .tooltip:after {
    content: attr(title);
    padding: 5px 5px
  }
  * {
    -webkit-print-color-adjust: exact
  }
  body * {
    visibility: hidden;
    position: relative;
    margin: 0;
    padding: 0
  }
  .print-template, .print-template * {
    visibility: visible
  }
  .container, .doc-date, .filter-message {
    display: none
  }
  .print-template {
    padding: 10px 20px;
    min-width: 800px;
    width: 800px;
    max-width: 800px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
  }
  .print-template div *, .print-template img, .print-template li, .print-template p {
    max-width: 800px !important
  }
  .print-template h1 {
    margin: 40px 0 20px
  }
  .print-template h2, .print-template h3, .print-template h4, .print-template h5 {
    margin: 30px 0 15px
  }
  .print-template .containerHomeLanding {
    max-width: 800px
  }
  .print-template .bodyColumn {
    min-width: 800px;
    max-width: 800px
  }
  .print-template .col-pr-left {
    width: 25%;
    float: left;
    line-height: 1.875rem
  }
  .print-template .col-pr-center {
    width: 35%;
    float: left;
    line-height: 1.875rem
  }
  .print-template .col-pr-right {
    width: 40%;
    float: left;
    line-height: 1.875rem
  }
  .print-template .banner {
    margin: 20px auto;
    width: 700px;
    overflow: hidden
  }
  .print-template .banner img {
    width: 700px !important;
    max-width: 700px !important;
    height: auto
  }
  .print-template img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important
  }
}
.topic-header {
  display: none !important
}
.topic-header-shadow {
  display: none !important
}
/* 2022-04-27/HL: body styles removed */
/*
body {
  font-family: roboto, Arial, Helvetica, sans-serif;
  margin: 0 10px;
  font-size: 1.125rem;
  font-weight: 400
}
body hr {
  border: 0;
  border-top: 1px solid #aab5c1;
  margin: 30px 10px
}
*/
.breadcrumbsContainer {
  padding: 0 0 10px;
  display: block;
  position: fixed;
  top: 0;
  z-index: 99999;
  background-color: #fff;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  max-width: 1370px;
  border-bottom: 1px solid #384350
}
@media screen and (min-width:768px) {
  .breadcrumbsContainer {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px)
  }
}
.breadcrumbsContainer li {
  color: #333;
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin: 20px 0 5px
}
@media screen and (min-width:746px) {
  .breadcrumbsContainer li {
    padding-right: 40px
  }
}
.breadcrumbsContainer a[href] span {
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-weight: 400
}
.breadcrumbsContainer span {
  font-size: 12px
}
.container {
  width: 100% !important;
  max-width: 1400px !important;
  margin: 40px auto 0;
  padding: 0 10px;
  display: block
}
@media screen and (min-width:768px) {
  .container {
    margin: 90px auto 0;
    padding: 0 15px
  }
}
@media screen and (min-width:1200px) {
  .container {
    max-width: 1400px !important
  }
}
.tile-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.tile-wrapper .tile {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: 100%;
  margin: 10px 0 20px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  padding: 0 10px
}
@media screen and (min-width:576px) {
  .tile-wrapper .tile {
    margin: 10px 10px 20px;
    max-width: -webkit-calc(50% - 10px);
    max-width: calc(50% - 10px)
  }
}
@media screen and (min-width:992px) {
  .tile-wrapper.five-columns .tile {
    max-width: -webkit-calc(20% - 20px);
    max-width: calc(20% - 20px)
  }
}
@media screen and (min-width:992px) {
  .tile-wrapper.four-columns .tile {
    max-width: -webkit-calc(25% - 20px);
    max-width: calc(25% - 20px)
  }
}
@media screen and (min-width:992px) {
  .tile-wrapper.three-columns .tile {
    max-width: -webkit-calc(33% - 20px);
    max-width: calc(33% - 20px)
  }
}
.tile-wrapper .tile-box {
  width: 100%;
  height: 44px;
  position: relative;
  overflow: hidden;
  border: 1px solid #384350;
  background-color: #e2eef5;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .25);
  -webkit-transition: all .25s ease-in-out;
  max-height: 276px;
  max-width: 240px;
  transition: all .25s ease-in-out
}
/*@media screen and (min-width:480px) {
  .tile-wrapper .tile-box {
    height: 140px
  }
}*/
.tile-wrapper .tile-box a {
  width: 100%;
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}
.tile-wrapper .tile-box a.icon {
  display: none
}
@media screen and (min-width:480px) {
  .tile-wrapper .tile-box a.icon {
    display: block;
    height: 100%
  }
}
.tile-wrapper .tile-box a.icon.small img {
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  top: 15px;
  left: -webkit-calc(50% - 33px);
  left: calc(50% - 33px)
}
.tile-wrapper .tile-box a.icon.large img {
  width: 100%;
  height: auto;
  display: block;
  position: relative
}
.tile-wrapper .tile-box a.heading {
  width: 100%;
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
  font-family: roboto, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.25rem;
  position: relative;
  bottom: 0;
  background-color: #CCE7F7;
  padding: 14px 10px 10px 10px;
  color: #fff;
  background-position: 0 100;
  background-size: 100% 4px;
  background-repeat: no-repeat
}
@media screen and (min-width:480px) {
  .tile-wrapper .tile-box a.heading {
    position: absolute;
    font-size: .875rem
  }
}
@media screen and (min-width:992px) {
  .tile-wrapper .tile-box a.heading {
    font-size: .875rem
  }
}
.tile-wrapper .tile-box:hover {
  border: 1px solid #0085d5
}
.tile-wrapper .tile-box:hover a.heading {
  background-color: #00426a
}
.tile-wrapper .links {
  margin: 20px 0 20px;
  padding: 0;
  display: block
}
.tile-wrapper .links p {
  margin: 0
}
.tile-wrapper .links p a {
  font-family: roboto, Arial, Helvetica, sans-serif;
  display: block;
  width: 100%;
  text-decoration: none;
  margin: 5px 0 5px 10px;
  font-size: 1rem
}
.tile-wrapper .links p a:hover {
  text-decoration: underline
}
.banner-wrapper {
  display: block;
  margin: 0 auto
}
.banner-wrapper .heading {
  padding: 0
}
.banner-wrapper .heading .banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 180px;
  margin: 0 auto 30px
}
.banner-wrapper .heading .banner img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: unset
}
@media screen and (min-width:1300px) {
  .banner-wrapper .heading .banner img {
    width: 100%;
    height: auto;
    max-width: 100%
  }
}
.banner-wrapper .heading .banner h1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background-color: rgba(56, 67, 80, .9);
  padding: 10px 20px;
  color: #fff;
  border-top: 1px solid #384350
}
/* 2022-04-27/HL: class summary removed */
/*
.summary {
  margin: 0 auto;
  padding: 0 0 20px 0
}
.summary p {
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem
}

@media screen and (min-width:768px) {
  .summary p {
    font-size: 1.125rem;
    line-height: 1.5rem
  }
}
*/
footer {
  font-family: roboto, Arial, Helvetica, sans-serif;
  background-color: transparent;
  border-top: 1px solid #eaebed;
  color: #384350;
  padding: 15px 0 0;
  margin: 40px 0 -20px;
  height: auto;
  font-size: .625rem;
  line-height: .75rem
}
@media screen and (min-width:768px) {
  footer {
    font-size: .75rem;
    line-height: .875rem
  }
}
footer img {
  margin: 5px 0 0
}
footer div[class*=col] {
  text-align: left;
  padding: 0 20px
}
@media screen and (min-width:768px) {
  footer div[class*=col] {
    text-align: center
  }
  footer div[class*=col].text {
    padding: 15px 5px;
    line-height: .9375rem
  }
}
.doc-date {
  height: 0
}
/* 2022-04-27/HL: table styles removed */
/*
.videoLinks table tr {
  display: block;
  margin: 0 0 20px;
  vertical-align: top
}
@media screen and (min-width:480px) {
  .videoLinks table tr {
    display: table-row
  }
}
.videoLinks table tr td {
  padding: 10px 0;
  vertical-align: top;
  display: block
}
@media screen and (min-width:480px) {
  .videoLinks table tr td {
    display: table-cell
  }
}
.videoLinks table tr td:first-child {
  width: 142px
}
.videoLinks table tr td:first-child a {
  position: relative;
  display: block;
  font-size: 0;
  height: 80px;
  line-height: 0;
  width: 142px;
  overflow: hidden
}
.videoLinks table tr td:first-child a img {
  border: 0;
  height: auto;
  width: 100%;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}
.videoLinks table tr td:first-child a.video:after {
  content: "";
  position: absolute;
  background: url(../images/play_small.png) no-repeat transparent;
  top: -webkit-calc(50% - 20px);
  top: calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
  left: calc(50% - 20px);
  width: 41px;
  height: 41px;
  opacity: .7;
  -webkit-transition: all ease-in-out .2s 0s;
  transition: all ease-in-out .2s 0s;
  z-index: 999
}
.videoLinks table tr td:first-child a:hover:after {
  opacity: 1
}
@media screen and (min-width:480px) {
  .videoLinks table tr td:last-child {
    padding-left: 10px
  }
}
.videoLinks table tr td:last-child a {
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem
}


table {
  margin: 15px 0 25px
}
table tr td, table tr th {
  font-size: 13px;
  line-height: 15px;
  padding: 2px 15px 3px 5px
}
table tr td:first-child, table tr th:first-child {
  padding: 2px 15px 3px 0
}
@media screen and (min-width:480px) {
  table tr td, table tr th {
    font-size: 15px;
    line-height: 18px
  }
}
table tr th {
  text-align: left;
  vertical-align: top;
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-weight: 700
}
table tr td {
  text-align: left;
  vertical-align: top;
  font-family: roboto-cond, Arial, Helvetica, sans-serif
}
table, td, th {
  text-align: left;
  border-collapse: collapse;
  padding: 2px 6px 2px 6px
}
th {
  font-weight: 700
}
table.nthshaded table tr {
  background-color: #fff
}
table.nthshaded table:not(.nthshaded) tr {
  background-color: #fff
}
table.nthshaded tr:nth-child(4n+0) {
  background-color: #f1f7fa
}
table.nthshaded table.Ruledwithtitle tr:first-child, table.nthshaded table.ruled tr:first-child {
  background-color: #e2eef5
}
table.nthshaded table.caution tr, table.nthshaded table.note tr, table.nthshaded table.warning tr {
  background-color: #fff
}
table.ruled {
  border: thin solid #b1b3b3
}
table.ruled td, table.ruled tr {
  border: thin solid #b1b3b3
}
table.ruled tr:first-child {
  background-color: #e2eef5;
  font-weight: 700;
  color: #000;
  border-top-width: 3px;
  border-top-color: #b1b3b3;
  border-top-style: solid;
  border-bottom-width: thin;
  border-bottom-color: #b1b3b3;
  border-bottom-style: solid
}
table.ruled tr:first-child p {
  color: #000
}
table.ruled tr:first-child td {
  color: #000
}
table.ruled table.caution td, table.ruled table.note td, table.ruled table.warning td {
  border: none
}
table.invisible {
  border: 0
}
table.invisible td, table.invisible th, table.invisible tr {
  border: 0
}
table:not([class]) tr {
  border: thin solid #b1b3b3
}
table:not([class]) tr td, table:not([class]) tr th {
  border: thin solid #b1b3b3
}
table.caution tr, table.note tr, table.warning tr {
  padding-bottom: 3.5em;
  min-height: 30px
}
table.caution tr td p:first-child, table.note tr td p:first-child, table.warning tr td p:first-child {
  margin-top: 0
}
table.border {
  border: 1px solid #eaebed;
  border-collapse: collapse
}
table.border tr {
  border: 1px solid #eaebed
}
table.border tr td, table.border tr th {
  border: 1px solid #eaebed;
  padding: 4px 10px 6px
}
table.border tr td:first-child, table.border tr th:first-child {
  padding: 4px 10px 6px
}
table table.caution td, table table.note td, table table.warning td {
  border: none
}
td p, th p {
  margin: 16px
}
table.footer {
  border: 0;
  margin: 0;
  padding: 0;
  table-layout: fixed
}
table.footer td, table.footer th, table.footer tr {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle
}
table.footer tbody tr td {
  padding-top: 6px
}
table.footer tbody tr td:first-child {
  padding-left: 46px;
  text-align: left
}
table.footer tbody tr td:nth-child(2) {
  padding-left: 0;
  text-align: center
}
table.footer tbody tr td:last-child {
  padding-right: 46px;
  text-align: right
}
@media screen and (max-width:1143.99px) {
  table.footer tbody tr td {
    padding-top: 5px
  }
}
@media screen and (max-width:849.99px) {
  table.footer tbody tr td:first-child {
    padding-left: 27px;
    font-size: .75rem
  }
  table.footer tbody tr td:last-child {
    padding-right: 27px
  }
  table.footer tbody tr td:nth-child(2) {
    padding-left: 0;
    text-align: left
  }
}
*/
.shadedBlue {
  background-color: #e2eef5;
  font-weight: 700;
  color: #000
}
.shadedGray {
  background-color: #c1cad2;
  color: #000
}
.shadedDarkBlue {
  background-color: #00446a;
  font-weight: 700;
  color: #fff
}
@media only print {
  .tooltip:after {
    content: attr(title);
    padding: 5px 5px
  }
  body {
    font-size: .875rem
  }
  .popupText, .popupTextInline {
    display: inline
  }
  .tooltipContent {
    display: inline-block
  }
}
/* 2022-04-27/HL: various styles of text tags removed */
/*
p.prerequisites {
  margin-bottom: 35px
}
span.prerequisites {
  font-weight: 700;
  color: #384350
}
*/
div.indexEntry {
  display: none
}
/* 2022-04-27/HL: various styles of text tags removed */
/*
p.stepSequenceGoal {
  font-weight: 700;
  font-size: 1.75rem
}
*/
div.explanation, div.infoBlock, div.procedure, div.reference {
  display: block;
  margin: 4px 0 4px 0;
  padding: 0
}
/* 2022-04-27/HL: various styles of text, div and table tags removed */
/*
div.result {
  display: block;
  margin: 4px 0 4px 0;
  padding: 0;
  display: inline;
  margin-top: 1em;
  padding: 0
}
div.result > p {
  margin-top: 1em
}
li div.result p {
  margin-top: .5em
}
table.guiParameters tr td:first-child, table.guiValues tr td:first-child {
  padding-right: 20px
}
table.guiParameters {
  border-style: solid;
  border-color: #b1b3b3;
  border-width: 1px
}
table.guiParameters tr {
  border-style: solid;
  border-color: #b1b3b3;
  border-width: 1px
}
table.guiParameters tr td:first-child {
  width: 25%
}
table.guiParameters td {
  border-style: solid;
  border-color: #b1b3b3;
  border-width: 1px
}
table.guiParameters table.caution td, table.guiParameters table.note td, table.guiParameters table.warning td {
  border: none
}
table.guiValues {
  border-style: solid;
  border-color: #b1b3b3;
  border-width: 1px
}
table.guiValues tr {
  border-style: solid;
  border-color: #b1b3b3;
  border-width: 1px
}
table.guiValues td {
  border-style: solid;
  border-color: #b1b3b3;
  border-width: 1px;
  padding-left: .5em
}
table.guiValues table.caution td, table.guiValues table.note td, table.guiValues table.warning td {
  border: none
}
table.guiParameters td {
  padding-left: .5em
}
table.Ruledwithtitle {
  border: thin solid #b1b3b3
}
table.Ruledwithtitle th, table.Ruledwithtitle tr {
  border: thin solid #b1b3b3
}
table.Ruledwithtitle td {
  border: thin solid #b1b3b3;
  border: thin solid #b1b3b3
}
table.Ruledwithtitle tr:first-child {
  background-color: #e2eef5
}
table.Ruledwithtitle tr:first-child p {
  color: #000
}
table.Ruledwithtitle tr:first-child td {
  color: #000
}
table.Ruledwithtitle th {
  background-color: #e2eef5;
  font-weight: 700;
  color: #000;
  border-top-width: 3px;
  border-top-color: #b1b3b3;
  border-top-style: solid;
  border-bottom-width: thin;
  border-bottom-color: #b1b3b3;
  border-bottom-style: solid
}
table.Ruledwithtitle table.caution, table.Ruledwithtitle table.note, table.Ruledwithtitle table.warning {
  border: none
}
table.Ruledwithtitle table.caution td, table.Ruledwithtitle table.note td, table.Ruledwithtitle table.warning td {
  border: none
}
table + table {
  margin-top: 2em
}
table.widen {
  min-width: 400px
}
*/
.print {
  display: none
}
@media screen and (min-width:746px) {
  .print {
    display: inline-block;
    position: fixed;
    top: 15px;
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    max-width: 1370px;
    z-index: 999999;
    pointer-events: none
  }
  .print a {
    pointer-events: all;
    float: right;
    display: block;
    width: 20px;
    height: 24px;
    text-decoration: none;
    margin: 0 0 0 10px;
    cursor: pointer
  }
  .print a:after {
    font-family: "Glyphicons Halflings";
    font-weight: 400;
    content: "\e045";
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #384350;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
  }
}
@media screen and (min-width:746px) and (min-width:992px) {
  .print a {
    width: 30px;
    height: 24px
  }
  .print a:after {
    font-size: 1.5rem;
    line-height: 1.5rem
  }
}
@media screen and (min-width:746px) {
  .print a:hover:after {
    color: #057fc8
  }
}
.print-template {
  visibility: hidden;
  width: 0;
  height: 0;
  background-color: #fff;
  z-index: 9999999;
  padding: 10px 20px
}
.print-template .expandspot, .print-template .expandtext {
  display: none !important
}
.print-content.active {
  display: none
}
.print-template.active {
  display: block
}
.print-template .print-heading {
  border-bottom: #0085d5 5px solid;
  width: 100%
}
.print-template .print-footer {
  -webkit-print-color-adjust: exact;
  background-color: #eaebed;
  border-top: 5px solid #eaebed;
  color: #384350;
  width: 100%;
  padding: 10px;
  font-size: 12px;
  line-height: 14px;
  margin: 80px auto 0
}
.print-template .col-md-4, .print-template .col-sm-6 {
  width: 33.333333333% !important
}
.print-template .col-md-4 .imageLinkCaption, .print-template .col-sm-6 .imageLinkCaption {
  -webkit-print-color-adjust: exact;
  opacity: 1 !important
}
.print-template .col-md-4 .imageLinkCaption .imageLinkText, .print-template .col-sm-6 .imageLinkCaption .imageLinkText {
  color: #fff !important
}
.print-template a, .print-template div, .print-template li, .print-template p, .print-template span {
  color: #000
}
@media only print {
  .expandspot, .expandtext {
    display: none !important
  }
  .tooltip:after {
    content: attr(title);
    padding: 5px 5px
  }
  * {
    -webkit-print-color-adjust: exact
  }
  body * {
    visibility: hidden;
    position: relative
  }
  .print-template, .print-template * {
    visibility: visible
  }
  .print-template {
    min-width: 800px;
    width: 800px;
    max-width: 800px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
  }
  .print-template div *, .print-template img, .print-template li, .print-template p {
    max-width: 800px !important
  }
  .print-template .containerHomeLanding {
    max-width: 800px
  }
  .print-template .bodyColumn {
    min-width: 800px;
    max-width: 800px
  }
  .print-template .col-pr-left {
    width: 25%;
    float: left;
    line-height: 30px
  }
  .print-template .col-pr-center {
    width: 35%;
    float: left;
    line-height: 30px
  }
  .print-template .col-pr-right {
    width: 40%;
    float: left;
    line-height: 30px
  }
  .print-template .banner {
    margin: 20px auto;
    width: 700px;
    overflow: hidden
  }
  .print-template .banner img {
    width: 700px !important;
    max-width: 700px !important;
    height: auto
  }
}
.filter-message {
  display: none
}
.filter-message p {
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin: 60px 20px
}
.filter-message.active {
  display: block !important
}
.filter-message .not-included {
  display: none
}
.filter-message .not-included.active {
  display: block
}
.filter-message .no-results {
  display: none
}
.filter-message .no-results.active {
  display: block
}
.filterMessage {
  padding-top: 30px;
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem
}
p.filterMessage {
  margin-left: 60px
}
div#rh-default-text {
  display: none
}
.glossary {
  margin-top: -80px;
  padding-top: 20px
}
.glossary .glossRibbon {
  position: -webkit-sticky;
  position: sticky;
  top: 32px;
  z-index: 100;
  background-color: #fff;
  width: 100%;
  padding: 0 0 10px;
  border-bottom: 1px;
  border-bottom-color: #c1cad2;
  border-bottom-style: solid;
  margin-bottom: 10px
}
.glossary .glossRibbon a {
  font-size: 1.4rem;
  padding: 0 10px
}
@media screen and (min-width:768px) {
  .glossary .glossRibbon a {
    font-size: 1.6rem
  }
}
.glossary .glossRibbon a:last-of-type {
  padding-right: 0
}
.glossary .glossRibbon a:active, .glossary .glossRibbon a:link, .glossary .glossRibbon a:visited {
  color: #057fc8
}
.glossary .glossRibbon a:not([href]) {
  color: #384350
}
.glossary .glossRibbon a:not([href]):hover {
  cursor: default;
  text-decoration: none
}
.glossary .glossRibbon p {
  padding: 20px 0 0 0;
  margin: 0;
  text-align: justify
}
.glossary .glossTerm {
  display: block;
  font-weight: 700;
  margin: 20px 0 5px;
  font-size: 1.125rem
}
.glossary h1 {
  margin: 120px 0 0;
  font-size: 2rem
}
.glossary h1 + h2 {
  margin-top: -50px
}
.glossary h1 a {
  font-weight: 400;
  font-size: 2.5rem
}
.glossary h2 {
  margin-top: -90px;
  padding-top: 90px;
  font-weight: 700;
  font-size: 1.75rem
}
.glossary h2 a {
  font-weight: 400;
  float: right
}
/* 2022-04-27/HL: various styles of text tags removed */
/*
p img {
  margin: 0 5px
}
p.image-caption {
  font-family: roboto-cond, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: -10px 0 25px
}
*/
.row, div[class*=col] {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0
}
/* 2022-04-27/HL: various styles of body tags removed */
/*
body.ie {
  overflow: hidden
}
body.ie .banner-wrapper .banner img {
  max-width: none
}
*/
html::-webkit-scrollbar {
  width: 5px
}
html::-webkit-scrollbar-track-piece {
  background-color: #c1cad2
}
html::-webkit-scrollbar-thumb {
  background-color: #6c747d
}
html {
  overflow-y: scroll;
  -webkit-animation: fadein 2s;
  animation: fadein 2s;
  opacity: 1 !important
}
@-webkit-keyframes fadein {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadein {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.ie .rh-hide.container {
  display: block !important
}
/* 2022-04-27/HL: various styles various tags removed */
/*
.ie li > ol, .ie li > ul {
  margin-top: auto;
  margin-bottom: auto
}
body {
  margin: 0
}
.breadcrumbsContainer {
  border-bottom: none
}
h1, h2, h3, h4, h5 {
  color: #384350
}
*/
.tile-wrapper .tile-box a.icon {
  text-align: center;
  padding: 10px
}
.container .tile-wrapper .tile-box a.heading {
  width: 100%;
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
  font-size: 18px;
  line-height: 20px;
  position: relative;
  bottom: 0;
  background-color: #CCE7F7;
  padding: 14px 10px 10px 10px;
  color: #fff
}
@media screen and (min-width:480px) {
  .container .tile-wrapper .tile-box a.heading {
    position: relative;
    font-size: 14px
  }
}
.container .tile-wrapper .tile-box a.icon + a.heading {
  position: absolute
}
html body * {
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif !important
}
.tile-wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}
.banner-wrapper {
  margin: 76px auto 20px
}
/* 2022-04-27/HL: various styles of text tags removed */
/*
.summary p {
  font-size: 1rem;
  line-height: 1.375rem
}
*/
.breadcrumbsContainer {
  padding: 0 22px;
  display: block;
  position: fixed;
  top: 0;
  min-height: 32px;
  z-index: 99999;
  background-color: #fff;
  width: 100% !important;
  max-width: 100% !important;
  border-bottom: 1px solid #c1cad2
}
.breadcrumbsContainer .breadcrumbs li {
  font-size: 12px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  font-weight: 400;
  color: #384350
}
.breadcrumbsContainer a {
  color: #c1cad2
}
.breadcrumbsContainer p {
  color: #384350
}
ol.breadcrumbs {
  margin-top: 0;
  margin-bottom: 0
}
a.breadcrumbs-link, span.homepage {
  font-size: 12px;
  color: #c1cad2 !important
}
.separator {
  padding-left: 5px
}
a.breadcrumbs-topic {
  font-size: 12px
}
.print {
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0 10px 0 0;
  max-width: 100%
}
.print a {
  margin: 0;
  width: 22px;
  height: 24px
}
.print a:after {
  font-size: 18px;
  line-height: 32px;
  color: #384350 !important
}
.container {
  margin: 32px auto 0;
  padding: 0;
  max-width: 100% !important
}
.container .printContent {
  margin: 0 20px;
  padding: 0 20px;
  max-width: 1024px
}
@media screen and (min-width:1472px) {
  .container .printContent {
    margin: 0 auto
  }
}
/* 2022-04-27/HL: various styles of various tags removed */
/*
h1 {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.6rem;
  padding: 0 0 40px 0;
  margin: 73px 0 20px
}
h1.welcome {
  margin: 73px 15px 40px;
  padding: 0;
  border-bottom: none
}
h2 {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin: 32px 0 20px
}
h3 {
  font-size: 1.375rem;
  line-height: 1.375rem;
  margin: 32px 0 20px
}
h4 {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 32px 0 20px
}
p {
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 20px 0;
  color: #384350
}
.table-title, table {
  margin: 20px 0
}
*/
.container .tile-wrapper .tile-box {
  border: 0;
  height: auto;
  min-height: 40px
}
/*@media screen and (min-width:480px) {
  .container .tile-wrapper .tile-box {
    height: 240px
  }
}*/
.container .tile-wrapper .tile-box:hover {
  border: 0 !important
}
.container .tile-wrapper .tile-box:hover a.heading {
  /* background-color: #4c5662 !important; */
  text-decoration: none !important
}
.container .tile-wrapper .tile-box a.icon {
  padding: 52px 65px 92px
}
.container .tile-wrapper .tile-box a.icon img {
  width: 100%;
  max-width: 96px !important;
  height: auto
}
.container .tile-wrapper .tile-box a.heading {
  line-height: 18px;
  padding: 12px 10px 10px;
  display: table
}
.tile-wrapper.csuser-landingpage .tile-box:hover a.heading {
  background-color: #e2eef5 !important
}
.tile-wrapper.csuser-landingpage .tile-box:hover a.heading.graybackground {
  background-color: #eaebed !important
}
.tile-wrapper.csuser-landingpage .tile-box:hover .graybackground {
  background-color: #eaebed !important
}
.tile-wrapper.csuser-tiles {
  margin-top: 40px
}
.breadcrumbsContainer {
  padding: 0 24px
}
.breadcrumbsContainer a:visited {
  color: #6c747d
}
.header-container {
  margin: 0 auto;
  padding: 0
}
@media screen and (min-width:1200px) {
  .header-container {
    max-width: 1144px
  }
}
.landing-page-icons, [class*=" landing-page--"], [class^=landing-page--] {
  position: relative;
  left: 36px;
  display: inline-block
}
.landing-page-icons:before, [class*=" landing-page--"]:before, [class^=landing-page--]:before {
  display: inline-block;
  position: absolute;
  top: 12px;
  left: -12px
}
@media screen and (min-width:768px) {
  .landing-page-icons:before, [class*=" landing-page--"]:before, [class^=landing-page--]:before {
    left: 26px
  }
}
.landing-page--gettingstarted:before {
  content: url(../images/GettingStartedIcon.png)
}
.landing-page--howto:before {
  content: url(../images/HowtoIcon.png)
}
.landing-page--guides:before {
  content: url(../images/GuidesIcon.png)
}
.landing-page--eintroduction:before {
  content: url(../images/GettingStartedIcon.png)
}
.landing-page--agilentinstruments:before {
  content: url(../images/GCMS.png)
}
.landing-page--openlabcds:before {
  content: url(../images/ControlPanel.png)
}
.landing-page--otherinstruments:before {
  content: url(../images/OtherInstrumentsIcon.png)
}
.landing-page--addons:before {
  content: url(../images/Add-onSoftware.png)
}
.wPrintButton {
  margin: 6px 0 0 !important;
  width: 22px !important;
  height: 24px !important
}
.wPrintButton:before {
  color: #384350
}
a.dropspot::before {
  font-family: "Glyphicons Halflings";
  content: "\e250"
}
a.dropspot.pressed::before {
  font-family: "Glyphicons Halflings";
  content: "\e252"
}
.seeAlso {
  border-top: 1px solid #c1cad2;
  padding-top: 10px;
  width: 300px;
  font-size: 1.15rem;
  margin-top: 75px
}
.agilent-gradient {
  background: -webkit-gradient(linear, left bottom, right bottom, from(#057fc8), color-stop(50%, #057fc8), color-stop(50%, #00a9e0), color-stop(65%, #00a9e0), color-stop(65%, #00426a), color-stop(90%, #00426a), color-stop(90%, #057fc8), to(#057fc8));
  background: -webkit-linear-gradient(left, #057fc8 0, #057fc8 50%, #00a9e0 50%, #00a9e0 65%, #00426a 65%, #00426a 90%, #057fc8 90%, #057fc8 100%);
  background: linear-gradient(to right, #057fc8 0, #057fc8 50%, #00a9e0 50%, #00a9e0 65%, #00426a 65%, #00426a 90%, #057fc8 90%, #057fc8 100%);
  background-position: left bottom;
  background-size: 100% 4px;
  background-repeat: no-repeat;
  text-decoration: none;
}

.agilent-tile-headline {
  background-color: #CCE7F7;
  font-family: Calibri, sans-serif;
  font-size: 18px;
  color: #384350;
  text-align: left;
  font-weight: bold;
  height: 36px;
  padding-left: 9px;
  display: flex;
  align-items: center;
  text-decoration: none;
}



.gray-gradient {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #666), color-stop(50%, #666), color-stop(50%, #707070), color-stop(65%, #707070), color-stop(65%, #353535), color-stop(90%, #353535), color-stop(90%, #666), to(#666));
  background: -webkit-linear-gradient(left, #666 0, #666 50%, #707070 50%, #707070 65%, #353535 65%, #353535 90%, #666 90%, #666 100%);
  background: linear-gradient(to right, #666 0, #666 50%, #707070 50%, #707070 65%, #353535 65%, #353535 90%, #666 90%, #666 100%);
  background-position: left bottom;
  background-size: 100% 4px;
  background-repeat: no-repeat
}
.container .csuser.printContent {
  margin: 0;
  padding: 0;
  max-width: 100%
}
.container .csuser.printContent .header-wrapper {
  background-color: #e2eef5
}
.container .csuser.printContent .header-wrapper h1 {
  padding: 16px 22px;
  max-width: 1144px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1rem;
  border-bottom: 0
}
@media screen and (min-width:768px) {
  .container .csuser.printContent .header-wrapper h1 {
    padding: 16px 60px
  }
}
.container .csuser.printContent .tile-wrapper.csuser-landingpage {
  margin: 0 2px !important;
  width: -webkit-calc(100% - 4px);
  width: calc(100% - 4px)
}
@media screen and (min-width:768px) {
  .container .csuser.printContent .tile-wrapper.csuser-landingpage {
    margin: 0 40px !important;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px)
  }
}
.container .csuser.printContent .tile-wrapper.csuser-landingpage .tile {
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  padding: 0;
  margin: 40px 20px 0
}
@media screen and (min-width:768px) {
  .container .csuser.printContent .tile-wrapper.csuser-landingpage .tile {
    max-width: -webkit-calc(50% - 40px);
    max-width: calc(50% - 40px)
  }
}
.container .csuser.printContent .tile-wrapper.csuser-landingpage .tile-box {
  height: auto;
  min-height: 40px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.container .csuser.printContent .tile-wrapper.csuser-landingpage .tile-box a.heading {
  background-position: left bottom;
  background-color: transparent;
  color: #CCE7F7;
  padding: 10px 12px;
  font-size: 1rem;
  line-height: 1.25rem
}
.container .csuser.printContent .tile-wrapper.csuser-landingpage .links {
  margin: 20px 0 0
}
.container .csuser.printContent .tile-wrapper.csuser-landingpage .links p a {
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0
}
@media screen and (min-width:992px) {
  .container .csuser.printContent .tile-wrapper.csuser-landingpage.five-columns .tile {
    max-width: -webkit-calc(20% - 40px);
    max-width: calc(20% - 40px)
  }
}
@media screen and (min-width:992px) {
  .container .csuser.printContent .tile-wrapper.csuser-landingpage.four-columns .tile {
    max-width: -webkit-calc(25% - 40px);
    max-width: calc(25% - 40px)
  }
}
@media screen and (min-width:992px) {
  .container .csuser.printContent .tile-wrapper.csuser-landingpage.three-columns .tile {
    max-width: -webkit-calc(33% - 40px);
    max-width: calc(33% - 40px)
  }
}
.container .csuser .container-inner {
  margin: 0 auto;
  padding: 0;
  max-width: 1144px
}
.container .csuser.printContent .header-wrapper h1 {
  padding: 16px 24px
}
@media screen and (min-width:576px) {
  .container .csuser.printContent .header-wrapper h1 {
    padding: 16px 40px
  }
}
@media screen and (min-width:768px) {
  .container .csuser.printContent .header-wrapper h1 {
    padding: 16px 60px
  }
}
.topic-mixed .intro-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  max-width: 100%;
  margin: 40px 2px 0 !important;
  padding: 0 20px;
  width: -webkit-calc(100% - 4px);
  width: calc(100% - 4px)
}
@media screen and (min-width:576px) {
  .topic-mixed .intro-text {
    margin: 40px 20px 0 !important;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
  }
}
@media screen and (min-width:768px) {
  .topic-mixed .intro-text {
    margin: 40px 40px 0 !important;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px)
  }
}
.topic-mixed .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  margin: 40px 2px 0 !important;
  width: -webkit-calc(100% - 4px);
  width: calc(100% - 4px)
}
@media screen and (min-width:576px) {
  .topic-mixed .columns {
    margin: 40px 20px 0 !important;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
  }
}
@media screen and (min-width:768px) {
  .topic-mixed .columns {
    margin: 40px 40px 0 !important;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px)
  }
}
.topic-mixed .column {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: 100%;
  margin: 0 20px;
  padding: 0;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
@media screen and (min-width:576px) {
  .topic-mixed .column {
    margin: 10px 20px 20px;
    max-width: -webkit-calc(50% - 40px);
    max-width: calc(50% - 40px)
  }
}
@media screen and (min-width:768px) {
  .topic-mixed .column {
    max-width: -webkit-calc(33.33333% - 40px);
    max-width: calc(33.33333% - 40px)
  }
}
.topic-mixed .column .document, .topic-mixed .column .tile {
  padding: 0 0 40px
}
.topic-mixed .colored-box {
  height: auto;
  background-color: #e2eef5;
  width: 100%;
  position: relative;
  overflow: hidden
}
.topic-mixed .heading {
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.325rem
}
.topic-mixed .heading:hover {
  text-decoration: none !important
}
.topic-mixed .tile .colored-box {
  min-height: 40px
}
.topic-mixed .tile .heading {
  padding: 10px 12px;
  position: absolute;
  bottom: 0;
  font-weight: 700;
  background-position: left bottom;
  background-color: transparent;
  color: #384350
}
.topic-mixed .tile .links {
  margin: 12px 0 0
}
.topic-mixed .tile .links p {
  margin: 4px 0
}
.topic-mixed .document .colored-box {
  padding: 8px 12px 16px
}
.topic-mixed .document .colored-box p {
  margin: 16px 0 4px
}
.topic-mixed .document .heading {
  color: #057fc8
}
.topic-mixed .document .heading:before {
  padding: 0 10px 0 0;
  position: relative;
  top: 1px
}
/* 2022-04-27/HL: various styles of various tags removed */
/*
.noteTag::before {
  content: "Note"
}
.cautionTag::before {
  content: "CAUTION"
}
.warningTag::before {
  content: "WARNING"
}
*/
.child-2dlc {
  display: none;
}
.child-2dlc img {
  float: left;
  padding: 10px;
}