.doc p {
  color: #0a112b;
  /* SUSE midnight color, darker */
}

/* admon icons */
i.fa[title="Note:"] {
  font-family: inherit;
}

i.fa[title="Important:"] {
  font-family: inherit;
}

i.fa[title="Warning:"] {
  font-family: inherit;
}

i.fa[title="Caution:"] {
  font-family: inherit;
}

i.fa[title="Tip:"] {
  font-family: inherit;
}

/* icons for pdfs and archive */
.fa-file-pdf {
  color: #00c081;
}

.fa-file-archive {
  color: #00c081;
}

.fa-github:before {
  content: "\f09b";
  color: #0a322c;
}

.fa-user-edit:before {
  content: "\f4ff";
  color: #0a322c;
}

/* HACK to fix twitter link */
#twitter-link {
  float: right;
  border-bottom-style: solid;
  /* border-bottom-color: #33ba78; */
  border-bottom-width: 2px;
}

/* Navbar colors */
.navbar-brand .navbar-item:first-child .navbar-brand .navbar-item:first-child a {
  background-color: #0c322c;
}

/* navigation buttons top nav */
.navbar .button {
  border: none;
  background-color: #e9644e;
}

@media screen and (min-width: 1024px) {
  .navbar-end .navbar-link:hover,
  .navbar-end>a.navbar-item:hover {
    background-color: #ff6a52;
    color: #fff;
  }

  .navbar-dropdown {
    right: 0;
    left: unset;
  }
}

.navbar-end .navbar-item.has-dropdown:hover .navbar-link,
.navbar-end .navbar-link:hover,
.navbar-end>a.navbar-item:hover {
  background: #000;
  color: #fff;
  /* border-bottom-style: unset; */
  background-color: #30ba78;
}

.nav-container {
  width: calc(270 / 16 * 1rem);
}

@media screen and (min-width: 1024px) {
  .navbar-dropdown a.navbar-item:hover {
    background-color: #30ba78;
    color: white;
    text-decoration: unset;
  }
}

/* Nav menu */
.nav-menu {
  background-color: #efefef;
  line-height: 22px;
  padding: 0.25rem 0.5rem;
}

.nav-menu a {
  color: #0a322c;
  /* font-weight: 500; */
}

.navbar-link {
  background-color: #0a322c;
}

.navbar-link:hover {
  background-color: #33ba78;
}

.has-submenu {
  position: relative;
}

.submenu {
  display: none;
  position: absolute;
  left: -50%;
  top: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: transform 0.3s ease-in-out;
  width: max-content;
}

.has-submenu:hover .submenu {
  display: block;
  transform: translateX(0);
}

.submenu-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-item .fas.fa-chevron-right {
  transition: transform 0.3s ease-in-out;
}

.has-submenu:hover .navbar-item .fas.fa-chevron-right {
  transform: rotate(90deg);
}

.submenu a.navbar-item {
  padding: 0.5rem 1rem;
}

/* Dropdown menu border color
div#topbar-nav {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #0C322C;
}*/

/* Dropdown menu border hover
div#topbar-nav :hover {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #0C322C;
}*/

/* Brand border color */
.navbar-brand {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #0c322c;
}

#search-input {
  width: 300px;
}

/* navbar background color */
.navbar {
  background-color: #0a322c;
}

/* margin hack: we need this margin to prevent logo from covering
 bottom navbar border on lower resolutions screens */
a.navbar-logo {
  margin-bottom: 4px;
}

/* Tool bar */
.toolbar a {
  color: #0c322c;
}

.toolbar .edit-this-page a {
  color: #0c322c;
}

.toolbar {
  background-color: #efefef;
  /* Shared Header - start */
  top: 6.8rem;
  /* Shared Header - end */
}

/* left nav panel */
.nav-panel-menu {
  background-color: #efefef;
}

.panels {
  background-color: #efefef;
}

.nav-panel-explore .components .component .title a:hover {
  color: #efefef;
}

.nav-panel-explore .context {
  gap: 5px;
}

.nav-panel-explore .context .title {
  flex: auto;
}

/* Left Nav Link styles  */
.is-current-page>.nav-link,
.is-current-page>.nav-text {
  color: #fff;
  background-color: #008657;
  padding-left: 6px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.8;
}

/* Link hover */
a:hover {
  color: #0c322c;
  text-decoration: underline;
}

.toc-link.is-active-link {
  font-weight: 600;
  color: #0c322c;
}

.doc pre.highlight code,
.doc pre:not(.highlight) {
  background-color: #0a322c;
  border-radius: 12px;
}

/* Plain links in paragraphs and body */
.doc a.bare {
  color: #008657;
  text-decoration: underline;
}

.doc a.bare :hover {
  color: #008657;
  text-decoration: underline;
}

/* TOC links and heading links */
.doc a,
.doc a:visited {
  color: #008657;
  text-decoration: underline;
}

.doc a:hover {
  color: #30ba78;
  text-decoration: underline;
}

/*
 * For links in table headers, otherwise there is insufficient contrast on the
 * pale blue.
 */

.doc th>a,
.doc th>a:visited {
  color: unset;
  text-decoration: underline;
}

.doc th>a:hover {
  color: #30ba78;
  text-decoration: underline;
}

.doc .listingblock pre:not(.highlight),
.doc .literalblock pre,
.doc pre.highlight code {
  font-family: "SUSE Mono", "SUSEMono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
  background: #0c322c;
  -webkit-box-shadow: inset 0 0 1.75px #e1e1e1;
  box-shadow: inset 0 0 1.75px #e1e1e1;
  display: block;
  overflow-x: auto;
  padding: 0.75rem;
  color: #eafaf4;
  border-radius: 0;
}

.logo {
  width: 171px;
  height: 57px;
  top: 0;
  left: 0;
  position: sticky;
  padding: 0;
  z-index: 12;
}

/* Heading colors in article */
h1.page {
  color: #0c322c;
  background-color: #eafaf4;
  padding-left: 0.2rem;
}

.doc h2 {
  color: #0c322c;
}

.doc h3 {
  color: #0c322c;
}

.nav-menu h3.title {
  padding: 0.5rem 0 0.125em;
  background-color: #efefef;
}

/* Text legibility */
html,
body {
  text-rendering: optimizeLegibility;
}

body {
  font-family: "SUSE", "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 399;
  word-break: keep-all;
  /* Shared Header - start */
  padding-top: 0;
  /* Shared Header - end */
}

/* Font for side toc
.article-aside {
  font-family: 'Montserrat', sans-serif;
}
 */

/* color for pre literal boxes code should use [source, language]*/
pre {
  color: #90ebcc;
  border-radius: 12px;
}

/* Language Selection */

img.langIcon.english {
  width: 27px;
  margin-right: 6px;
}

img.langIcon.spanish {
  width: 27px;
  margin-right: 6px;
}

img.langIcon.czech {
  width: 27px;
  margin-right: 6px;
}

img.langIcon.china {
  width: 27px;
  margin-right: 6px;
}

img.langIcon.japan {
  width: 27px;
  margin-right: 6px;
}

img.langIcon.korea {
  width: 27px;
  margin-right: 6px;
}

#zh_CN {
  cursor: pointer;
}

#zh {
  cursor: pointer;
}

#en {
  cursor: pointer;
}

#es {
  cursor: pointer;
}

#cs {
  cursor: pointer;
}

#ja {
  cursor: pointer;
}

#ko {
  cursor: pointer;
}

/* asciidoc button unset parenthesis and weight */
.doc b.button::before {
  content: unset;
}

.doc b.button::after {
  content: unset;
}

.doc b.button {
  font-style: normal;
  font-weight: 600;
  border-bottom: 1px solid #c0c2c4;
}

.sidebar .toc-menu a:hover {
  color: #0c322c;
  background-color: #90ebcd46;
  /* SUSE mint color, but paler */
  text-decoration: underline;
}

.sidebar .toc-menu a {
  color: #0c322c;
  max-width: fit-content;
}

.sidebar.toc .toc-menu a {
  padding-top: 10px;
  padding-right: 10px;
  /* Added to make the hover color size more evenly. */
}

.toc .toc-menu a {
  border-left: unset;
}

.toc .toc-menu h3 {
  font-weight: 600;
}

.breadcrumbs li::after {
  content: "|";
  padding-left: 0.4rem;
  padding-right: 0.1rem;
  color: #30ba78;
}

nav.pagination a {
  font-weight: 500;
  line-height: 1.3;
  position: relative;
  color: #0c322c;
  border: 0.2rem solid #dedfe0;
  padding: 1.5rem;
  width: 100%;
  font-style: italic;
}

nav.pagination a {
  color: #0c322c;
  border-color: #dedfe0;
}

nav.pagination a :hover {
  color: #0c322c;
  border-color: #c0c2c4;
}

nav.pagination a::after,
nav.pagination a::before {
  color: #0c322c;
  top: unset;
}

nav.pagination span::before {
  color: #0c322c;
  font-size: 0.75em;
  padding-bottom: 0.1em;
}

/* Table */
td,
p {
  color: #0c322c;
}

.doc .admonitionblock .title,
.doc .exampleblock .title,
.doc .imageblock .title,
.doc .listingblock .title,
.doc .literalblock .title,
.doc .openblock .title,
.doc .tableblock caption {
  color: white;
  font-size: 0.88889rem;
  font-weight: 500;
  font-style: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  letter-spacing: 0.01em;
  padding: 0.5rem;
  text-align: left;
}

.doc .imageblock {
  align-items: normal;
}

tr:last-child {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #c0c2c4;
}

doc table.tableblock {
  word-wrap: normal;
  word-break: keep-all;
  display: block;
  overflow-x: auto;
}

.doc table.tableblock thead th {
  border-bottom: 2.5px solid #c0c2c4;
  padding: 0.5rem;
  background: #e6edfe;
  /* SUSE waterhole color, paler */
  border-right: solid 0.5px #c0c2c4;
  border-top: solid 0.5px #c0c2c4;
  border-left: solid 0.5px #c0c2c4;
}

.doc table.tableblock> :not(thead) th,
.doc table.tableblock td {
  border-left: solid 1px #c0c2c4;
  border-right: solid 1px #c0c2c4;
  padding: 0.5rem;
}

table {
  word-wrap: inherit;
}

tr:nth-child(even) {
  background: #fdfdfd;
}

table.background-transparent tr:nth-child(even) {
  background: transparent;
}

.doc .admonitionblock>table {
  border-collapse: unset;
}

.doc p code {
  font-family: "SUSE Mono", "SUSEMono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
  /* font-family: "SUSE Mono", "SUSEMono", "Roboto Mono", "RobotoMono", "DejaVu Sans Mono",
    "DejaVuSansMono", "Menlo", "Andale Mono", monospace; */
  border: unset;
  color: #0c322c;
  font-weight: 500;
  background-color: unset;
}

/* dd lists*/
.doc .dlist dt {
  font-style: italic;
  font-weight: 600;
}

.doc dl,
.doc p {
  margin: 0 0 17px 0;
  padding: 0 0 0 5px;
}

.admonitionblock.note {
  border-style: solid;
  border-color: #0c322c;
  /* SUSE pine color */
}

.doc .admonitionblock td.icon i.icon-note {
  background: none;
}

.doc .admonitionblock.note .icon {
  float: left;
  height: 36px;
  margin-top: 40px;
  margin-left: 1.5rem;
  padding-top: 0.4rem;
  padding-left: 0.4rem;
  /* padding-right: 3rem; */
  background-image: url(../img/icon-note.svg);
  background-color: unset;
  background-repeat: no-repeat;
}

.admonitionblock.tip {
  border-style: solid;
  border-color: #30ba78;
  /* SUSE jungle color */
}

.doc .admonitionblock td.icon i.icon-tip {
  background: none;
}

.doc .admonitionblock.tip .icon {
  float: left;
  height: 36px;
  margin-top: 40px;
  margin-left: 1.5rem;
  padding-top: 0.4rem;
  padding-left: 0.4rem;
  /* padding-right: 3rem; */
  background-image: url(../img/icon-tip.svg);
  background-color: unset;
  background-repeat: no-repeat;
}

.admonitionblock.caution {
  border-style: solid;
  border-color: #ffb184;
  /* SUSE persimmon color, a shade paler */
}

.doc .admonitionblock td.icon i.icon-caution {
  background: none;
}

.doc .admonitionblock.caution .icon {
  float: left;
  height: 36px;
  margin-top: 40px;
  margin-left: 1.5rem;
  padding-top: 0.4rem;
  padding-left: 0.4rem;
  /* padding-right: 3rem; */
  background-image: url(../img/icon-caution.svg);
  background-color: unset;
  background-repeat: no-repeat;
}

.doc .admonitionblock .icon i::after {
  content: attr(title);
  padding-left: 20px;
  color: #0c322c;
  font-weight: 600;
  font-family: "SUSE", "Poppins";
}

.doc .admonitionblock .icon i {
  margin-left: 1rem;
}

.doc .admonitionblock td.content {
  padding-top: 4.5rem;
  background-color: #ffffff;
}

/* Important block styles */
.admonitionblock.important {
  border-style: solid;
  border-color: #2453ff;
  /* SUSE waterhole color */
}

.doc .admonitionblock td.icon i.icon-important {
  background: none;
}

.doc .admonitionblock.important .icon {
  float: left;
  height: 36px;
  margin-top: 40px;
  margin-left: 1.5rem;
  padding-top: 0.4rem;
  padding-left: 0.4rem;
  background-image: url(../img/icon-important.svg);
  background-color: unset;
  background-repeat: no-repeat;
}

/* Warning block styles */
.admonitionblock.warning {
  border-style: solid;
  border-color: #bd3314;
  /* SUSE persimmon color, a shade darker */
}

.doc .admonitionblock td.icon i.icon-warning {
  background: none;
}

.doc .admonitionblock.warning .icon {
  float: left;
  height: 36px;
  margin-top: 40px;
  margin-left: 1.5rem;
  padding-top: 0.4rem;
  padding-left: 0.4rem;
  background-image: url(../img/icon-warning.svg);
  background-color: unset;
  background-repeat: no-repeat;
}

/* List style */
.doc ol,
.doc ul {
  margin: 1rem 0 0 0;
  padding: 0 0 0 2rem;
  line-height: 1.3;
}

/*
.arabic {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.arabic {
  counter-reset: step-counter;
  margin-bottom: 10px;
}

ol.arabic>li {
  counter-reset: nest;
}

.arabic ol>li:before {
 counter-increment: step-counter;
  content: counter(step-counter);
  margin-right: -26px;
  margin-top: -3px;
  font-size: 100%;
  color: #0C322C;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 18px;
  float: left;
}

.doc ol.arabic {
  padding: 15px;
  padding-left: 70px;
  padding-right: 50px;
}

.ulist li::before {
  content: none;
  padding: 1px 3px;
  font-size: 50%;
}

.doc .olist li,
.doc .ulist li {
  margin-bottom: 1.2rem;
  margin-top: 16px;
}

.olist p {
  display: flow-root;
}
*/

/* toc formatting */
ul.sectlevel1 {
  background-color: white;
}

.doc .admonitionblock .title {
  color: inherit;
  background-color: inherit;
  padding-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0px;
  padding-left: 0;
  font-weight: 600;
  font-size: 1rem;
}

.doc .admonitionblock {
  margin: 0.75rem;
}

.doc {
  max-width: 56rem;
}

.doc .listingblock pre:not(.highlight) {
  color: #c7f1e3;
}

::marker {
  color: #008657;
  font-size: large;
  font-weight: 500;
}

ul.sectlevel1 {
  background-color: white;
  line-height: 1.5;
}

.doc {
  line-height: 1.3;
}

.currentrel {
  color: #ff6a52;
  font-size: large;
}

div#toctitle {
  margin-bottom: 1.2rem;
}

.svg-draft-background {
  background-image: url("../img/draft.svg");
  background-size: 1000px;
  /* 70px */
  background-position-x: 1020px;
  /* 700px */
  /* background-repeat: no-repeat; */
}

.x-logo {
  float: right;
  width: 20px;
  margin-top: 2px;
  margin-right: 34px;
  margin-left: 20px;
  border-bottom-width: 2px;
}

.doc:has(.api-doc) {
  max-width: none;
  margin: none;
}

.page.doc:has(.api-doc) {
  max-width: none;
}

.title {
  color: white;
  font-weight: 500;
  padding-left: 15px;
  background-color: #0c322c;
  /*SUSE pine color */
  font-family: "SUSE", "Poppins";
  padding-top: 10px;
  padding-bottom: 10px;
}

.doc details {
  margin: 0.75rem;
}

.doc summary {
  transition: 0.3s background linear;
}

.doc summary:hover {
  background-color: #90ebcd46;
  /* SUSE mint color, but paler */
}

.doc details>summary {
  display: list-item;
  position: static;
  color: unset;
  background-color: #efefef80;
  /* SUSE fog color, but paler */
  border: 1px solid #0c322c32;
  /* SUSE pine color, but paler */
}

.doc details>summary::marker {
  color: #bd3314;
  /* SUSE persimmon color, a shade darker */
}

/* Next, is for Safari browser, or no triangle */
.doc details>summary::-webkit-details-marker {
  display: inline-block;
  color: #bd3314;
  /* SUSE persimmon color, a shade darker */
}

.doc details[open] {
  border: 1px solid #0c322c62;
  /* SUSE pine color, but paler */
  background-color: #90ebcd46;
  /* SUSE mint color, but paler */
}

.doc details[open]>summary {
  border: unset;
  background-color: #90ebcd46;
  /* SUSE mint color, but paler */
}

.doc div.listingblock {
  padding: 5px;
}

/* Code block styling */
/* Adapted from the GitHub style by Vasily Polovnyov <vast@whiteants.net> */

.hljs-comment {
  color: #eafaf4;
  font-style: italic;
  font-weight: 400;
}

.hljs-quote {
  color: #eafaf4;
  font-style: italic;
  font-weight: 400;
}

.hljs-selector-tag,
.hljs-subst,
.hljs-keyword {
  /* SUSE Mint */
  color: #90ebcd;
  font-weight: 400;
}

.hljs-literal,
.hljs-number,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
  color: #eafaf4;
  font-weight: 400;
}

.hljs-tag .hljs-attr {
  color: #90ebcd;
}

.hljs-tag .hljs-name {
  color: #90ebcd;
}

.hljs-attr {
  color: #90ebcd;
}

.hljs-doctag,
.hljs-string {
  color: #eafaf4;
  font-weight: 400;
}

.hljs-section,
.hljs-selector-id,
.hljs-title {
  color: #ffd3bd;
  font-weight: 400;
}

.hljs-subst {
  font-weight: 400;
}

.hljs-class .hljs-title,
.hljs-type {
  color: #eafaf4;
  font-weight: 400;
}

.hljs-attribute,
.hljs-name {
  color: #eafaf4;
  font-weight: 400;
}

.hljs-tag {
  color: #90ebcd;
}

.hljs-link,
.hljs-regexp {
  color: #eafaf4;
  font-weight: 400;
}

.hljs-bullet,
.hljs-symbol {
  color: #ffd3bd;
  font-weight: 400;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #eafaf4;
  font-weight: 400;
}

.hljs-meta {
  color: #ccc;
  font-weight: 400;
}

.hljs-deletion {
  color: #fdd;
  background: #0c322c;
}

.hljs-addition {
  color: #dfd;
  background: #0c322c;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 600;
}

@page {
  margin: 0.5in;
}

@media print {
  .hide-for-print {
    display: none !important;
  }

  html {
    font-size: 0.9375em;
  }

  a {
    color: inherit !important;
    text-decoration: underline;
  }

  a.bare,
  a[href^="#"],
  a[href^="mailto:"] {
    text-decoration: none;
  }

  img,
  object,
  svg,
  tr {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  pre {
    -ms-hyphens: none;
    hyphens: none;
    white-space: pre-wrap;
  }

  body {
    padding-top: 2rem;
  }

  .navbar {
    background: none;
    color: inherit;
    position: absolute;
  }

  .navbar * {
    color: inherit !important;
  }

  .nav-container,
  .navbar> :not(.navbar-brand),
  .toolbar,
  aside.toc,
  nav.pagination {
    display: none;
  }

  .doc {
    color: inherit;
    margin: auto;
    max-width: none;
    padding-bottom: 2rem;
  }

  .doc .admonitionblock td.icon {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .doc .listingblock code[data-lang]::before {
    display: block;
  }

  footer.footer {
    background: none;
    border-top: 1px solid #e1e1e1;
    color: #8e8e8e;
    padding: 0.25rem 0.5rem 0;
  }

  .footer * {
    color: inherit;
  }
}

/* Code block styling - end */

/* So image top title font descenders won't overlap into the image area */
#preamble>div>div:nth-child(3)>p>strong>em {
  line-height: 1.75;
}

/* Different color for the title of the code block. */
div.listingblock>div.title {
  background-color: #008657;
  font-weight: 600;
}

/* If a code block has a callout, this will improve the spacing after the
callout table listing at the end */
div.colist.arabic {
  padding-bottom: 0.5rem;
}

/* Use the page language from the root html element for pagination labels. */
nav.pagination .prev::before {
  content: "Previous";
}
nav.pagination .next::before {
  content: "Next";
}

html[lang="de"] nav.pagination .prev::before {
  content: "Zurück";
}
html[lang="de"] nav.pagination .next::before {
  content: "Weiter";
}

html[lang="es"] nav.pagination .prev::before {
  content: "Anterior";
}
html[lang="es"] nav.pagination .next::before {
  content: "Siguiente";
}

html[lang="fr"] nav.pagination .prev::before {
  content: "Précédent";
}
html[lang="fr"] nav.pagination .next::before {
  content: "Suivant";
}

html[lang="ja"] nav.pagination .prev::before {
  content: "前へ";
}
html[lang="ja"] nav.pagination .next::before {
  content: "次へ";
}

html[lang="ko"] nav.pagination .prev::before {
  content: "이전";
}
html[lang="ko"] nav.pagination .next::before {
  content: "다음";
}

html[lang="pt_br"] nav.pagination .prev::before {
  content: "Anterior";
}
html[lang="pt_br"] nav.pagination .next::before {
  content: "Próximo";
}

html[lang="zh_cn"] nav.pagination .prev::before {
  content: "上一页";
}
html[lang="zh_cn"] nav.pagination .next::before {
  content: "下一页";
}

nav.pagination a {
  border: 0.15rem solid #c0efde;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.doc h2:not(.discrete) {
  border-bottom: unset;
  /* padding-bottom: 0.5rem; */
}

.doc h1:not(.discrete) {
  font-weight: 600;
}

.doc h2:not(.discrete) {
  font-weight: 600;
}

.doc h5:not(.discrete) {
  font-size: 0.94444rem;
  font-weight: 400;
}

/* Added to tone down the contrast, to blend better, in the tabbed content */
.doc .exampleblock>.content,
.doc details.result>.content {
  background: inherit;
  border: 1px solid #0c322c32;
  /* SUSE pine, but paler */
  border-radius: 2px;
  padding: 0.75rem;
}

/* For ARIA */
.nav-item-toggle {
  min-width: 24px;
  min-height: 24px;
}

.doc mark {
  background-color: #eafaf4;
}

/* Breadcrumb separator color contrast for accessibility */
.breadcrumbs li::after {
  color: #025937;
}

.breadcrumbs ul {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumbs li {
  display: flex;
  align-items: center;
}

.home-link-dsc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: 1.25rem;
  margin: 0 0.5rem 0 0;
}

.nav-panel-explore .components .component .title {
  font-weight: 500;
  background: #efefef;
  padding-left: .1em;
}

.nav-panel-explore .components .component .title a {
  color: #025937;
  font-weight: 800;
}

.nav-panel-explore .components .component .title a:hover {
  color: #025937;
  text-decoration: underline;
  font-weight: 800;
}

.nav-panel-explore .component+.component {
  margin-top: .5rem;
  border-top-style: ridge;
}

.navbar-item .visual-search-label {
  color: #025937;
  background-image: url(../img/SUSE-1C-Neg-Mag-Glass.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.navbar-item .visual-search-label-bc {
  color: #025937;
  background-image: url(../img/SUSE-1C-Black-Mag-Glass.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.doc .quoteblock {
  background: #fcfcfc
}

.doc .sidebarblock {
  background: #fcfcfc;
  border-radius: 0rem;
}

.doc .procedure {
  background: #fff;
  border-left: 2px solid #bff1ea;
  padding-left: 0rem;
  padding-top: 0rem;
  margin-left: 1rem;
}

.doc .procedure .title {
  background: #bff1ea;
  color: #00112b;
}

.swagger-ui .info .title {
  color: #bff1ea;
}

.swagger-ui .btn.authorize {
  color: #008657
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: #2453ff;
}
.swagger-ui .opblock.opblock-post .opblock-summary-method {
  background: #088657;
}
.swagger-ui .opblock.opblock-put .opblock-summary-method {
  background: #bd3314;
}
.swagger-ui .opblock.opblock-delete .opblock-summary-method {
  background: #8e2810;
}
.swagger-ui .opblock.opblock-patch .opblock-summary-method {
  background: #01564a;
}
.swagger-ui .parameter__extension, .swagger-ui .parameter__in {
  color: #0c322c;
}
.swagger-ui .parameter__name.required span,
.swagger-ui .parameter__name.required:after {
  color: #8e2810;
}

/* This hides the Antora SwaggerUI auth button for live interaction. */
.swagger-ui .scheme-container {
  display: none;
}

/* This hides the Antora SwaggerUI 'Try it out' button for live interaction. */
.swagger-ui .btn {
  display: none;
}

.doc .source-toolbox img.copy-icon {
  filter: invert(100%);
}

.doc .source-toolbox .source-lang {
  color: #ffffff;
}

.draft-banner {
  color: #ffd3bd;
  font-weight: 900;
  font-size: larger;
  align-self: anchor-center;
}

/* For survey link 2026 - start */
.docsurvey-wrapper {
  align-items: center;
  background-color: #008657;
  display: flex;
  font-size: 16px;
  margin-top: 16px;
  padding-block: 8px;
  padding-inline: 8px;
  width: fit-content;
}

.docsurvey-wrapper a.survey-link {
  background-color: transparent !important;
  color: #fff !important;
  display: block;
  line-height: 1.2;
  text-decoration: none;
}

.docsurvey-wrapper a.survey-link:link,
.docsurvey-wrapper a.survey-link:visited,
.docsurvey-wrapper a.survey-link:active {
  background-color: transparent !important;
  color: #fff !important;
}

.docsurvey-wrapper a.survey-link:hover,
.docsurvey-wrapper a.survey-link:focus-visible {
  background-color: transparent !important;
  color: #fff !important;
  text-decoration: underline;
}
/* For survey link 2026 - end */

.home-link-dsc {
  display: block;
  background: url(../img/home-o.svg);
  /* background: url(../img/home-o.svg) no-repeat 50%; */
  height: 1.25rem;
  width: 1.25rem;
  margin: .625rem;
  margin-right: 0rem;
}
.home-link-dsc.is-current,
.home-link-dsc:hover {
  background-image: url(../img/home.svg)
}

/* Shared Header - start */
.doc {
  margin-top: 122px;
}

@media screen and (max-width: 992px) {
  .doc {
    margin-top: 76px;
  }
  .toolbar {
    top: 76px;
    margin-top: 10px;
  }
  .nav {
    margin-top: 60px;
  }
}

@media screen and (max-width: 1023px) {
  /* 1. Ensure the NAV-TOGGLE button is not compressed beyond user visibility (The Mobile Menu Hamburger) */
  button.nav-toggle {
    display: block !important;
    visibility: visible !important;
    flex-shrink: 0 !important; /* Strictly forbids the layout engine from compressing this button */
    width: 44px !important;    /* Standard click target sizing */
    height: 44px !important;
    min-width: 44px !important;
  }

  /* 2. Ensure the VERSION-MENU button is not compressed beyond user visibility */
  button.version-menu-toggle {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: max-content !important;
    width: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 8px !important; /* Enforces clean horizontal breathing room before the carrot icon */
  }

  /* 3. Ensure the CARROT / ARROW INDICATOR is not compressed beyond user visibility */
  /* This targets pseudo-elements (like standard Antora arrows) as well as explicitly injected child icons */
  button.version-menu-toggle::after,
  button.version-menu-toggle .icon,
  button.version-menu-toggle svg,
  button.version-menu-toggle img {
    display: inline-block !important;
    flex-shrink: 0 !important; /* Force the layout engine to leave the carrot aspect ratio uncompressed */
    width: 10px !important;    /* Forces explicit structural size if it lost its square footprint */
    height: 10px !important;
    min-width: 10px !important;
    content: "" !important;    /* Ensures pseudo-elements maintain structural integrity */
  }
}

.nav {
  top: 6.8rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: sticky;
  height: calc(100vh - 6.8rem);
}

.toc.sidebar .toc-menu {
  margin-right: .75rem;
  position: sticky;
  top: 9.4rem;
}

/* The fallback survey sidebar (.docsurvey-sidebar) carries the same
   "toc sidebar" classes as the real "On this page" aside, so it inherits all
   TOC layout/sizing/visibility rules. Antora's JS removes the real TOC aside
   on pages that have no sections; when that aside is still present we hide the
   fallback so the survey only ever renders once. */
aside.toc.sidebar:not(.docsurvey-sidebar) ~ aside.docsurvey-sidebar {
  display: none;
}

/* Mobile (< 1024px): the base UI hides every "toc sidebar" aside (so the real
   "On this page" aside and our fallback are both hidden) but it SHOWS Antora's
   inline "aside.toc.embedded" clone, which already contains a copy of the
   survey rendered neatly after the page title. We rely on that clone for the
   survey on pages that have sections, so nothing extra is needed there.
   The only gap is section-less pages: those have no embedded clone and the real
   TOC aside is removed by Antora's JS, leaving just our fallback aside (which
   the base UI has hidden). Re-show the fallback in that case only. The dedup
   rule above (higher specificity) keeps it hidden whenever a real TOC precedes
   it, so section pages still show the single embedded copy. */
@media screen and (max-width: 1023.5px) {
  aside.toc.sidebar.docsurvey-sidebar {
    display: block;
  }

  /* Override the sticky ".toc.sidebar .toc-menu" so the survey sits in normal
     flow instead of sticking up under the fixed shared-header. The fallback
     aside is the first child of ".content" (it precedes the article), so it
     would otherwise render at the very top of the column, underneath the
     sticky shared-header + toolbar and be occluded. Push it down so the survey
     banner clears the sticky toolbar. In the 993px-1023.5px range the toolbar
     sits lower (top ~115px, bottom ~158px), so more clearance is needed here;
     the narrower <=992px range is handled by the override below. */
  aside.toc.sidebar.docsurvey-sidebar .toc-menu {
    position: static;
    margin: 1rem;
    margin-top: 130px;
  }

  /* Tighten the gap above the survey (it inherits a top margin from
     .docsurvey-wrapper) and add space below it before the "On this page"
     heading in Antora's inline embedded TOC clone. */
  aside.toc.embedded .docsurvey-wrapper {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
  }
}

/* At <=992px the base UI moves the sticky toolbar up (top: 76px, bottom
   ~119px), so the fallback survey banner needs less top clearance than the
   993px-1023.5px range above. This override must stay after the max-width:
   1023.5px block so it wins by source order when both queries match. */
@media screen and (max-width: 992px) {
  aside.toc.sidebar.docsurvey-sidebar .toc-menu {
    margin-top: 70px;
  }
}

shared-header {
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Shared Header - end */


/* Ensure main content area fills viewport minus header */
.body, main > .content {
  min-height: calc(100vh - 2.2rem); /* 2.2rem is the sharedheader height, I think */
}

/* Ensure we don't get code ligatures in code blocks,
   which when copy/pasted are wrong */
:root {
  font-variant-ligatures: none;
}

/* Start Qualtrics 5star additions
   Helped by Google Chrome Inspect Mode AI chat to finally work it out. */
.toc-menu {
  display: flex;
  flex-direction: column;
}

#qualtrics_container {
  order: 99;
  /* Higher order pushes it to the bottom. More than 99 entries?
     Time to rethink the information structure */
  margin-top: 1.5rem;
}

/* 1. Ensure the container's font-size is zero to hide the original text node */
.QSI__EmbeddedFeedbackContainer_QuestionText {
  font-size: 0 !important;
  visibility: hidden !important;
  position: relative; /* Useful for positioning if needed */
}

/* 2. Force the ::before element to be visible and have text */
.QSI__EmbeddedFeedbackContainer_QuestionText::before {
  visibility: visible !important;
  font-size: 14.4px !important; /* Restore font size */
  display: inline-block;
  content: "Was this helpful?"; /* Default fallback */
}

html[lang="zh_CN"] .QSI__EmbeddedFeedbackContainer_QuestionText::before {
  content: "这对您有帮助吗？" !important;
}
html[lang="de"] .QSI__EmbeddedFeedbackContainer_QuestionText::before {
  content: "War das hilfreich?" !important;
}
html[lang="es"] .QSI__EmbeddedFeedbackContainer_QuestionText::before {
  content: "¿Fue útil esto?" !important;
}
html[lang="fr"] .QSI__EmbeddedFeedbackContainer_QuestionText::before {
  content: "Cela vous a-t-il été utile ?" !important;
}
html[lang="ja"] .QSI__EmbeddedFeedbackContainer_QuestionText::before {
  content: "お役に立ちましたか？" !important;
}
html[lang="pt_BR"] .QSI__EmbeddedFeedbackContainer_QuestionText::before {
  content: "Isso foi útil?" !important;
}
/* End Qualtrics 5star additions */