/* -- Media Queries --
Full Mobile = 550px
Mid-Mobile = 768 px
Desktop = 1178px
*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
b, strong {
    font-weight: 600;
}

/* ---- from basic.css----- */
img {
    max-width: 100%;
}
dt:target *, .highlighted {
    background-color: #fbe54e;
}
div.admonition {
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 27px 27px 11px 27px;
    border-radius: 8px;
}
p.admonition-title {
    margin: 0px 10px 5px 0px;
    font-weight: 600;
    font-size: 18px;
    font-family: Moon,Arial,sans-serif;
}
.admonition .last {
    padding-bottom: 28px;
}

table.docutils {
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    /*width: 100%;*/
}

table caption span.caption-number {
    font-style: italic;
}

table caption span.caption-text {
}

table.docutils td, table.docutils th {
    padding: 1px 8px 1px 5px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #aaa;
}

table.field-list td, table.field-list th {
    border: 0 !important;
}

table.footnote td, table.footnote th {
    border: 0 !important;
}

th {
    text-align: left;
    padding-right: 5px;
}

table.citation {
    border-left: solid 1px gray;
    margin-left: 1px;
}

table.citation td {
    border-bottom: none;
}

/* -- End basic.css */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
  padding: 3px;
  border: 0;
  white-space: pre;
  margin: 0 0 0px;
}
code,
kbd,
pre,
samp {
  font-family: "Roboto Mono";
  font-size: .85rem;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
dd {
  margin-left: 0rem;
  margin-bottom:1.5rem;
  margin-top: 0rem;
}
td,
th {
  padding: 0;
  background: white;
}
ul {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.section ul {
  margin-left: 1rem;
}
#main ul ul {
  margin-left: 2.25rem;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  text-decoration: none;
}
h2 > a.toc-backref {
  color: #f36b10; !important
}
a:hover,
a:focus {
  color: #23527c;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
div.figure {
  margin: 0em;
  padding: 0.5em;
}
img {
  vertical-align: middle;
}
#main img {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#main img.no-box-shadow {
    box-shadow: none;
}
#main .hero {
    margin: -40px 0 48px 0;
    box-shadow: none;;
}
.section>img {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
/* Skuid CSS */
/* Fonts */
@font-face {
  font-family: "Moon";
  src: url("./fonts/F37Moon-Regular/F37Moon-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Moon';
  src: url('./fonts/F37Moon-Bold/F37Moon-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Moon';
  src: url('./fonts/F37Moon-Demi/F37Moon-Demi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-ExtraBold.woff') format('woff'), url('./fonts/Inter/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/*Fonts End*/
body {
  font-family: Inter,Arial,sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #484E54;
  line-height: 25px;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p.rubric {
  font-family: Moon, Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  /* letter-spacing: -0.04em; */
  outline: 0; /* Prevent outline on collapsible sections */
}
h1 {
  margin: 0 0em 3rem 0em;
  font-size: 56px;
  line-height: 112%;
}
h2, p.rubric {
  line-height: 32px;
}
h3 {
  line-height: 24px;
}
/* Account for header with anchors*/
@media (max-width: 767px) {
  .section {
    padding-top: 128px;
    margin-top: -128px;
  }
}
dt {
  padding-top: 128px;
  margin-top: -128px;
}

/* Remove button outlines */
button:focus {
  outline:0;
}
#app {
  transition: all .3s ease;
}
#page-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hide {
  display: none;
}
.cylinder-btn {
  border-radius: 20px;
  margin: 8px auto;
  padding: 9px 24px;
  vertical-align: middle;
  font-size: 13px;
  width: 232px;
  width: fit-content;
  background: #005CB9;
  color: white;
}
.std-btn, .show-all-child-sections {
  font-size: small !important;
  padding: 5px !important;
  border-radius: 3px !important;
  border: 1px solid #017FAE !important;
  color: #017FAE !important;
  transition: all .3s ease;
  background: white !important;
  margin: 5px 5px 0 0;
}
.std-btn:hover, .show-all-child-sections:hover {
  color: white !important;
  background: #017FAE !important;
}
.collapsible {
  color: #005CB9;
}
.collapsible-ifin::before, .collapsible::before {
  font-family:"FontAwesome";
  content: "\f107  ";
  font-size: small;
}
.collapsed::before {
  font-family:"FontAwesome";
  content: "\f105  ";
  font-size: small;
}
.collapsible-ifin:hover, .collapsible:hover, .collapsed:hover{
  cursor: pointer;
  text-decoration: underline;
}
.minorheader {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.ifin {
  color: #f36b10;
  font-style: italic;
  outline: none;
  font-size: .75em;
}
.boldital {
  font-style: italic;
  font-weight: bold;
}
span[class^="highlight-input-"] {
  font-weight: bold;
  color: green;
}
.callout {
  border-radius: 4px;
  border-width: 1px;
  text-align: center;
  padding: 7px;
}
.input-table th {
  background: #f8f8f8;
  padding: 8px;
  font-weight: 400;
  color: #0288d1;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #DDD;
  text-align: left;
}
.input-table tbody td, table.nx-skootable-data thead td {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  vertical-align: middle;
  padding: 4px;
}
.input-table input:not([type="radio"]):not([type="checkbox"]), .nx-field textarea, .nx-field .nx-richtext-input {
  outline: none;
}
.input-table input, .input-table textarea, .input-table pre {
  background: #fbf7d6;
  width: 100%;
  border: 1px solid #eee6ac;
  font-size: 1em;
  line-height: extract(null,null,1em,null, 5);
  padding: 6px 4px 4px 5px;
  border-radius: 0;
  min-height: 2.031em;
  transition: all 400ms ease;
  transition-property: background,color;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header > ul > li {
  margin-bottom: .5em
}
.navbar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  flex-wrap: nowrap;
  background: white;
  /* padding-right: 2.25rem; */
  border-bottom: 1px solid #DDD;
}
.navbar-fixed-top {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
a.navbar-brand {
  /* margin: 8px; */
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}
.navbar-brand img {
  align-self: end;
  max-height: 36px;
}
.leftblock {
  width: 50px;
  background: #472DA1;
  z-index: 2;
  margin-left: -60px
}
.navbar-brandmark {
  width: 42px;
  height: auto;
  margin-top: 8px;
  margin-left: -50px;
  margin-right: 16px;
  z-index: 1;
}
.navbar-brandmark svg {
    color: white;
    fill: white;
}
.slide-in {
  animation-name: slide-in;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  transform: translateX(60px);
}
.slide-out {
  animation-name: slide-out;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  transform: translateX(0px);
}
@keyframes slide-in {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(60px);
    }
}
@keyframes slide-out {
    from {
        transform: translateX(60px);
    }
    to {
        transform: translateX(0px);
    }
}
.navbar-text {
  margin-left: 0.5rem;
  color: #1F2532;
  font-size: 2rem;
  font-weight: 300;
  padding: 9px 0 0px 0;
}
.navbar-nav {
  list-style: none;
  text-align: center;
  z-index: 1;
}
.navbar-nav > li {
  padding: 0 16px;
}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
  color: #f6904b;
}
.navbar-nav li a {
  font-size: 16px;
  font-family: Moon,Arial,sans-serif;
  font-weight: 600;
  transition: color .3s ease,background-color .3s ease,border-color .3s ease;
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s, 0.3s, 0.3s;
  transition-timing-function: ease, ease, ease;
  transition-delay: 0s, 0s, 0s;
  color: #1B1C1D;
}
.navbar-nav li.active-section a {
  color: #005CB9;
}
.navbar .input-group {
  width: 100%
}
.breadcrumb-nav {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.breadcrumb {
  margin: 0 auto 0 auto;
  /* color: #535559; */
}
.nav-container {
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
  display: flex;
  /* flex-direction: row; */
  transition: all .3s ease;
  justify-content: space-between;
  align-items: center;
  padding: 29px 8px;
}
@media (max-width: 1340px) {
  .navbar .nav-container {
    padding: 32px 40px;
  }
  #page-container {
    padding: 0 40px;
  }
}
.breadcrumb-nav .nav-container {
  padding: 32px 40px 0 40px;
}
@media (min-width: 1340px) {
  .breadcrumb-nav .nav-container {
    padding: 32px 0 0 0;
  }
}
.nav-container-shrink {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

svg.breadcrumb {
  flex-basis: 1rem;
}
/*
a.breadcrumb {
  color: white;
}
*/
.breadcrumb-nav ol {
  display: flex;
  -webkit-flex-flow: row;
  justify-content: space-around;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  overflow: hidden;
}
.breadcrumb-nav li {
    /* float: left; */
    /* display: inline-block; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
i.breadcrumb {
  height: 14px;
}

.breadcrumb-nav li:first-of-type a {
  margin-left: 0;
}
.breadcrumb-nav a::after {
  font-family:"FontAwesome";
  content: "\f105  ";
  font-size: small;
  margin-left: 24px
}

/* -- Universal Header -- */

#universal-header-nav {
  align-self: center;
  margin-left: auto;
}

#universal-header-nav li {
  display: inline-block;
}
#site-nav {
  position: fixed;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 1000;
  background-color: #f8f8f8;
}
#docs-site-nav {
  margin-right: 8px;
  margin-left: 8px;
}
#docs-site-nav-list li {
    display: inline-block;
    font-size: small;
    margin-right: 16px;
    margin-left: auto;
}
#docs-site-nav-list-dropdown {
  display: none;
}
@media (max-width: 1178px) {
  #docs-site-nav-list-dropdown {
    display: block;
  }
  #docs-site-nav-list {
    display: none;
  }
}
#ink-apps {
  height: 30px;
  width: 30px;
  cursor: pointer;
  align-self: center;
}
#apps-container {
  height: 30px;
  width: 30px;
  cursor: pointer;
  align-self: center;
}
#apps-container:hover {
  background-color: rgb(248, 248, 248);
  border-radius: 4px;
}

/* -- w/ Dropdown
#apps {
  width: auto;
  font-size: 14px;
  line-height: 14px;
  color: #222;
}

#apps-list ul {
  width: 0;
  height: 0;
  overflow: hidden;
  list-style-type: none;
  border-top: none;
  background: #fff;
  color: #222;
  box-shadow: 0 0 5px rgba(0,0,0,.4);
  margin: -12px 4px;

  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;


  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

#apps-list li {
  display: inline-block;
  color: #333;
  padding: 8px 12px;

  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
}

 -- */
/* -- Icons --*/
/* Do not display icons until JavaScript transforms them */
.ink-icon, .icon  {
  display: none;
}
#main img.inline-icon {
    position: relative;
    top: -3px;
    height: 16px;
    box-shadow: none;
}

/* -- Search -- */
#search.section, #main #search-results { /*Account for header on search page*/
    max-width: 42rem;
}
#searchbar-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 24px;
  z-index: 100;
  font-size: 16px;
  border-left: 1px solid #D7D8DA;
  border-top: 1px solid #D0D3D8;
  border-right: 1px solid #D0D3D8;
  border-bottom: 1px solid #D0D3D8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #005CB9;
  background: white;
  color: inherit;
/*  border-top: 0;
  border-right: 0;
  border-bottom: 0; */
  cursor: pointer;
  outline: inherit;
  z-index: 100;
}
#main .search-icon:before{
  right: 3rem;
}
.search-icon:before {
  font-family: FontAwesome;
  content: "\f002";
  cursor: pointer;
  bottom: 45%;
  right: 1rem;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  font-size: .9rem;
  color: #09829e;
  z-index: 10000;
}
#navbar-search {
  color: #09829e;
  text-overflow: ellipsis;
  border: 1px solid #D0D3D8 !important;
  /* box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.3); */
  height: 48px;
  border-radius: 4px;
  padding: 12px 16px;
}
#navbar-search::placeholder {
  color: #6F7277;
  font-family: Moon,Arial,sans-serif;
  font-size: 16px
}
#searchbar {
  transform: translateY(.5em);
  font-weight: 300;
}

@media (max-width: 767px) {
  #mobile-navbar-search {
    display: block;
  }
  /* Commenting out, since Algolia wants only one search bar
  #desktop-navbar-search {
    display: none;
  }
  */
  #mobile-navbar-search #searchbar-icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  #mobile-navbar-search .navbar-search-form {
    margin: 0 32px 32px 32px;
  }
}
@media (min-width: 768px) {
  #mobile-navbar-search {
    display: none;
  }
  #desktop-navbar-search {
    position: relative;
    margin: 0 24px;
    max-width: 400px;
    min-width: 220px;
    flex: 1 1 45%;
    align-self: center;
    }
}
/* To fix autocomplete breaking on pages with URL hashes */
#algolia-autocomplete-listbox-0 {
  /* padding-top: 8px; */
  position: absolute;
  top: 140%;
  z-index: 100;
  left: 0px;
  right: auto;
  width: 100%;
  margin-top: -8px;
}
/* Search on mobile */
/* -- Landing page -- */
#landing-page-nav-container {
  /*width: 1172px;*/
  justify-content: space-between;
}
#landing-main {
  transition: all .3s;
  background: #FFF4DE;
}
#landing-main .navbar-search-form {
  margin: 24px auto;
  max-width: 664px;
  padding: 0 24px;
}
#landing-main h1 {
  font-family: Moon,Arial,sans-serif;
  font-size: 42px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;

}
h1.landing-page-header {
    font-size: xx-large;
    color: white;
    font-weight: 300;
    margin: 48px auto;
    width: 660px;
}

/* -- Universal Header Updates -- */

.nav-container .site-title a {
  font-size: 20px;
}

#universal-nav {
  margin-top: 0;
  margin-bottom: 0;
}

.universal-header-gray {
  background: #f8f8f8;
}
.universal-header-gray a, .nav-sub-menu a, .site-title a {
  color: #222;
  font-weight: 400;
  font-size: 14px;
}
.universal-header-gray a:hover, .nav-sub-menu a:hover, .site-title a:hover {
  color: #017FAE;
  border-bottom: none !important;
}
.universal-header-gray .site-title {
  font-size: 20px;
}
/* -- Older Header Options -- */
.full-purple-bg {
  /* background: url(img/green-pattern.svg); */
  background-color: #472DA1;
  padding-top: 104px;
  padding-bottom: 64px;
  text-align: center;
}
.full-blue-bg {
  background: url(img/ocean-fill.svg);
  background-color: #005CB9;
  padding-top: 104px;
  padding-bottom: 64px;
  text-align: center;
}
.full-green-bg h3, .full-blue-bg h3 {
  font-size: 32px;
  color: #FFFFFF;
  font-weight: 300;
  margin: 0 80px 16px 80px;
  line-height: 40px;
}
.full-green-bg p, .full-blue-bg p, .full-green-bg a, .full-blue-bg a {
  color: white
}
/* -- Search and Algolia -- */
div#moreResults {
  color: #4B4E54 !important;
  font-size: 12px;
  line-height: 20px;
  padding: 8px 24px;
  border-bottom: 1px solid #D0D3D8;
  margin-bottom: 8px;
}
.ais-search-box--magnifier-wrapper, .ais-search-box--reset-wrapper {
    display: none !important;
}
.hit-name, .hit-text {
  margin: 0 8px 8px 0;
}
.hit-content {
    border-top: 1px solid #D0D3D8;
}
.hit-name a {
    color: #5D6167;
}
.hit-name {
  color: #5D6167;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .1s;
}
.hit-text {
  color: #4B4E54 !important;
  font-size: 13px;
  line-height: 20px;
}
.hit-url {
  color: #686B71;
  font-size: 12px;
  line-height: 20px;
}

.ais-hits--item .hit-name {
  color: #005CB9;
  font-size: 17px;
  margin: 24px 0 8px;
}
.ais-hits--item .hit-name a {
  color: #005CB9;
}

.ais-hits--item .hit-text {
  font-size: 14px;
  margin: 0;
}
#stats {
  margin-top: 48px;
  margin-bottom: 16px;
  color: #4B4E54;
  font-size: 14px;
  line-height: 16px;
}
#search-page-body {
  margin: 0 16px;
}


/* Highlighted search terms */
.algolia-docsearch-suggestion--highlight {
  color: #F36B10;
  border-bottom: 2px solid #F36B10;
}
.algolia-docsearch-footer {
    display: none !important;
}
.algolia-docsearch-suggestion--category-header-lvl0 {
    display: none !important;
}

.algolia-autocomplete {
  width: 100%;
}
.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
  width: 100%;
}
.algolia-autocomplete .aa-hint {
  color: #999;
}
.algolia-autocomplete .aa-dropdown-menu {
  top: 118% !important;
  background-color: #fff;
  border: 1px solid #D7D8DA;
  border-top: none;
  text-align: left;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
  cursor: pointer;
  padding: 5px 4px;
  border-bottom: 1px solid #D0D3D8;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
  background-color: #EBEFF2;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
  font-weight: bold;
  font-style: normal;
}
.hit-name, .hit-text {
  padding-left: 16px;
  padding-right: 16px;
}
#search-page-body .hit-name, #search-page-body .hit-text {
  padding-left: 0;
  padding-right: 0;
}
/* Properly margin-top the search page body if there's a version warning box*/
.version-warning-box + #search-page-body {
    margin-top: 0;
}
#main.search-body {
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
}
@media (max-width: 767px) {
  #main.search-body {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.aa-dropdown-menu {
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
}


/*-- Search Pagination --*/
#search-page-body #pagination ul {
    list-style-type: none;
    line-height:32px
}
#search-page-body #pagination li {
    float: left;
    margin-left: 16px;
    margin-right: 16px;
}
#search-page-body #pagination a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size:13px

}
.ais-pagination--item__active {
    width:32px;
    height:32px;
    border-radius:50px;
    color:#fff;
    background-color: #005CB9;

}
.ais-pagination--item__active a {
    color:#fff;
}
.ais-pagination--item__previous, .ais-pagination--item__next {
    width:32px;
    height:32px;
    text-align:center;
    border: 1px solid #D0D3D8;
    border-radius:50px;
    color: #005CB9;
}

/* -- End Search -- */

/* -- Badges/add-on features --*/

.badge {
  border-radius: 20px;
  padding: 8px;
  text-align: center;
}

.badge--new-feature {
    border-style: solid;
    border-width: thin;
    border-color: #e5e5e5;
    color: #579032;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    font-weight: 500;
    margin-left: 16px;
    line-height: 40px;
}

.badge--new-feature:hover {
  text-decoration: none;
}
.blue-bg {
  background-color: #CFE1F3;
}

.badge .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    position: absolute;
    z-index: 1;
}

.badge:hover .tooltiptext {
    visibility: visible;
}

.badge i {
  margin: 4px 8px 4px 4px;
}

/* -- Version Check -- */
.version-warning-box {
    border-radius: 3px;
    border: #CD0909;
    border-width: 1px;
    border-style: solid;
    padding: 8px;
    margin-bottom: 16px;
}
.version-warning-header {
    color: #484E54;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.version-warning-text {
    color: #484E54;
    font-size: 13px;
    line-height: 20px;
}

/* -- Version Pre-release -- */
.version-prerelease-box {
    border-radius: 3px;
    border: #71A5DA;
    border-width: 1px;
    border-style: solid;
    padding: 8px;
    margin-bottom: 16px;
}
.version-prerelease-header {
    color: #484E54;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.version-prerelease-text {
    color: #484E54;
    font-size: 13px;
    line-height: 20px;
}

.search-body .version-prerelease-box, .search-body .version-prerelease-box, .search-body .version-warning-box {
  margin-top: 136px;
}

.version-prerelease-box + .version-warning-box {
  margin-top: initial;
}

/* -- End Version Check -- */


span.highlighted.transparent-bg {
  background-color: transparent !important;
}
::-webkit-input-placeholder {
  color: #09829e;
}
:-ms-input-placeholder {
  color: #09829e;
}
:-moz-placeholder {
  color: #09829e;
}
/*Added to prevent LI items from search results scrolling past footer*/
div#search-results {
  display: inline-block;
}
.container {
  display: flex;
  flex-direction: column;
}
/* Only used for universal header
@media(max-width: 1023px) {
  #page-container {
    margin-top: 104px;
  }
} */
#main {
  order: 3;
  margin-top: 48px;
  margin-bottom: 25px;
  min-height: 100vh;
  margin-left: 96px;
  margin-right: 96px;
  display: inline-block;
  transition: all .3s ease;
  /*overflow: overlay; Causes scrollbars on search page*/
}
@media (max-width: 767px) {
  #main {
    margin-left: 24px;
    margin-right: 24px;
  }
}
#quickfind {
  color: #09829e;
  font-weight: lighter;
  font-size: 1rem;
  height: 2rem;
  width: 95%;
  margin-left: 0.7rem;
  border: 0;
}
.sidebar-global ul,
#globaltoc ul,
.sidebar-local ul,
#localtoc ul {
  list-style: none;
  text-align: center;
}
.sidebar-global li,
#globaltoc li,
.sidebar-local li,
#localtoc li {
  padding-bottom: .3em;
  padding-top: .5em;
}
.sidebar-global {
  order: 1;
  min-width: 100%;
  line-height: 16px;
}
.sidebar-global, .sidebar-local {
  display: none;
}
@media (min-width: 1178px) {
  #globaltoc {
    height: 64vh;
  }
  .sidebar-global {
    display: block;
  }
  .version-dropdowns {
     margin-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .sidebar-local {
    display: block;
  }
}


/*Global TOC*/
#globaltoc > ul.current > li {
  padding-bottom: 0;
}
#globaltoc li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.025em;
  /* color: #484E54; */
}
#globaltoc li>ul a:hover {
  border-bottom: 1px solid #fff;
}
#globaltoc > ul > li > ul > li.toctree-l2 a:hover {
  border-bottom: 1px solid #098297;
}
.toctree-l2, .toctree-l3, .toctree-l4, .toctree-l5, .toctree-l6 {
  visibility: visible;
}
/*TOC Tree margins for sidebar*/
#globaltoc .toctree-l1 {
  padding-left: 0;
  margin-left: 0;
  display: flex;
}
#globaltoc .toctree-l2 {
  margin-left: 0;
}
#globaltoc .toctree-l3 {
  margin-left: 1rem;
}
#globaltoc {
  padding-left: 8px;
  overflow: scroll;
}
#globaltoc li:not(.toctree-l1) {
    display: none;
}
#globaltoc li.current > ul, #globaltoc li.current > ul > li {
    display: list-item;
}/*Hide all other libraries, but display current one*/
#globaltoc > ul >li.toctree-l1 {
  display: none;
  flex-wrap: wrap;
  align-items: baseline;
}
#globaltoc > ul.current>li.toctree-l1 {
  display: flex;
  width: 100%;
  padding-top: 0;
  visibility: hidden;
}
#globaltoc > ul {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
}
#globaltoc > ul.current {
  display: block;
}
#globaltoc > ul.current>li {
  display: block;
}
#globaltoc > ul > li > ul {
  width: 100%;
  display: none;
}
#globaltoc > ul > li > a {
  padding-bottom: 2.25rem;
  display: none;
  flex: 1;
  width: 63%;
}
#globaltoc > ul.current > li > a {
  display: none;
  color: inherit;
}
/* Current chapter indications */
#globaltoc a.current:last-of-type {
    color: #484E54;
}
.toc-active {
    /*border-left: 2px solid #D0D3D8;*/
}
/*Local TOC*/
.sidebar-local {
  order: 2;
}
#localtoc ul {
  margin:0;
}
#localtoc li>a {
  /* color: black; */
  font-size: 14px;
  font-weight: 500;
}
/*Hide the page title from local sidebar*/
#localtoc>ul>li>a {
  display: none;
}
/*Hide too deep levels in local*/
#localtoc ul li ul li ul {
  display: none;
}
/* Cards */
.card-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  flex-direction: column;
  /* max-width: 728px; */
  margin: 0 auto 32px auto;
  background: rgb(71,44,160);
  background: linear-gradient(183deg, rgba(71,44,160,1) 25%, rgba(255,244,222,1) 25.3%);
}
.card {
  transition: all .1s;
  text-align: center;
  border-radius: 6px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
  box-shadow: 4px 4px 0px -1px rgba(15, 27, 87, 0.32);
  border-radius: 8px;
  margin-bottom: 32px;
  width: 278px;
  height: 321px;
}
.card a {
  color: #515151;
}
.card:hover {
    box-shadow: 6px 6px 0 1px rgba(128,173,220,.32);
    -webkit-transform: translate(0,-6px);
    -ms-transform: translate(0,-6px);
    transform: translate(0,-6px);
}
.card-content {
  margin: 32px 16px;
}
.card-desc {
  font-family: Moon,Arial,sans-serif;
  font-size: 15px;
  line-height: 23px;
}
.card-top-color {
  height: 8px;
  border-radius: 4px 4px 0 0;
}
#concepts-card .card-top-color {
  background: #FFEFC7;
}
#reference-card .card-top-color  {
  background: #D7CEF5;
}
#site-administration-card .card-top-color  {
  background: #FBD9C3;
}
#tutorials-card .card-top-color  {
  background: #BFD6ED;
}
h2.card-title {
  color: #5D6167;
  font-size: 22px;
  margin: 0 0 32px 0;
  line-height: 128%;
}
.card-desc a {
    color: #484E54;
}
.view-section {
    background-color: #EBEFF2;
    border-radius: 20px;
    width: fit-content;
    align-self: center;
    margin-top: 16px;
}
.view-section p {
    line-height: 15px;
    font-size: 13px;
    font-weight: 500;
    margin: 16px 24px;
}
.card-icon {
    height: 88px;
    margin-bottom: 32px;
}
.view-section i {
  padding-left: 8px;
}
/*.card-hover {
  transform: scale(1.01);
  border-color: #cccccc;
  box-shadow: 0 0 5px #cccccc;
  background: white;
}*/

@media (min-width: 768px){
  .card-container {
    flex-direction: row;
  }
  .card {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.panel-container {
    margin: 0 auto 32px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1240px;
    justify-content: space-between;
}
#landing-main .panel-container h1 {
  font-family: Moon,Arial,sans-serif;
  font-size: 32px;
  color: #1B1C1D;
  letter-spacing: -0.03em;
  text-align: left;
  margin-bottom: 4px;
}

.landing-page-panel {
  margin: 64px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 45%;
}
.landing-page-panel .cylinder-btn {
  margin: 8px 0;
  padding: 14px 24px;
  font-family: Moon,Arial,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
.panel-copy {
  margin: 64px 0;
  font-family: Moon,Arial,sans-serif;
  font-size: 20px;
  line-height: 31px;
  text-align: left;
}
.panel-image {
  /* width: 100%; */
}
#eval-guide-panel {
  flex-basis: 100%;
  margin: 0 16px;
  background: white;
  flex-direction: row;
  justify-content: space-evenly;
  border-radius: 8px;
}
#landing-main #eval-guide-panel h1 {
  font-family: Moon,Arial,sans-serif;
  font-size: 48px;
  line-height: 54px;
  text-align: left;
}
#eval-guide-panel .panel-copy {
  margin: 64px 8px 64px 64px;
  font-family: Moon,Arial,sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
}
#eval-guide-panel .panel-image {
  align-self: flex-end;
}
#eval-guide-panel h3 {
  font-size: 48px;
  line-height: 100%;
  margin: 10px 0;
}

/*Hide that terrible ugly long name for JS funcs and props!*/
code.descclassname {
  display: none;
  font-size: larger;
}
/* -- Intended to keep tables from breaking pages -- */
div[class^='highlight-'] {
    display: grid;
}
table.highlighttable {
    background: #fff;
    border: 1px solid #D7D8DA;
    border-radius: 8px;
    line-height: 16px !important;
    font-size: 14px !important;
    margin-left: 0;
    display: block;
    overflow-x: auto;
}
table .highlight {
    background: #fff;
}
.linenos pre {
  padding: 8px 12px !important;
  color: #686B71 !important;
  background: white !important;
  border-right: 1px solid #D7D8DA;
}
.code pre {
  padding: 0 0 0 14px;
  color: #686B71;
}
footer {
  color: #646464;
  padding-top: 1.5rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  padding-bottom: 2.25rem;
}
.footer-content-all {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}
.footer-page {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.sub-footer {
  display: flex;
  flex-direction: row;
}
.back-to-top {
  order: 2;
}
.footer-site {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1rem;
  padding-bottom: 104px;
  border-bottom: 1px solid #D7D8DA;
}
.footer-content {
  font-size: .9rem;
  line-height: 125%;
  font-weight: 300;
}
footer h3 {
  color: #1B1C1D;
  font-size: 16px;
}
footer p, footer a {
  color: #535559;
  font-family: Moon,Arial,sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 156%;
  margin-right: 12px;
}
#terms-section a {
  margin-left: 12px
}
.footer-legal {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.social-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
}
.social-icon {
  color: #005cb9;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 4px;
}
.footer-brandmark {
  margin-top: 16px;
  margin-right: 112px;
  flex-shrink: 0;
}
.footer-social {
  margin-left: auto;
  margin-top: 16px;
}
.footer-social img {
  height: 32px;
  width: 32px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.footer-buttons {
  margin-left: auto;
}
.footer-list {
  margin-right: 112px;
}
.footer-list ul {
    list-style: none;
}
.footer-list a {
    font-size: 16px;
    color: rgb(93, 97, 103);
    font-weight: 600;
}

.copyright {
  font-size: .75rem;
  line-height: 150%;
}
.btn-visit {
  background: #ee8b21;
  padding: .5625em 1.125em;
  color: #fff;
}
/* Table styling for borders and padding*/
table.docutils td, table.docutils th {
  padding: .5rem .5rem .5rem .5rem;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  width: auto;
  font-size: 14px;
}
th.field-name, td.field-body {
  display: inline-block;
}
div.admonition.note {
  background: #EBF5FF;
 }
div.admonition.warning {
  background: #FCF0F7;
}
blockquote .admonition.note {
    margin-left: 1.1rem;
}
p.centered {
  text-align: center;
}
p.rubric {
  font-size: 1.5rem;
}
/*The required blank line under Sphinx links generates a blank Span. This hides that so all headers are consistent.*/
span#id1 {
  display: none;
}
a.headerlink {
  opacity: 0;
  color:rgba(0, 0, 0, 0.20);
  margin-left: .3rem;
  transition: all .3s;
  font-size: large;
}
a.headerlink:hover {
  color:#005c88;
}
h1:hover > a.headerlink,
h2:hover > a.headerlink,
h3:hover > a.headerlink,
h4:hover > a.headerlink,
h5:hover > a.headerlink,
h6:hover > a.headerlink,
dt:hover > a.headerlink,
caption:hover > a.headerlink,
p.caption:hover > a.headerlink,
div.code-block-caption:hover > a.headerlink {
    opacity: 100;
    transition: all .2s;
}
dl {
  margin-left: 0rem;
  margin-top: 0.2632rem;
}
code.descname {
  font-size: 1.3rem;
  font-weight: 300;
}
dl>dt {
  margin-bottom: 1rem;
}
dd>ul {
  margin-top: .4rem
}
/* Prevent API params from breaking page on mobile*/
dt > em {
    word-break: break-all;
}
blockquote {
  margin-left: 0rem;
  margin-right: 0rem;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
/*Nested lists*/
div>blockquote>div>blockquote {
  margin-left: 2.125rem;
}
.contents ul {
  margin-left: 3rem;
}
/*Bullet list margins & content beneath*/
ul.simple >  li {
  margin-bottom: .5rem;
}
ol.simple > li {
  margin-bottom: .5rem;
}
/* API detail adjusments*/
table.field-list th.field-name {
    max-width: 25%;
}
table.field-list td.field-body {
    max-width: 75%;
}
/*Parameter bullet margin*/
.field-body .first {
  margin: 0em;
  list-style: none;
}
/*For in-page TOC indent*/
.toctree-wrapper>ul {
  margin-left: 2.5em;
}
.field-list ul {
  padding-left: 0;
}
ol {
  padding-left: 0;
  margin-left: 2rem;
}
#main .compound li {
  display: list-item;
}
div#collapsebutton {
  float: left;
}
/* Sticky nav bar */
#docs-and-search-bar {
  display: flex;
  /* padding-top: 8px; /* Universal header*/
  /* padding-bottom: 8px; /* Universal header*/
  padding: 0 0 0 0;
  background: #472DA1;
}
#docs-and-search-bar h1 a {
  color: white;
}
div#product-name {
  margin-left: 24px;
  margin-top: 4px;
  font-size: 14px;
}
#docs-and-search-bar .site-title, #docs-and-search-bar h1, #docs-and-search-bar h1 a {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 42px;
  line-height: 100%;
  margin: 0;
  align-self: center;
  display: flex;
}
.navbar-search-form {
  position: relative;
  /* margin: 16px 24px; */
  flex: 1 1 45%;
  align-self: center;
}
#button-start-building {
  width: 221px;
  height: 49px;
  background: #FFC120;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  flex: none;
  align-items: center;
  padding: 13px 24px;
  font-family: Moon,Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 128%;
  transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    transition-property: color, background-color, border-color;
    transition-duration: 0.3s, 0.3s, 0.3s;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
}
#button-start-building:hover {
    color: #fff;
    background: #BF9017;
}
#docs-and-search-bar #button-start-building {
  color: white;
}
#docs-and-search-bar #button-start-building:hover {
  background-color: #fff;
  color: #005cb9;
}
@media (max-width: 1023px) {
  #docs-and-search-bar h1 {
    /* padding: 0 24px 24px 0; */
  }
/* Universal header
  #docs-and-search-bar .nav-container {
    flex-wrap: wrap;
    justify-content: left;
  }*/
  .navbar-search-form {
    /*max-width: initial;*/
    /*flex: 1 1 100%;*/ /*Commented out for universal header*/
  }
  .breadcrumb-nav {
    display: none;
  }
}
/* Mobile Nav */
/* Commented out for universal header */
@media (max-width: 1023px) {
    .navbar-nav {
      position: absolute;
      text-align: left;
      display: none;
    }
}
#openmobilenav, #closemobilenav {
  border: none;
  font-size: 24px;
  padding: 10px;
  background-color: transparent;
  position: absolute;
  right: 8px;
  /* top: 35px; */
  margin-top: -15px;
  z-index: 1000;
  padding: 0px 8px 16px 16px;
}
@media (min-width: 1178px) {
    #openmobilenav, #closemobilenav {
        display:none !important;
    }
  .navbar-nav {
    margin: 0;
    flex-shrink: 0;
    align-self: center;
  }
  .navbar-nav >li {
    display: inline-block;
  }
}
.mobile-nav {
  margin-top: 0px !important;
  top: 98px;
  left: 0;
  padding-top: 32px !important;
  position: absolute !important;
  height: 100vh;
  width: 100%;
  z-index: 5000 !important;
  display: block;
  background: white !important;
  /*Commented out to prevent weirdness for mobile menu*/
  transition: right .2s ease !important;
}
.nav-container-shrink .mobile-nav {
  top: 58px;
}
.mobile-nav-active {
  -moz-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  overflow: hidden;
}
.mobile-nav-hidden {
  display: none;
  opacity: 0;
}
.mobile-nav .sidebar-global, #main h1 .sidebar-local {
  display: block;
  padding-left: 0;
}

.navbar-brand.mobile-nav-active {
  position: relative;
}
#mobile-logo {
  display: none;
  max-width: 152px;
  margin-bottom: 48px;
  margin-top: 24px;
  margin-left: 12px;
}
.mobile-nav #mobile-logo {
  display: none;
}
.mobile-nav > li a {
  color: #484E54;
  font-size: 13px;
  font-weight: 500;
}
.mobile-nav > li {
  margin-bottom: 32px;
  text-align: center;
}
.mobile-nav #page-buttons {
  justify-content: left;
  padding-left: 16px;
}
#main #localtoc ul {
  margin-left: 8px;
}
#mobile-local {
  display: none;
}
@media (max-width: 767px) {
  #g-menu-btn, .dropdown {
    width: 272px;
  }
  #mobile-local {
    display: block;
    margin-top: 16px;
  }
  #mobile-local li {
    padding: 0;
  }
}
@media (max-width: 899px) {
  #mobile-global {
    display: block;
  }
}
@media (min-width: 1178px) {
  #mobile-global {
    display: none;
  }
  #g-menu-btn {
    display: none;
  }
}
#mobile-global {
  transition: all .3s ease;
  padding-bottom: 24px;
  border-bottom: 1px solid #D0D3D8;
  margin-bottom: 48px;
}
#mobile-global .version-and-toc {
  padding-left: 0;
}
#mobile-global .version-and-toc, #mobile-global #g-menu-btn, #mobile-global .dropdown {
    width: 100%;
}
#mobile-global #globaltoc {
  display: none;
}
#mobile-global ul {
  margin-left: 0 !important ;
}
#mobile-global ul, #mobile-global li {
    list-style: none;
}
#mobile-global .dropdown {
    margin-bottom: 16px;
}
#mobile-global #versions-dropdown {
    margin: 0;
}
#g-menu-btn, #menu-btn {
  /*color: #3e99bf;*/
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #D0D3D8;
  position: relative;
}
#g-menu-btn svg, #menu-btn svg{
  right: 21px;
  position: absolute;
}
#menu-btn #openMenu {
  display: none;
}
#g-closedMenu, #g-openMenu, #closedMenu, #openMenu {
  margin-left: 10px;
  margin-bottom: 3px;
}
@media (max-width: 767px){
  .nav-container {
    /* margin-left: 8px; */
    /* margin-right: 8px; */
    padding: 0 40px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
  }
  .version-and-toc, .sidebar-local, #localtoc  {
    width: 272px;
    line-height: 16px;
    padding-left: 16px;
    border-radius: 3px;
  }
  nav.navbar {
  width: 100%;
  }
  .sidebar-local li {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .025em;
    color: #484E54;
  }
  .version-and-toc #versions-dropdown {
    margin-left: 0;
  }
  #quickfind {
    text-align: center;
  }
  .breadcrumb-nav {
    border-bottom: 0;
    padding: 0 24px;
    justify-content: center;
  }
}
.colsection{
  padding-left: 1rem;
  margin-left: .3rem;
}
/*Dropdown*/
li.nav-dropdown, .navbar-nav a {
  font-weight: 300;
  letter-spacing: .025em;
  color: #646464;
}
.nav-dropdown {
  list-style: none;
}
#docs-and-search-bar .nav-dropdown::after {
  font-family:"FontAwesome";
  content: "\f107  ";
  font-size: 65%;
}
ul.nav-sub-menu {
  background: white;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 3px 1px rgba(0,0,0,.05);
  display: none;
  text-align: left;
  list-style-type: none;
  font-size: 1rem;
  position: absolute;

  border-top: none;
  background: #fff;
  color: #222;
  box-shadow: 0 0 5px rgba(0,0,0,.4);
  margin: 12px 0 0 -96px;

  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;


  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
ul.nav-sub-menu li {
  padding-top:.25rem;
}
ul.nav-sub-menu li:hover {
  background: #f8f8f8;
}
ul.nav-sub-menu > li > a{
  padding-right: 1rem;
  padding-left: 1rem;
}
ul.nav-sub-menu > li:hover > a{
  color:#098297;
}
.dropdown-menu-face {
  font-size: 14px;
  font-weight: 300 !important;
  height: 32px;
  color: #484E54;
  text-align: left;
  justify-content: left;
  padding-left: 8px;
}
.dropdown-angle {
  position: absolute;
  right: 0;
  margin-right: 8px;
  color: #057FAE;
  font-size: 16px !important;
}
/* -- Lightbox  --*/
.lightbox-opened {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  cursor: zoom-out;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  padding: 24px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}
.lightbox-opened img {
  box-shadow: 0 0 6px 3px #333;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 10%;
}
.no-scroll {
  overflow: hidden;
  height: 100%;
}
.version-select {
  width: 100% !important;
  margin-left: 0px;
  border: 1px solid #D0D3D8 !important;
  border-radius: 3px !important;
  background-color: #FFFFFF !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.version-and-toc .version-select {
  /* line-height: 32px; */
  height: 100%;
  padding-right: 0;
  text-align: left;
  position: relative;
}
.dropdown {
  height: 48px;
  margin-bottom: 15px;
}
.dropdown .fa-angle-down {
  margin-left: 20px;
  margin-right: 9px;
  /*color: #057FAE;*/
}
.version-select:hover {
  border: 1px solid #005CB9;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.1);
}
.version-select:focus {
  border: 1px solid #f36b10;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.1);
}
.version-and-toc .dropdown > .dropdown-menu .dropdown-item {
  display: block;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  white-space: nowrap;
  background: 0 0;
  border: 0;
}
.version-and-toc .dropdown > .dropdown-menu {
  width:100%;
  margin: 0;
  height: 50vh;
  overflow-y: scroll;
}
.version-and-toc .dropdown > .dropdown-menu .dropdown-item:hover {
  color: #FFFFFF;
  background-color: #005CB9;
}
.toc-collapsible-btn {
  margin-left: -32px;
  padding: 0;
  height: 15px;
  width: 32px;
  display: inline-block;
  border: none;
  background-color: transparent;
}
.interactive-example {
  display: inline-block;
  width: 100%;
  border: 1px solid lightgrey;
  border-radius: 8px;
  box-shadow: 4px 4px lightgrey;
  padding: 24px;
}
#unsupportedVersionsList {
  display: none;
  margin-left: 192px;
  margin-top: -26px;
  max-height: 192px;
  overflow: scroll;
}
#quickfind-container {
  display: none;
  height: 2rem;
  background-color: white;
  border: 1px solid #D0D3D8;
  border-radius: 3px;
  overflow: hidden;
}

/*Mid-Mobile*/
@media only screen and (max-width: 1178px) and (min-width: 551px){
  .sticky-sidebar {
    top: 136px !important;
  }
}
@media (min-width: 768px) {
  a.navbar-brand {
     margin: 3px 48px 4px 0;
  }
  .navbar-fixed-top {
    /* padding-left: 40px; */
  }
  #main .search-icon:before {
    right: 1rem;
  }
  .sidebar-local {
    width: 200px;
  }
  #page-buttons {
    justify-content: left;
    height: 32px;
    margin-bottom: 48px;
    margin-top: -5px;
  }
  .toc-collapsible-btn {
    background: white;
  }
  .toctree-l1 > .toc-collapsible-btn {
      display: none;
  }
  .collapsible::before {
    font-family:"FontAwesome";
    content: "\f107  ";
    font-size: small;
    padding-right: 8px;
  }
  #main .collapsible::before {
    font-size: large;
  }
  .collapsed::before {
    font-family:"FontAwesome";
    content: "\f105  ";
    font-size: m;
    padding-right: 8px;
  }
  /* Added these to create indents for nested lists in TOC*/
  .toctree-l2, .toctree-l3, .toctree-l4, .toctree-l5, .toctree-l6 {
    font-size: 1rem;
    margin-left: 1rem;
  }
  #localtoc {
    background: white;
    padding-right: 1rem;
  }
  div#menu-btn {
    display: none;
  }
  #localtoc > ul{
  display:block !important;
  }
  #app > .container {
    flex-direction: row;
    /*justify-content: center;*/
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
  }
  .navbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    border-bottom: 1px solid #DDD;
    width: 100%;
  }
  .search {
    width: 100%;
  }
  header > form {
    margin-right: initial;
    width: 100%;
  }
  #main {
    order: 2;
    max-width: 42rem;
    /*overflow: visible; */
    flex:1 1 15rem;
    margin-top: 48px;
  }
  div:target {
    padding-top: 128px;
    margin-top: -128px;
  }
  div.admonition.note, div.admonition.warning {
    /* background-color: #f8f8f8 !important; */
  }
  /*Level margin-top for page contents*/
  #main, .sticky-sidebar {
    margin-top: 48px;
  }
  .sticky-sidebar {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 136px;
    padding-bottom: 32px;
    /* height: 100%; */
  }
  .sidebar-global .dropdown > .dropdown-menu {
      margin: 0;
      height: fit-content;
      overflow-y: scroll;
      max-height: 50vh;
  }
  #localtoc > ul > li, #localtoc > ul > li > ul > li:nth-child(1) {
    padding-top: 0;
  }
  .sidebar-global {
    min-width: 200px;
    width: 280px;
    margin-left: auto;
  }
}
  #globaltoc .toctree-l2 {
    padding-left: 16px;
    /* padding-right: 16px; */
  }
  #globaltoc > ul > li > a {
    margin-right: 2.25rem;
    display: none;
  }
  #globaltoc ul, #localtoc ul {
    text-align: left;
  }
  .sidebar-global>ul {
    width: 18.75rem;
    padding-left: 2.25rem;
    margin-top: 2.25rem;
  }
  .sidebar-local {
    order: 3;
    background: transparent;
    margin-right: auto;
  }
  div#localtoc>div>ul>li>ul>li a.reference.internal {
    color: black;
  }
  dl {
    margin-left: 0rem;
  }
  /*Indent child props/functions */
  div > dl > dd > dl {
    margin-left: 2rem;
  }
  #globaltoc > ul >li.toctree-l1 {
    padding-bottom: 0;
  }
  #globaltoc > ul.current > li > ul {
    display: inline-block;
  }
  div.highlight {
    overflow-x: scroll;
  }
  #main .compound li {
  display: none;
  }
  .breadcrumb {
    margin: 0 24px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 65rem) {
  div.highlight {
    overflow: auto;
  }
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  * {
    -webkit-transition: none !important;
    transition: none !important;
  }
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2
  p.rubric,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3,
  p.rubric {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  header, footer,  .sidebar-global, .sidebar-local {
    display: none;
  }
  table {
    border-collapse: collapse !important;
  }
  table td,
  table th {
    background-color: #fff !important;
  }
  .navbar-search-form, #openmobilenav, #closemobilenav, .navbar-nav, .headerlink, .footer-site {
    display: none;
  }
   a[href]:after {
    content: none !important;
  }
  .navbar-fixed-top {
    position: static;
  }
  .nav-container {
    margin: 16px;
  }
  .breadcrumb-nav, #main, .navbar {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .breadcrumb-nav, .navbar {
    border-bottom: 1px solid #DDD;
  }
  h1 {
    padding-top: 0;
    margin-top: 16px;
    padding-bottom: 0;
    margin-bottom: 16px;
  }
  .breadcrumb-nav a::after {
    content: "•" !important;
  }
}