/* If you have any questions about this please see ryan in UX */

:root {
  --highlight-orange: #C25400;
  --nav-background: #363d43;
  --nav-text: rgba(255, 255, 255, 0.8);
  --primary-link: #0076D6;
  --primary-text: #222;
}

html body {
  color: var(--primary-text);
  font-family: Roboto,Helvetica,Arial,sans-serif;
}
html body a,
html body a:link,
html body a:visited {
  color: var(--primary-link);
  text-decoration: none;
}
html body a:hover {
  text-decoration: underline;
}

/* breadcrumbs */
html .MCBreadcrumbsDivider {
  padding: 0 3px;
  position: relative;
  visibility: hidden;
}
html .MCBreadcrumbsDivider::after {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h24v24h-24z" fill="none"/><path d="m8.59 16.59 4.58-4.59-4.58-4.59 1.41-1.41 6 6-6 6z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 20px;
  visibility: visible;
  top: 0;
  left: 0;
}

/* update navigation hamburger */
nav.title-bar button.menu-icon {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  margin-left: 10px;
  height: 48px;
  width: 48px;
}
nav.title-bar button.menu-icon span {
  background-repeat: no-repeat;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" style="fill: white" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg>');
  display: inline-block;
  width: 24px;
  height: 24px;
}
.is-off-canvas-open nav.title-bar button.menu-icon {
  background-color: transparent;
}

/* add header title */
.pageTitle {
  color: white;
  font-family: Roboto,Helvetica,Arial,sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  margin-left: 64px;
  margin-top: 4px;
  transition: none;
}
nav:not(.is-stuck) .pageTitle {
  margin-top: 11px;
  margin-left: 11px;
}

/* update sidebar */
aside[role="navigation"] {
  background-color: rgb(54, 61, 67);
  color: var(--nav-text);
  font-family: Roboto,Helvetica,Arial,sans-serif;
}
aside[role="navigation"] ul {
  height: calc(100% - 118px);
  overflow: auto;
}
.sidenav-container {
  height: calc(100% - 58px);
  overflow: auto;
  padding-right: 0;
}
aside[role="navigation"] ul li a,
ul.sidenav li a {
  border-color: transparent;
  color: var(--nav-text);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
}
aside + div .js-off-canvas-exit {
  box-shadow: none;
}

/* sidebar selected */
li.tree-node-selected {
  background-color: rgba(0, 0, 0, 0.3);
}

/* sidebar logo */
.logoHolder .navLogo,
aside .navLogo {
  background-image: url('data:image/svg+xml;charset=utf8,<svg height=%2761%27 viewBox=%270 0 147 61%27 width=%27147%27 xmlns=%27http://www.w3.org/2000/svg%27><g fill=%27none%27><path d=%27m127.8 39.6h-113.3c-3.5 0-6.4-1.8165138-6.4-4.0114679v-24.9770642c0-2.19495414 2.9-4.0114679 6.4-4.0114679h113.3c3.5 0 6.4 1.81651376 6.4 4.0114679v24.9770642c0 2.1949541-2.9 4.0114679-6.4 4.0114679z%27 fill=%27%23fff%27/><path d=%27m109.9 21.6c-.4-.2-.9-.3-1.4-.3-1.9 0-4.6 1.2-4.6 4.9v13.4h-4.5v-22.6h4.5v2.4c1.9-1.6 3.4-2.7 6-2.7zm-13.9-8.8h-4.5v-4.9h4.5zm0 26.8h-4.5v-22.6h4.5zm-12.9 0h-4l-2.5-13.4h-.1l-2.5 13.4h-4l-5.3-22.6h4.8l2.8 14h.1l2.5-14h3.6l2.4 14h.1l2.7-14h4.8zm-37.2-26.8h-4.5v-4.9h4.5zm0 26.8h-4.5v-22.6h4.5zm-7.4-18c-.4-.2-.9-.3-1.4-.3-1.9 0-4.6 1.2-4.6 4.9v13.4h-4.5v-22.6h4.5v2.4c1.9-1.6 3.4-2.7 6-2.7zm77.7 8.4v3.1c0 2.1.8 2.2 2.8 2.2h15.2v-29.3c0-3.3-2.7-6-6-6h-114.2c-3.3 0-6 2.7-6 6v11h9.4v-9.1h4.6v9.1h2.8v4.3h-2.8v11.8c0 2.1.8 2.2 2.8 2.2v4.3h-1.9c-4.1 0-5.5-2.9-5.5-5.3v-13h-9.4v25.6c0 3 2.3 5.5 5.2 5.9 13.8-6.8 24.9-8.2 36-9.8v-26h4.5v2c1.2-1.3 2-2.3 4.3-2.3 1.8 0 3.2.7 4 2.1.5 1 .8 2.4.8 4.8v8.6c0 3.2-.1 4.5-.7 5.5-.8 1.2-1.9 2-4 2-1.8 0-3.2-.8-4.2-2.3h-.1v4.9c26.6-3.3 53.6.1 80.4-.2v-2.6h-17.1c-4.1 0-5.5-2.9-5.5-5.3v-9.6c0-1.8.2-3.4.8-4.6 1.1-2 3.2-3.2 5.9-3.2 4.2 0 6.8 3.1 6.8 7v6.2zm2.2-8.7c-1.4 0-2.2.9-2.2 2.6v2.6h4.4v-2.6c0-1.7-.8-2.6-2.2-2.6zm-62.3 14c1.7 0 2.2-1.2 2.2-2.7v-8.3c0-1.8-.7-3.1-2.2-3.1-1.4 0-2.3 1.2-2.3 2.8v8.8c0 1.5 1 2.5 2.3 2.5zm1.6 9.7c-1.3 0-2.6 0-3.9.1v3.6h-4.5v-3.4c-14 1-25.3 4.3-33.5 7.6h112.4c3.3 0 6-2.7 6-6v-3.8c-13 .9-36.3 2-76.5 1.9z%27 fill=%27%23ff7b17%27/><path d=%27m13.2 52.8c-3.9 1.9-8.1 4.3-12.5 7.2v1s5.3-4.1 15.1-8.1c8.1-3.3 19.4-6.6 33.5-7.6v-2.3c-11.2 1.6-22.2 3-36.1 9.8z%27 fill=%27%23ea1837%27/><circle cx=%27128.2%27 cy=%2718%27 fill=%27%23fff%27 r=%271.2%27/><path d=%27m128.2 17.1c-.5 0-1 .4-1 1 0 .5.4 1 1 1 .5 0 .9-.4.9-1s-.4-1-.9-1z%27 fill=%27%23ff7b17%27/><path d=%27m128.4 18.7-.3-.5h-.1v.5h-.2v-1.3h.5c.2 0 .4.2.4.4s-.1.3-.3.3l.3.5h-.3z%27 fill=%27%23fff%27/><path d=%27m128.2 17.6h-.2v.4h.2c.1 0 .2-.1.2-.2s0-.2-.2-.2zm-74.4 22.8h80.4v5.3h-80.4z%27 fill=%27%23ff7b17%27/><path d=%27m134.2 42.1c-26.8.4-53.8-3.1-80.4.2v2.7c1.3 0 2.6-.1 3.9-.1 40.2.1 63.5-.9 76.6-1.9 5.7-.4 9.4-.8 11.7-1.1l.4-.3c-4.1.3-8.2.5-12.2.5z%27 fill=%27%23ea1837%27/><path d=%27m49.3 17h4.5v31.6h-4.5z%27 fill=%27%23fff%27/></g></svg>');
	background-repeat: no-repeat;
  background-size: 96px;
  display: block;
  height: 40px;
  margin: 10px 0 10px 10px;
}


/* sidebar footer */
html body .navFooter {
  background-color: var(--nav-background);
  color: white;
  font-family: Roboto,Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5em;
  padding: 10px 15px;
  width: 100%;
  z-index: 2;
}
html body .navFooter a {
  color: var(--nav-text);
  text-decoration: none;
}
html body .navFooter a + span {
  padding: 0 9px;
}


/* header search */
html .search-bar .search-field {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  font-weight: 400;
  height: 36px;
  padding: 8px 8px 8px 56px;
  transition: 0.18s width;
  width: 250px;
}
html .search-bar .search-field:focus,
html .search-bar .search-field:active {
  width: 350px;
}
html .search-bar .search-submit-wrapper {
  left: 0;
  right: unset;
}
html .search-bar.search-bar-container .search-submit,
html .search-bar.search-bar-container .search-submit:hover
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 55px;
  height: 36px;
}
html .search-bar.search-bar-container .search-submit:hover {
  opacity: 0.5;
}
html nav .nav-search.row {
  width: auto;
}

html td img.UI_Buttons {
  margin: 0 5px -5px 5px;
}

/* search results */
html[lang] #searchPane b {
  color: var(--highlight-orange);
  font-weight: bold;
}
html[lang] span.SearchHighlight {
  color: inherit;
  font-weight: inherit;
}

/* sidebar nav */
html .sidenav-wrapper {
  background-color: var(--nav-background);
}
/* scrollbar for small-window sidebar nav */
html aside.is-open .sidenav-wrapper {
  overflow-y: scroll;
}


/* small-window sidebar nav is showing scrim */
html .is-open-left .js-off-canvas-exit,
html .is-open-left .js-off-canvas-exit:hover {
  background: rgba(0, 0, 0, 0.5);
}


/* monospace fonts */
html .mono,
html p.IndentedProgramText,
html p.IndentedProgramTextLast,
html p.ProgramText,
html p.ProgramTextLast,
html pre,
html span.LGothic12
{
  font-family: "Source Code Pro", "Roboto Mono", "Andale Mono", Consolas, monospace;
  white-space: pre-wrap;
}


/* scrollbar */
/* Force Simple Scrollbars */
body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
body ::-webkit-scrollbar-track {
  border-radius: 0px;
}
body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(128, 135, 139, 0.8);
  transition: color 0.2s ease;
}
body ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}
body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}
/* Inverted UI */
body .ui.inverted::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
body .ui.inverted::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
body .ui.inverted::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}

@media only screen and (max-width: 1280px) {
}
@media only screen and (min-width: 1280px) {
  div.title-bar-container {
    vertical-align: top;
    white-space: nowrap;
  }
  .logoHolder {
    background-color: var(--nav-background);
    display: inline-block;
    margin: 0;
    min-height: 65px;
    padding: 0;
    vertical-align: top;
    width: 281px;
  }
  nav.title-bar {
    display: inline-block;
    width: calc(100% - 281px) !important;
  }
  nav.sidenav-wrapper {
    width: 281px;
  }
  nav .sidenav-container {
    padding-top: 0;
  }
}

.topicToolbarProxy._Skins_TWIO_Toolbar_Skin.mc-component .button {
  appearance: none;
  background: transparent;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #005499;
  color: #005499;
  cursor: pointer;
  margin: 0 8px 0 0;
  outline: 0px;
  padding: 5px 15px;
  user-select: none;
}
.topicToolbarProxy._Skins_TWIO_Toolbar_Skin.mc-component .button:hover {
  background-color: rgba(0, 84, 153, 0.04);
}
.topicToolbarProxy._Skins_TWIO_Toolbar_Skin.mc-component .button:active {
  background-color: #acc7de;
}
.topicToolbarProxy._Skins_TWIO_Toolbar_Skin.mc-component .button.back-button .button-icon {
  background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m20 11h-12.17l5.59-5.59-1.42-1.41-8 8 8 8 1.41-1.41-5.58-5.59h12.17z' fill='%23005499' /%3E%3C/svg%3E");
}
.topicToolbarProxy._Skins_TWIO_Toolbar_Skin.mc-component .button.forward-button .button-icon {
  background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 4-1.41 1.41 5.58 5.59h-12.17v2h12.17l-5.58 5.59 1.41 1.41 8-8z' fill='%23005499' /%3E%3C/svg%3E");
}
.topicToolbarProxy._Skins_TWIO_Toolbar_Skin.mc-component .button.print-button .button-icon {
  background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m19 8h-1v-5h-12v5h-1c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-11-3h8v3h-8zm8 12v2h-8v-4h8zm2-2v-2h-12v2h-2v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4z' fill='%23005499' /%3E%3Ccircle cx='18' cy='11.5' r='1' /%3E%3C/svg%3E");
}