@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
  --font-geist: "Geist", Helvetica, Roboto, sans-serif;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --font-size-h1: 40px;
  --font-size-h2: 32px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 22px;
  --font-size-h6: 20px;
  --font-size-h7: 20px;
  --font-size-normal: 14px;

  --font-line-height-normal: 150%;
  --font-line-height-subtitle: 125%;
  --font-line-height-title: 120%;

  --color-1: #0c130e;
  --color-2: #131a15;
  --color-3: #192a1d;
  --color-4: #1a3b23;
  --color-5: #20492c;
  --color-6: #285835;
  --color-7: #2f6840;
  --color-8: #357b4a;
  --color-9: #367c4b;
  --color-10: #326c43;
  --color-11: #84cb95;
  --color-12: #b8f2c5;

  --grey-0: #ffffff;
  --grey-1: #fdfdfd;
  --grey-2: #f9f9f9;
  --grey-3: #f0f0f1;
  --grey-4: #e8e8e9;
  --grey-5: #e1e1e2;
  --grey-6: #d8d9db;
  --grey-7: #cdced0;
  --grey-8: #babbbd;
  --grey-9: #8b8c8f;
  --grey-10: #818284;
  --grey-11: #626365;
  --grey-12: #1f2022;
  --grey-13: #000000;

  --link-color: #3e63dd;

  --note-bg-color: #f8faf3;
  --note-border-color: #c2da91;
  --note-text-color: #37401c;

  --important-bg-color: #f5fbf5;
  --important-border-color: #b2ddb5;
  --important-text-color: #203c25;

  --caution-bg-color: #fefce9;
  --caution-border-color: #f3d768;
  --caution-text-color: #473b1f;

  --warning-bg-color: #fff7ed;
  --warning-border-color: #ffc182;
  --warning-text-color: #582d1d;

  --danger-bg-color: #fff7f7;
  --danger-border-color: #fdbdbe;
  --danger-text-color: #641723;

  --notice-bg-color: #f2fafb;
  --notice-border-color: #9ddde7;
  --notice-text-color: #0d3c48;

  --tip-bg-color: #f7f9ff;
  --tip-border-color: #c1d0ff;
  --tip-text-color: #1f2d5c;

  --border-radius-full: 999px;
}

html,
body {
  font-family: var(--font-geist) !important;
  font-size: var(--font-size-normal);
  line-height: var(--font-line-height-normal);
  font-weight: var(--font-weight-normal);
  color: var(--grey-11);
}

span.guilabel {
  font-weight: var(--font-weight-medium);
}

span.guibutton {
  font-weight: var(--font-weight-bold);
}

span.guimenu {
  font-weight: var(--font-weight-bold);
}

span.guiicon {
  font-weight: var(--font-weight-bold);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-geist) !important;
  font-weight: var(--font-weight-bold);
  margin: 0 0 24px 0 !important;
  text-transform: none;
}

.h1,
h1 {
  font-size: var(--font-size-h1);
  line-height: var(--font-line-height-title);
}

.h2,
h2 {
  font-size: var(--font-size-h2);
  line-height: var(--font-line-height-title);
}

.h3,
h3 {
  font-size: var(--font-size-h3);
  line-height: var(--font-line-height-subtitle);
}

.h4,
h4 {
  font-size: var(--font-size-h4);
  line-height: var(--font-line-height-subtitle);
}

.h5,
h5 {
  font-size: var(--font-size-h5);
  line-height: var(--font-line-height-subtitle);
}

.site-sidebar,
.portal-header {
  background-color: var(--grey-13);
  color: var(--grey-0);
}

.site-sidebar-search .search-field {
  background-color: var(--grey-9);
}

.nav-site-sidebar .topic-link {
  padding: 12px;
}

.nav-site-sidebar {
  font-weight: var(--font-weight-normal);
}

div.title {
  margin: 0 !important;
}

div.note {
  background-color: var(--note-bg-color);
  border-color: var(--note-border-color);
  color: var(--note-text-color);
  border-radius: 4px;
  border: 1px solid;
  padding: 8px 8px 8px 42px;
}

.note:before {
  color: var(--note-text-color);
  left: 8px;
}

div.important {
  background-color: var(--important-bg-color);
  border-color: var(--important-border-color);
  color: var(--important-text-color);
  border-radius: 4px;
  border: 1px solid;
  padding: 8px 8px 8px 42px;
}

.important:before {
  color: var(--important-text-color);
  left: 8px;
}

div.caution {
  background-color: var(--caution-bg-color);
  border-color: var(--caution-border-color);
  color: var(--caution-text-color);
  border-radius: 4px;
  border: 1px solid;
  padding: 8px 8px 8px 42px;
}

.caution:before {
  color: var(--caution-text-color);
  left: 8px;
}

div.warning {
  background-color: var(--warning-bg-color);
  border-color: var(--warning-border-color);
  color: var(--warning-text-color);
  border-radius: 4px;
  border: 1px solid;
  padding: 8px 8px 8px 42px;
}

.warning:before {
  color: var(--warning-text-color);
  left: 8px;
}

div.danger {
  background-color: var(--danger-bg-color);
  border-color: var(--danger-border-color);
  color: var(--danger-text-color);
  border-radius: 4px;
  border: 1px solid;
  padding: 8px 8px 8px 42px;
}

.danger:before {
  color: var(--danger-text-color);
  left: 8px;
}

div.notice {
  background-color: var(--notice-bg-color);
  border-color: var(--notice-border-color);
  color: var(--notice-text-color);
  border-radius: 4px;
  border: 1px solid;
  padding: 8px 8px 8px 42px;
}

.notice:before {
  color: var(--notice-text-color);
  left: 8px;
}

div.tip {
  background-color: var(--tip-bg-color);
  border-color: var(--tip-border-color);
  color: var(--tip-text-color);
  border-radius: 4px;
  border: 1px solid;
  padding: 8px 8px 8px 42px;
}

.tip:before {
  color: var(--tip-text-color);
  left: 8px;
}

div.warning h3,
div.note h3,
div.important h3,
div.caution h3,
div.tip h3 {
  font-size: var(--font-size-normal);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-normal);
  margin-bottom: 0 !important;
}

.mediaobject {
  margin-top: 24px;
  margin-bottom: 24px;
}

table.table,
table.informaltable {
  margin-bottom: 24px;
}

div.table {
  margin-bottom: 24px;
}

div.table {
  margin-top: 24px;
  margin-bottom: 24px;
}

table tbody td.td {
  padding: 12px 16px;
}

table thead th.th {
  padding: 8px 16px;
  background-color: var(--grey-2);
}

.btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.btn:not([type="submit"]) {
  display: flex !important;
  height: 32px !important;
  min-width: 72px !important;
  min-height: 32px !important;
  padding: 8px 16px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  align-self: stretch !important;
  border-radius: 4px !important;
  border: 1px solid var(--color-9) !important;
  margin: 0 !important;
}

div.feedback-panel .btn {
  margin: 0 !important;
}

.voting-title {
  margin-bottom: 8px;
}

p {
  margin: 0 0 8px 0 !important;
}

.itemizedlist {
  margin: 0 !important;
}

#bottom-pager li > a {
  background-color: var(--color-9);
  color: var(--grey-0);
  padding: 8px 16px;
  border-radius: var(--border-radius-full);
}

.topic-link {
  cursor: pointer;
}

.nav-site-sidebar.toc .glyphicon {
  padding: 12px;
}

.nav-site-sidebar.toc ul li {
  margin-left: 16px;
}

h3.searchresulttitle {
  color: var(--link-color);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

p.searchresultsnippet {
  color: var(--grey-11);
  font-weight: var(--font-weight-normal);
}

p.search-result-breadcrumbs {
  color: var(--grey-9);
  font-weight: var(--font-weight-normal);
}

@media (min-width: 768px) {
  div.portal-single-publication {
    width: 20%;
  }
}

span.inlinemediaobject {
  height: 1em;
  vertical-align: unset;
}

ul.section-nav > li:not(:first-child) {
  margin-left: 14px;
}

.logo-link .logo {
  height: 72px;
}

.toc .opened > .topic-link > .glyphicon:before {
  content: "\e114" !important;
}

.toc:not(.opened) .glyphicon:before {
  content: "\e080" !important;
}

.publication-contents .featured-title .toc-count {
  font-size: 0;
  line-height: 0;
}

.portal-body-container {
  padding-left: 35px;
  padding-right: 35px;
}

.itemizedlist + .itemizedlist {
  padding-top: 8px;
}

.itemizedlist + .procedure {
  padding-top: 8px;
}

.procedure + .procedure {
  padding-top: 8px;
}

.mediaobject > .material-placeholder img {
  color: var(--grey-8);
  border-radius: 4px;
  border: 1px solid;
}

.nav-site-sidebar .opened {
  background-color: var(--color-9);
}