@media not print {
  html {
    font-size: 14.5pt;
  }
}

.md-header {
  color: var(--primary-text-color);
  background-color: var(--primary-color);
}
.md-header__title {
  font-weight: bold;
  font-size: 1.2rem;
}
.md-tabs {
  background-color: var(--secondary-color);
  color: var(--secondary-text-color);
  font-weight: bold;
}
.md-tabs__link--active {
  font-weight: bold;
  font-size: 1rem;
}

.md-grid {
  max-width: 100%;
}

h1 {
  color: white;
  background-color: var(--primary-color);
  font-style: italic;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 5px;
}

.md-typeset a {
  text-decoration: underline;
}

.md-typeset h1 {
  color: var(--primary-text-color);
  font-weight: bold;
}
.md-typeset h1 code {
  color: var(--primary-text-color);
  background-color: var(--primary-color);
}

.md-search__inner {
  color: black;
  background-color: white;
}

h2 {
  color: var(--secondary-text-color);
  background-color: var(--secondary-color);
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 3px;
}

.md-typeset h2 {
  font-size: 110%;
  font-weight: bolder;
}

.md-typeset h2 code {
  color: var(--secondary-text-color);
  background-color: var(--primary-color);
}

.md-typeset h3 {
  color: black;
  font-size: 100%;
  font-weight: bold;
  font-style: normal;
  background-color: lightgray;
  border-color: lightgray;
  border-style: double;
  border-width: thick;
  padding-left: 5px;
  font-style: italic;
}
.md-typeset h3 code {
  color: black;
  background-color: lightgray;
}

.md-typeset h4 {
  color: black;
  font-size: 95%;
  font-weight: bold;
  font-style: italic;
  background-color: lightgray;
  border-color: lightgray;
  border-style: double;
  border-width: thick;
  padding-left: 5px;
}
.md-typeset h4 code {
  color: black;
  background-color: lightgray;
}

.md-typeset h5 {
  font-size: 95%;
  text-transform: none;
  color: black;
  font-weight: normal;
  font-style: italic;
  background-color: lightgray;
  border-color: lightgray;
  border-style: double;
  border-width: thick;
  padding-left: 5px;
}
.md-typeset h5 code {
  color: black;
  background-color: lightgray;
}
.md-typeset h5 code {
  color: black;
  background-color: lightgray;
}

/* "code" is for inline code and "codehilite" is for code blocks */
code {
  font-weight: bold;
}
.codehilite {
  font-weight: bold;
}

/* make the list marker alone bold-face */
.md-typeset ol li::marker {
  font-weight: bold;
}

img {
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

img.centered {
  display: block;
  margin: 0 auto;
}

img.noborder {
  border-style: none;
}

/* To make an image display at a specified width,
    use the attr_list mkdocs plugin and assign a
    class to the image itself, e.g. {: class="w400" } */
img.w100 {
  width: 100px;
}
img.w150 {
  width: 150px;
}
img.w200 {
  width: 200px;
}
img.w250 {
  width: 250px;
}
img.w300 {
  width: 300px;
}
img.w350 {
  width: 350px;
}
img.w400 {
  width: 400px;
}
img.w450 {
  width: 450px;
}
img.w500 {
  width: 500px;
}
img.w550 {
  width: 550px;
}
img.w600 {
  width: 600px;
}
img.w650 {
  width: 650px;
}

.md-typeset .admonition.cmd,
.md-typeset details.cmd {
  border-color: rgb(0, 191, 165);
}
.md-typeset .cmd > .admonition-title,
.md-typeset .cmd > summary {
  background-color: rgba(0, 191, 165, 0.1);
  border-color: rgb(0, 191, 165);
}
.md-typeset :is(.admonition.cmd, details.cmd) {
  border-color: rgb(0, 191, 165);
}
.md-typeset .cmd > .admonition-title::before,
.md-typeset .cmd > summary::before {
  background-color: rgb(0, 191, 165);
  -webkit-mask-image: var(--md-admonition-icon--cmd);
  mask-image: var(--md-admonition-icon--cmd);
}

.md-typeset .admonition-title {
  border-left-width: 0px !important;
}

/* remove the "copy to clipboard" icon an feature on "abstract" admonition
   boxes, which are consistently and only used for command line results */
.abstract .md-clipboard {
  visibility: hidden;
}

blockquote {
  background-color: #f5f5f5;
}

.md-typeset blockquote {
  color: black;
  font-size: 90%;
}

/* Provides a means of centering a paragraph of text.  To use, place the following below the text paragraph:
    {: class="centered" }
    */
.centered {
  text-align: center;
}

/* Provide a class that will result in slightly smaller text, intended for the CLA reference */
.cla {
  font-size: 0.75em;
}

/* This overlays a "zoom in" icon for all class="zoom" anchor elements. */
a.zoom {
  position: relative;
}
a.zoom::after {
  height: 24px;
  width: 24px;
  content: "";
  position: absolute;
  bottom: 11px;
  right: 5px;
  display: block;
  background-image: url(../img/magnify.png);
  background-repeat: no-repeat;
  opacity: 75%;
}

/* Make tables slightly more compact */
/* Create alternating table row colors, with darker header row */
.md-typeset table:not([class]) th {
  padding: 1em 0.25em;
  color: #eeeeee;
  background-color: #888888;
}
.md-typeset table:not([class]) td {
  padding: 0.25em;
}
.md-typeset table tr:nth-child(odd) td {
  background-color: #ffffff;
}
.md-typeset table tr:nth-child(even) td {
  background-color: #d3d3d3;
}

/* prevent code in tables from wrapping */
.md-typeset table:not([class]) td code {
  white-space: nowrap;
}