@import url("../fonts/Font-Awesome-4.7.0/font-awesome.css");

/* open-sans-latin-400-normal*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-400-normal.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-400-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* open-sans-latin-500-normal*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-500-normal.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-500-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* open-sans-latin-600-normal*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-600-normal.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-600-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* open-sans-latin-700-normal*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-700-normal.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-700-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* open-sans-latin-400-italic*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-400-italic.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-400-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* open-sans-latin-500-italic*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-500-italic.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-500-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* open-sans-latin-600-italic*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-600-italic.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-600-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* open-sans-latin-700-italic*/
@font-face {
  font-family: 'open-sans-fontsource';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url('../fonts/open-sans_5.0.22/open-sans-latin-700-italic.woff2') format('woff2'), url('../fonts/open-sans_5.0.22/open-sans-latin-700-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --brandPrimaryDarkBlue500: #19233e;
  --brandPrimaryDarkBlue400: #474f65;
  --brandPrimaryDarkBlue300: #717684;
  --brandPrimaryDarkBlue200: #acafba;
  --brandPrimaryDarkBlue100: #e8e9ec;
  --brandPrimaryDarkBlue50: #f8f9fa;
  --brandPrimaryIndigo700: #313d93;
  --brandPrimaryIndigo600: #4151c4;
  --brandPrimaryIndigo500: #5165f5;
  --brandPrimaryIndigo400: #8592f6;
  --brandPrimaryIndigo200: #c8cef7;
  --brandPrimaryIndigo100: #eef0fe;

  --neutral1000: #252527;
  --neutral800: #494b4d;
  --neutral700: #5c5e61;
  --neutral300: #c4c4c4;
  --neutral200: #e4e5e6;
  --neutral100: #f2f2f2;

  --feedbackInformation400: #002f90;
  --feedbackInformation300: #0043ce;
  --feedbackInformation200: #4d7bdd;
  --feedbackInformation100: #e6ecfa; /* INFO admonition */

  --feedbackSuccess500: #12351a;
  --feedbackSuccess400: #225f08;
  --feedbackSuccess300: #389c0d;
  --feedbackSuccess200: #88c56e;
  --feedbackSuccess100: #ebf5e7; /* TIP admonition */
  
  --feedbackWarning500: #8a4308;
  --feedbackWarning400: #cf640d;
  --feedbackWarning300: #de6b0d;
  --feedbackWarning200: #ffc069;
  --feedbackWarning100: #fff7e6; /* IMPORTANT admonition */
  
  --feedbackError400: #a8071a;
  --feedbackError300: #e00b15;
  --feedbackError200: #ffa39e;
  --feedbackError100: #fff1f0; /* WARNING admonition */

  --topbar-height: 49px;
  --topbar-logo-width: 140px;
  --sidebar-width: 20rem;
  --sidebar-width-smaller: 15rem;
  --main-font-size: 15px;
  --main-line-height: 25px;
  --main-margin: 2.5rem;
  --release-notes-tags-column: 25%;
}

html {
  font-size: var(--main-font-size);
}
.doc {
  font-size: var(--main-font-size);
  line-height: var(--main-line-height);
}

@media screen {
  html {
    background-color: #fff;
  }
  main > .content {
    margin: 0 auto;
    max-width: 80rem;
    margin-top: var(--main-margin);
    margin-bottom: var(--main-margin);
  }
  .doc {
    color: var(--neutral1000);
    margin: 0 2rem;
    max-width: 100%;
    z-index: 1;
  }
}

@media screen and (min-width: 800px) {
  html {
    background-color: var(--brandPrimaryDarkBlue50);
  }
  main > .content {
    max-width: 82rem;
  }
  main > .content.release-notes {
    max-width: 100rem;
  }
  .doc, .tableblock tr {
    background: #fff;
  }
  /* .tableblock tr:hover {
    background: #fafafa;
  } */
  .tableblock td.icon {
    background: initial;
  }
  .doc {
    border: 1px solid var(--brandPrimaryDarkBlue100);
    padding: 2rem;
  }
}

@media screen {
  body {
    background: none;
    padding-top: var(--topbar-height);
  }
}

.body, .footer {
  font-family: "open-sans-fontsource", Arial, sans-serif;
}

@media screen {
  .mobile-only {
    display: block;
  }

  header #top-menu {
    min-height: var(--topbar-height);
  }
  header #top-menu .entry:not(.logo) {
    display: none;
  }
  header #top-menu:focus-within {
    height: 100vh;
  }
  header #top-menu:focus-within #top-menu-button {
    right: calc(-1 * var(--topbar-height) - 4em);
  }
  header #top-menu:focus-within [id^=entry-]:before {
    position: absolute;
    top: 9px;
    right: 26px;
    color: #bbb;
    content: "×";
    cursor: pointer;
    z-index: 1;
    font-size: 2em;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  header #top-menu:focus-within .entry:not(.logo) {
    display: initial;
  }
  header #top-menu:focus-within + .nav-toggle {
    display: none;
  }

  header #top-menu-button {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: var(--topbar-height);
    height: var(--topbar-height);
    background: none;
    border: none;
    cursor: pointer;
    padding-right: 4em;
    z-index: 10000;
  }

  header #top-menu-button span,
  header #top-menu-button span:before,
  header #top-menu-button span:after {
    position: absolute;
    top: 50%;
    right: 1.5em;
    height: 2px;
    width: 24px;
    background: #bbb;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  header #top-menu-button span:before {
    content: "";
    top: -7px;
    left: 0;
  }
  header #top-menu-button span:after {
    content: "";
    top: 7px;
    left: 0;
  }
  header #top-menu:focus-within #top-menu-button span,
  header #top-menu:focus-within #top-menu-button span:before,
  header #top-menu:focus-within #top-menu-button span:after {
    background: var(--brandPrimaryDarkBlue500);
  }

  header {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    position: fixed;
    top: 0;
    width: 100%;
    max-height: 100vh;
    overflow-y: scroll;
    z-index: 9999;
  }
  header ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  header .entry {
    position: relative;
  }
  header .entry button[type=submit] {
    display: none;
  }
  header .entry a,
  header .entry button:not([type=submit]) {
    display: block;
    width: 100%;
    background: none;
    border: none;
    font-family: "open-sans-fontsource", sans-serif;
    font-weight: 400;
    line-height: 23px;
    padding: 13px 1.11vw;
    text-align: center;
    text-decoration: none;
    color: var(--brandPrimaryDarkBlue500);
  }
  header .entry:not(.logo) a[href]:hover {
    background-color: var(--neutral200);
  }
  header .entry button:not([type=submit]) {
    cursor: pointer;
  }
  header .entry button:not([type=submit]):after {
    content: "";
    position: absolute;
    top: calc(var(--topbar-height) - 7px);
    left: 50vw;
    width: 10px;
    margin-top: 2px;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: var(--brandPrimaryDarkBlue500);
    pointer-events: none;
    z-index: 1;
  }

  header .logo.entry a {
    width: var(--topbar-logo-width);
    height: var(--topbar-height);
    margin: auto;
    padding: 11px 15px;
  }

  header .dropdown.entry ul {
    position: absolute;
    top: var(--topbar-height);
    height: 0;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #a8a8a8;
    border-top: none;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 100ms linear;
  }
  header .dropdown.entry:focus-within ul:before {
    position: absolute;
    top: 0;
    content: "";
    height: var(--topbar-height);
    width: 100vw;
  }
  header .dropdown.entry:focus-within ul {
    position: static;
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  header .dropdown.entry a {
    min-width: 12em;
    padding: 12px 23px;
    color: var(--brandPrimaryDarkBlue500);
    font-size: 16px;
    white-space: nowrap;
  }
  header .dropdown.entry:hover,
  header .dropdown.entry:focus,
  header .dropdown.entry a:hover,
  header .dropdown.entry a:focus,
  header .dropdown.entry button:hover,
  header .dropdown.entry button:focus {
    background-color: var(--neutral200);
  }

  header .right.dropdown.entry button {
    height: var(--topbar-height);
    overflow-wrap: normal;
  }
  header .right.dropdown.entry button:not([aria-controls="entry-lang"])::before {
    content: "";
    display: block;
    margin: auto;
    width: 4px;
    height: 4px;
    background: #333;
    box-shadow: -6px 0 0 #333,6px 0 0 #333,-6px -6px 0 #333,0 -6px 0 #333,6px -6px 0 #333,-6px 6px 0 #333, 0 6px 0 #333,6px 6px 0 #333;
  }

  .nav-container {
    width: var(--sidebar-width);
  }
  .nav {
    top: 0;
  }
  .nav-menu {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mobile-only,
  header #top-menu-button {
    display: none;
  }
  header #top-menu .entry:not(.logo) {
    display: initial;
  }
  header #top-menu:focus-within {
    height: initial;
  }
  header #top-menu:focus-within [id^=entry-]:before {
    content: initial;
  }

  header {
    overflow-y: visible;
  }

  header .entry {
    float: left;
  }
  header .right.entry {
    float: right;
  }
  header .entry a,
  header .entry button:not([type=submit]) {
    text-align: left;
  }

  header .entry button:not([type=submit]):after {
    left: 50%;
    margin-top: -5px;
  }

  /* This prevents blocking the closing of the dropdown when clicking its title a second time */
  header .dropdown.entry:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    width: 101%;
    height: var(--topbar-height);
    display: none;
  }
  header .dropdown.entry:hover:before {
    display: block;
  }

  header .dropdown.entry:hover ul,
  header .dropdown.entry:focus-within ul {
    position: absolute;
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  header .dropdown.entry:focus-within ul:before {
    position: initial;
  }
  header .right.dropdown.entry ul {
    right: 0;
  }
  header .right.dropdown.entry ul .fa {
    margin-right: 0.25em;
    height: 1em;
  }

  header .right.dropdown.entry button {
    padding: initial;
    width: 4vw;
    text-align: center;
  }

  .nav {
    top: var(--topbar-height);
    height:calc(100vh - var(--topbar-height));
  }
  .nav-container {
    width: var(--sidebar-width-smaller);
  }
  .nav-menu {
    padding-top: 0.5rem;
  }
  aside.toc.sidebar {
    -ms-flex-preferred-size: var(--sidebar-width-smaller);
    flex-basis: var(--sidebar-width-smaller);
  }
}

@media screen and (min-width: 1367px) {
  header .entry a,
  header .entry button:not([type=submit]) {
    padding: 13px 24px;
  }
  header .logo.entry a {
    width: calc(var(--topbar-logo-width) + 30px + 60px);
    height: var(--topbar-height);
    margin: auto;
    padding: 11px 60px;
  }
  .nav-container {
    width: var(--sidebar-width);
  }
  aside.toc.sidebar {
    -ms-flex-preferred-size: var(--sidebar-width);
    flex-basis: var(--sidebar-width);
  }
}

@media screen {
  .navbar, .footer {
    background: var(--brandPrimaryDarkBlue500) !important;
  }
}

.nav-item {
  margin-top: 0;
}

.nav-item a {
  display: block;
  color: #fff;
  padding: 0.25em 0 0.25em 1.5em;
  position: relative;
}

.nav-item a:before {
  position: absolute;
  left: 0.35em;
  top: -0.04em;
  color: #c1c1c199;
  content: "\2022";
  font-size: 1.35em;
}

.nav-item .is-current-path > a {
  background: var(--brandPrimaryIndigo700);
}

.nav-item a:hover,
.nav-item-toggle:hover + a {
  background: var(--brandPrimaryIndigo600);
  color: #fff;
  text-decoration: none;
}

.nav-item-toggle {
  background: transparent url(../img/caret.svg) no-repeat 40%/40%;
  background-position: center;
  padding: 0.25em 0 0.25em 0.1em;
  margin: 0 0 1em -0.3em;
  width: 1.8em;
  height: 1.8em;
  z-index: 100;
}

.nav-item-toggle:hover {
  filter: brightness(65%);
}

.nav-item-toggle + a:before {
  content: "";
}

.nav-item-toggle ~ .nav-list {
  padding-bottom: 0;
}

.nav-list:first-child {
  margin-left: 0;
  margin-top: 2em;
}

.nav-list {
  margin-bottom: 0.5em;
}

[aria-current="page"],
[aria-current="page"]:hover {
  background: var(--brandPrimaryIndigo500) !important;
  color: #fff !important;
}
[aria-current="page"] {
  font-weight: 500;
}

@media screen {
  aside.toc.embedded {
    margin-bottom: 1em;
  }
}

.toolbar {
  height: 0;
}

.doc {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.doc h1, .doc h2, .doc h3, .doc h4, .doc h5, .doc h6 {
  color: var(--brandPrimaryDarkBlue500);
  scroll-margin-top: var(--topbar-height);
}

.doc > h1.page:first-child {
  font-size: 32px;
}
.doc > h1 .title-bracket {
  font-size: 16px;
}

.doc h2 {
  font-size: 24px;
  font-weight: 600;
}
.doc h3 {
  font-size: 20px;
}
.doc h3:not(.discrete) {
  font-weight: 600;
}

.nav-toggle {
  position: fixed;
  top: var(--topbar-height);
  left: 0;
  height: var(--topbar-height);
  width: var(--topbar-height);
  /*! z-index: 9999; */
}
.nav-toggle.is-active {
  filter: invert(1);
}
.navbar {
  padding-left: var(--topbar-height);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
@media screen {
  .nav {
    background: var(--brandPrimaryDarkBlue500);
  }
}
.nav-container {
  top: var(--topbar-height);
  font-size: .86111rem;
}
.toolbar {
  visibility: hidden;
}

.doc a {
  color: var(--brandPrimaryIndigo500);
  text-decoration: underline;
}
.doc a:hover {
  color: var(--brandPrimaryIndigo600);
}
.doc a.bare {
  white-space: nowrap;
}

a.action-button {
  padding: 0.5em 1em;
  background: var(--brandPrimaryIndigo500);
  border: none;
  color: #fff;
  text-decoration: none;
}
a.action-button:hover,
a.action-button:focus {
  background: #4151c4;
  color: #fff;
}
a.action-button:active {
  background: var(--brandPrimaryIndigo700);
}

#preamble {
  background: var(--neutral100);
  padding: 0.5em 0.75em;
}

#preamble .paragraph:first-child {
  margin: 0;
}

#preamble + * {
  margin-top: 2rem;
}

.doc .admonitionblock {
  margin: 0.5em 0 1.5em;
}

.doc .ulist .admonitionblock {
 margin: 0.5em 0;
}

.doc .admonitionblock p, .doc .admonitionblock td.content {
  font-size: inherit;
}

.doc .admonitionblock td.icon {
  border-radius: 1rem;
  padding: 0;
  -webkit-transform: translate(1rem, 1em);
  transform: translate(1.2rem, 1em);
}
.doc .admonitionblock td.icon i {
  padding: 0;
  width: 1.3rem;
}

.doc .admonitionblock td.icon i::after {content: "";}
.doc .admonitionblock td.icon i.icon-note {background: url("../../_/img/IconInfo.svg") no-repeat 1px 1px / 1.2rem;}
.doc .admonitionblock td.icon i.icon-tip {background: url("../../_/img/IconSuccess.svg") no-repeat -1px -1px / 1.45rem;}
.doc .admonitionblock td.icon i.icon-important {background: url("../../_/img/IconWarning.svg") no-repeat -1px -1px / 1.4rem;}
.doc .admonitionblock td.icon i.icon-warning {background: url("../../_/img/IconError.svg") no-repeat 0 0 / 1.3rem;}

.doc .admonitionblock p .icon {
  color: initial !important;
  position: initial;
}

.doc .admonitionblock td.content {
  padding: 0.75rem 1rem 0.75rem 3rem;
  border: none;
  border-radius: 2px;
}

.doc .admonitionblock.note td.content {background: var(--feedbackInformation100);}
.doc .admonitionblock.tip td.content {background: var(--feedbackSuccess100);}
.doc .admonitionblock.important td.content {background: var(--feedbackWarning100);}
.doc .admonitionblock.warning td.content {background: var(--feedbackError100);}

.doc > h1.page:first-child {
  margin-top: 0;
}

.doc h3 {
  margin: var(--main-margin) 0 0;
}

.sectionbody > .sect2:first-child > h3:first-child {
  margin: 1rem 0 0;
}

.doc .listingblock .title {
  background: #888;
  color: #eee;
  -webkit-box-shadow:inset 0 0 1.75px #e1e1e1;
  box-shadow:inset 0 0 1.75px #e1e1e1;
  font-style:normal;
  letter-spacing:initial;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: .075rem .5rem;
}
.doc .listingblock code {
  background-color: #1e2224 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
}
.doc .listingblock + .listingblock {
  margin-top: 0;
}
.doc .listingblock + .listingblock .content:first-child code {
  padding-top: 0;
}
code, kbd, pre {
  font-family: 'Fira Mono', monospace;
}

.doc .olist li {margin-bottom: 1rem; padding-left:0.5em}
.doc .olist .olist li {margin-bottom: 0rem;}

.doc .ulist .ulist {
  margin: 0 0 0.5rem;
}

.doc .ulist li {margin-bottom: 0rem;}

.doc p code, .doc thead code,
.doc h1 code, .doc h2 code, .doc h3 code, .doc h4 code, doc h5 code, .doc h6 code {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  padding: 0 3px;
}

.doc table.tableblock {
  font-size: inherit;
}

.doc table.tableblock>:not(thead) th,
.doc table.tableblock :not(.admonitionblock) > table > tbody > tr > td {
  border:1px solid #e1e1e1;
}
.doc table.tableblock thead th {
  background: #f4f5f7;
  text-align: left;
}
@media screen {
  .doc table.tableblock thead th {
    position: -webkit-sticky;
    position: sticky;
    top: var(--topbar-height);
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: inset 0 -1px 0 0 #e1e1e1; 
    box-shadow: inset 0 -1px 0 0 #e1e1e1;
    z-index: 1;
  }
}

.doc table.tableblock.homepage-table td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.doc table.tableblock img[src*="scrNbRed"] {
  max-width: initial !important;
}

.dt-container {
  overflow: initial !important;
}

.toc .toc-menu a {
 color: var(--neutral800);
}

.doc details > summary {
  border: 1px #ccc solid;
  color: var(--brandPrimaryDarkBlue500) !important;
  cursor: pointer;
  font-size: var(--main-font-size) !important;
  font-style: initial !important;
  margin-left: -1rem;
  padding: 18px 1.5rem !important;
  text-align: left;
}

.doc details > summary::before {
  top: 1.6rem;
  left: 0.5rem;
}

.doc details > summary:hover {
  background-color: #eee;
}

.doc details > .content {
  border-left: 1px solid #ccc;
  margin-left: -0.9rem;
  padding-left: 1.4rem;
  padding-top: 0.5rem;
}

.toc .toc-menu a:hover {
 color: inherit;
 text-decoration: underline;
}

b, dt, strong {font-weight: 700;}

.admonitionblock td.icon {
  text-align: center;
  width: 1.1em;
}

.language-shell .hljs-meta.prompt_ {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  margin-left: -1.2em;
}
.doc pre.highlight > code.language-shell {
  padding-left: 1.875em;
}

.fa-check {
  color: var(--feedbackSuccess300);
}

.fa-ban {
  color: var(--feedbackError300);
}

.navbar-brand .navbar-item:nth-child(2),
.navbar-brand .navbar-item:nth-child(3) {
    flex-grow: initial !important;
    color: #fff;
}

#disclaimer {
  font-size: 0.9em;
  padding-top: 3em;
}

#matomo-optout-form {
  margin-bottom: 3em;
}

@media screen {
  footer.footer {
    color: #ccc;
    padding: 2rem 0 4rem;
    text-align: center;
  }
  footer.footer a {
    color: #fff;
  }
}

.paragraph.img404 {
  text-align: right;
  margin: 1.4em 12% 0 0;
}
.paragraph.img404 img {
  margin: 0 auto;
}



/* Sidepanels */

.content.static .toc.sidebar .toc-menu {
  position: static;
}

.toc.sidebar .toc-menu {
  margin-bottom: 0.5rem;
}

.toc.sidebar table .paragraph {
  height: 2rem;
}

.toc.sidebar .paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: var(--main-margin);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  font-size: .9rem;

  color: #333;
  line-height: 1.3;
  margin: 0 -.5px;
  padding-bottom: .25rem;
}

.toc.sidebar .paragraph p,
.toc.sidebar .ulist p {
  margin: 0;
}

.toc.sidebar .ulist li:last-child {
  margin-bottom: 1em;
}

.toc.sidebar .ulist a {
  border: 0;
}

.toc .toc-menu h3,
.mobile-only h3,
.toc.sidebar .paragraph strong,
.sidebar-button.paragraph strong {
  color: #333;
  font-size: .9rem;
  font-weight: 500;
}
.sidebar-button.paragraph a {
  color: var(--neutral800);
  text-decoration: none;
}
.sidebar-button.paragraph a:hover {
  text-decoration: underline;
}

.toc .toc-menu a.is-active {
  border-left-color: var(--brandPrimaryDarkBlue500);
}

.sidebar-button {
  display: block;
}

.sidebar-button a {
  border: 0 !important;
  cursor: pointer;
  padding-left: 0 !important;
}

.sidebar-button a:hover i {
  text-decoration: underline;
}

.toc.sidebar .paragraph.sidebar-button + .sidebar-button {
  height: initial;
}

:not(.mobile-only) + :not(#filterbox).mobile-only:not(:last-of-type) {
  padding-top: 2rem;
}
.mobile-only + .mobile-only {
  margin-top: 1px;
}

@media screen and (min-width:1024px) {
  .mobile-only {
    display: none;
  }
}



/* Tabs */

.tabBar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a.tabLink {
  float: left;
  background: var(--brandPrimaryDarkBlue100);
  border: 1px solid transparent;
  border-bottom: none;
  color: var(--brandPrimaryDarkBlue500);
  padding: 14px 16px;
  text-decoration: none;
}

a.tabLink:hover {
  background: #ddd;
  color: var(--brandPrimaryDarkBlue500);
  text-decoration: none;
}

a.tabLink.active {
  background: #fff;
  border: 1px solid var(--brandPrimaryDarkBlue100);
  border-bottom: none;
  box-shadow: 0 1px #fff;
}

@media screen {
  div.tab {
    clear: left;
    border: 1px solid var(--brandPrimaryDarkBlue100);
    padding: 1em 2em;
    display: none;
  }
}

div.tab.active {
  display: block;
}

.paragraph .title + p {
  display: table-header-group;
}
.paragraph .title {
  display: table-footer-group;
  text-align: center;
  font-style: italic;
}



/* Tooltips */

@media screen {
  .doc h2:not(.discrete) {
    padding: .4rem 1rem 0.3rem;
  }

  .tooltip {
    position: relative;
    border-bottom: 2px dotted #777;
  }

  .tooltip:hover:before,
  .tooltip:hover:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
  }

  .tooltip:hover:before {
    content: "";
    top: calc(100% + 3px);
    border-style: solid;
    border-color: transparent transparent var(--neutral800);
    border-bottom-width: 10px;
    border-right-width: 8px;
    border-left-width: 8px;
  }

  .tooltip:hover:after {
    content: attr(data-tooltip);
    top: calc(100% + 13px);
    min-width: max-content;
    background: var(--neutral800);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: initial;
    line-height: 1rem;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  }

  #term-box {
    background-color: var(--brandPrimaryIndigo100);
    padding: 0.75rem 1rem 0.75rem;
    border: none;
    border-radius: 2px;
  }

  #term-box .paragraph, #term-box li {
    margin: initial;
    height: initial;
  }

  #term-box p {
    color: var(--brandPrimaryDarkBlue500);
    line-height: 1.4em;
  }

  #term-box a {
    display: inline;
    padding: initial;
    color: var(--brandPrimaryIndigo500);
    text-decoration: underline;
  }
  #term-box a:hover {
    color: var(--brandPrimaryIndigo600);
  }
}



/* Link icons */

@media screen {
  a[href^="http"]:after,
  a[href^="_rss"]:after {
    position: relative;
    bottom: 0.2em;
    display: inline-block;
    font: normal;
    font-family: FontAwesome;
    line-height: 1;
    margin: 0 0.3em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  a[href^="http"]:after {
    content: "\f08e";
    font-size: 0.9em;
  }
  header a[href^="http"]:after {
    color: var(--brandPrimaryDarkBlue300);
  }
  a[href*="docs-dev.outscale.internal"]:after,
  a[href*="docs-in.outscale.internal"]:after,
  a[href*="docs.outscale.com"]:after,
  .logo.entry a[href^="http"]:after {
    content: none;
  }

  a[href^="_rss"]:after {
    content: "\f143";
    color: #ffa500;
    font-size: 1.15em;
  }
}

@media screen {
  .print-only {
    display: none;
  }
}



/* Release notes */

.content.release-notes .tags .ulist {
  margin-top: 4px;
}
.content.release-notes .tags ul {
  list-style: none;
  padding: 0;
}

.content.release-notes .sect1 {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 10rem;
}
.content.release-notes .sect1:first-of-type {
  margin-top: 5rem;
}
.content.release-notes h1 .title-bracket {
  white-space: nowrap;
}
.content.release-notes .sect1 h2 strong {
  color: var(--brandPrimaryDarkBlue500);
  font-weight: normal !important;
}
.content.release-notes .sect1 h2 strong:after {
  content: " -";
}
.content.release-notes .sect1 h2 strong,
.content.release-notes .sect1 h2 .anchor {
  font-size: 24px;
  font-weight: 600;
}

@media screen and (min-width: 800px) {
  .content.release-notes .sect1 h2 strong {
    position: absolute;
  }
  .content.release-notes .sect1 h2 strong:after {
    content: "";
  }
  .content.release-notes .sect1 h2 strong,
  .content.release-notes .sect1 h2 .anchor {
    left: 0;
    top: 13px;
    font-size: 16px;
    font-weight: normal;
    padding-right: 0;
  }

  .content.release-notes .doc > *:not(#filterbox) h2,
  .content.release-notes .doc > *:not(#filterbox) h3,
  .content.release-notes .sect1 .sectionbody > *:not(.tags):not(.sect2),
  .content.release-notes .sect2 > *:not(.tags) {
    padding-left: var(--release-notes-tags-column);
  }
  .content.release-notes .doc h2,
  .content.release-notes .doc h3 {
    margin: calc(var(--main-margin) - var(--main-font-size)) 0 0;
  }
  .content.release-notes .sect2 + .sect2 h3 {
    margin: var(--main-margin) 0 0;
  }

  .content.release-notes .sectionbody,
  .content.release-notes .sectionbody .sect2 {
    position: relative;
  }
  .content.release-notes .sectionbody > .tags,
  .content.release-notes .sectionbody .sect2 > .tags {
    position: absolute;
    top: 0;
    padding-right: 0.75em;
    width: calc(var(--release-notes-tags-column) - 0.75em);
    overflow-y: hidden;
  }
}

.added,
.improved,
.removed,
.tag {
  display: inline-block;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  line-height: 22px;
  margin: 2.5px 0.1rem;
  padding: 0 0.75rem;
  white-space: nowrap;
}
#filterbox .added,
#filterbox .improved,
#filterbox .removed,
#filterbox .tag {
  margin: 0.5px 0.1rem;
}
.added {
  background: var(--feedbackSuccess100);
  border-color: var(--feedbackSuccess300);
  color: var(--feedbackSuccess400);
}
.improved {
  background: var(--feedbackWarning100);
  border-color: var(--feedbackWarning300);
  color: var(--feedbackWarning500);
}
.removed {
  background: var(--feedbackError100);
  border-color: var(--feedbackError300);
  color: var(--feedbackError400);
}
.tag {
  background: var(--feedbackInformation100);
  border-color: var(--feedbackInformation200);
  color: var(--feedbackInformation400);
}

#filterbox {
  margin-bottom: 0.5rem;
}
#filterbox.mobile-only {
  margin-bottom: var(--main-margin);
}
#filterbox ul {
  list-style: none;
  padding: 0;
}
#filterbox.mobile-only li {
  display: inline-block;
}
#filterbox h3 {
  display: flex;
  flex-direction: initial;
  justify-content: initial;
  height: 1.5rem;
  margin-top: 1rem;
}
#filterbox .closeButton {
  background: none;
  border: none;
  margin-left: 0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  top: -2px;
}
#filterbox .closeButton:before {
  content: "×";
  font-size: 1.4rem;
  position: relative;
  top: -3px;
}
#filterbox label {
  font-size: var(--main-font-size);
}
#filterbox ul + ul {
  font-size: 0.75em;
  margin-top: 0.75em;
}