/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 body {
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
 }

/* Retirement notice for this documentation, see issue #2785.
   The banner is taken out of the flow, so --np-banner-h is what reserves room
   for it: the page padding, the top of the fixed sidebar, the offset the page
   header sticks at and the anchor scroll padding all come from it. It therefore
   has to equal the height the banner actually renders at. The min-height on the
   inner box holds the banner at exactly that height, and each breakpoint below
   is a width where the notice reflows onto one more line, so its value is the
   height of the notice over that whole range. The breakpoints sit a little
   above the widths where the notice really reflows, because a classic scrollbar
   narrows the banner without narrowing the width a media query sees; erring
   that way reserves a few pixels too many rather than too few. Re-measure all
   four if the copy, the font or the padding changes. */
:root {
  --np-banner-h: 62px;
}

html {
  scroll-padding-top: var(--np-banner-h);
}

#app-container {
  padding-top: var(--np-banner-h);
}

/* fixed rather than sticky: below 718px #page-content-wrapper is taken out of
   the flow, which leaves the banner's containing block too short to stick in */
.np-deprecation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* above the page header, so the notice is never covered; below the sidebar,
     so its search stays on top */
  z-index: 1500000;
  background: #fef6e0;
  border-bottom: 1px solid #ebc66a;
  box-shadow: inset 0 3px 0 #e0a22e;
}

.np-deprecation__inner {
  box-sizing: border-box;
  min-height: calc(var(--np-banner-h) - 1px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.np-deprecation__icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: #b45309;
}

.np-deprecation__text {
  margin: 0;
  flex: 1 1 340px;
  font-size: 14px;
  line-height: 1.45;
  color: #5c3d06;
}

.np-deprecation__text strong {
  font-weight: 600;
  color: #4a3005;
}

.np-deprecation__cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #0071bb;
  border: 1px solid #005b96;
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  padding: 7px 14px;
  border-radius: 4px;
  white-space: nowrap;
}

.np-deprecation__cta:hover,
.np-deprecation__cta:focus,
.np-deprecation__cta:visited {
  background: #005b96;
  color: #fff;
  text-decoration: none;
}

/* Narrow viewports: the call to action drops onto its own full-width row. */
@media (max-width: 864px) {
  :root {
    --np-banner-h: 106px;
  }

  .np-deprecation__inner {
    align-items: flex-start;
    align-content: center;
  }

  .np-deprecation__text {
    flex: 1 1 0;
    min-width: 0;
    font-size: 13px;
  }

  .np-deprecation__cta {
    flex: 0 0 100%;
    justify-content: center;
  }
}

@media (max-width: 565px) {
  :root {
    --np-banner-h: 125px;
  }
}

@media (max-width: 406px) {
  :root {
    --np-banner-h: 144px;
  }
}

@media print {
  #app-container {
    padding-top: 0;
  }

  .np-deprecation {
    position: static;
  }
}

/* Toggle Styles */

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 2000000;
  position: fixed;
  top: var(--np-banner-h);
  left: 250px;
  width: 0;
  height: calc(100% - var(--np-banner-h));
  margin-left: -250px;
  overflow-y: auto;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  background-color: #ebebeb;
}
.anchor {
  position: relative;
  top: -185px;
  visibility: hidden;
  display: block;
}
.anchor.lower {
  top: -85px;
}
.tabs {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.tab-buttons {
  display: flex;
}
.tab {
  flex: 1;
  display: flex;
  height: 40px;
  font-weight: bold;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid transparent;
}
.tab.active {
  border-bottom: 2px solid #0070ba;
}
.tab:not(.active) {
  cursor: pointer;
}
.example.nonvisible {
  display: none;
}
.page-header-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: white;
  margin: 0;
  position: sticky;
  top: var(--np-banner-h);
  z-index: 1000000;
  padding: 0;
}
.page-header {
  flex: 1;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-bottom: none;
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  border-top: 3px solid #0070ba;
  padding-left: 16px;
  padding-right: 16px;
}
.not-last-link {
  padding-right: 16px;
}
.api-header-visible {
  display: flex;
}
.api-header-nonvisible {
  display: none;
}
.version-date {
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
}
.water-mark {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
}
.empty-params {
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-bottom: 24px;
}
.empty-params-pre {
  display: inline;
  padding: 1px;
  margin: 0;
  margin-left: 8px;
}
.static-data-content {
  text-align: justify;
}
.version-banner {
  background-color: white;
  height: 100px;
  font-size: 25px;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.nonvisible-api-header {
  display: none;
}
.container-fluid {
  padding-left: 16px;
  padding-right: 16px;
}
.current-api-header {
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
}
.header-links {
  display: none;
}
.menu-button {
  display: block;
  position: absolute;
  left: 0px;
  top: 3px;
  height: 67px;
  width: 70px;
  background-color: transparent;
  border: none;
}
.menu-back-button {
  background-color: transparent;
  border: none;
  display: block;
}
#sidebar-wrapper.mobile-visible-sidebar[class] {
  width: 275px;
}
#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
  width: 275px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 25px;
  line-height: 25px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: black;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  background-color: #eee;
}

.sidebar-nav > .active a {
  color: #333;
  background-color: #eee;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-category {
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  color: black;
  cursor: pointer;
  position: relative;
}
.sidebar-method {
  font-size: 14px;
}
.sidebar-method[class] a {
  color: #555;
}

.sidebar-method.active[class] a {
  color: black;
}
.sidebar-method[class] a:hover {
  color: black;
}
.icon{
  position: absolute;
  top: 11px;
  right: 20px;
  height: 100%;
  font-size: 30px;
}
.icon.open{
  right: 20px;
  top: -13px;
  transform: rotate(90deg);
}
.error-pre {
  margin-left: -80px;
  margin-top: -20px;
}

.sidebar-method {
  display: none;
}

@media(min-width:718px) {
  #wrapper {
    padding-left: 275px;
  }

  #wrapper.toggled {
    padding-left: 0;
  }

  #sidebar-wrapper {
    width: 275px;
  }

  #wrapper.toggled #sidebar-wrapper {
    width: 0;
  }

  #page-content-wrapper {
    position: relative;
  }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
  .container-fluid {
    padding-left: 125px;
    padding-right: 125px;
  }
  .current-api-header {
    padding-left: 125px;
    padding-right: 125px;
  }
  .page-header {
    padding-left: 125px;
    padding-right: 125px;
    justify-content: space-between;
  }
  .header-links {
    display: block;
  }
  .version-date {
    padding-left: 125px;
    padding-right: 125px;
  }
  .water-mark {
    padding-left: 125px;
    padding-right: 125px;
  }
  .menu-button {
    display: none;
  }
  .menu-back-button {
    display: none;
  }
}

.schema-title {
  margin-top: 48px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.schema-description {
  font-size: 18px;
  margin-top: 4px;
  color: #999999;
}
.method {
  background-color: #fff;
  margin-top: 16px;
  border: 1px solid #dadada;
}
.card-header {
  padding: 24px 24px 0 24px;
  display: flex;
  align-items: center;
}
.method-version {
  color: gray;
}
.card-block > :not(.table-responsive):not(.examples) {
  padding: 0 24px 0 24px;
}
.internal {
  background-color: #ffff88;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.02);
}
.table-hover>tbody>tr:hover {
  background: rgba(0, 0, 0, 0.04);
}
.method-badge {
  margin-right: 8px;
  border-radius: 2px;
  background-color: #0070ba;
  color: white;
  font-weight: bold;
  padding: 3px 8px 3px 8px;
  font-size: 12px;
  height: fit-content;
}
.deprecated {
  background-color: #f24535;
}
.method-name {
  font-size: 22px;
  font-weight: bold;
}
.method-permissions {
  font-size: 12px;
  color: gray;
  margin-left: 16px;
  flex: 1;
}
.params-group-name {
  font-size: 16px;
  font-weight: bold;
}
.error-table-header {
  padding-top: 8px;
  padding-left: 24px;
  padding-right: 24px;
}
.examples-title {
  font-size: 22px;
  padding-left: 24px;
  padding-right: 24px;
}
.example-group {
  font-size: 18px;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
}
.example-number {
  padding-top: 8px;
  padding-left: 24px;
  padding-right: 24px;
}
.example-tag {
  font-size: 14px;
  color: #0070ba;
}
.example-pre {
  border: none;
  border-left: 2px solid #0070ba;
  border-radius: 0px;
  background-color: #333;
  color: white;
  font-weight: bold;
}
.parent {
  cursor: pointer;
}
.visible {
  display: block !important;
}
.non-visible {
  display: none !important;
}
.column-header {
  font-size: 16px;
}
.visible-link {
  display: flex;
  align-items: center;
  margin-left: 8px;
  color: gray;
  text-decoration:none;
}
.visible-link:active {
  color: gray;
  text-decoration:none;
}
.visible-link:hover {
  color: gray;
  text-decoration:none;
}
.visible-link:visited {
  color: gray;
  text-decoration:none;
}
.italic-name {
  font-style: italic;
}
.name-column {
  margin-left: 12px;
  white-space: nowrap;
  min-width: 205px;
  width: 205px;
}
.code-column {
  width: 200px;
  min-width: 200px;
  font-weight: bold;
}
.sign-column {
  white-space: nowrap;
  min-width: 20px;
  max-width: 20px;
  width: 20px;
}
.bold-name {
  font-weight: bold;
}
.non-visible-sublink {
  display: none;
}
.non-visible-row {
  display: none;
}
.non-visible-row-recursive {
  display: none;
}
.sign:before {
  font-weight: normal;
  margin-left: -15px;
  color: #0070ba;
  font-size: 18px;
  margin-right: 4px;
}
.plus:before {
  content: "+";
}
.minus:before {
  content: "\2013";
  margin-right: 5px;
}
.type-column {
  min-width: 125px;
  max-width: 125px;
  width: 125px;
}
.description-column {
  width: 75%;
}

h1 {
  font-size: 42px;
  line-height: 50px;
  margin: 75px 0px 0px 0px;
}

h2 {
  font-size: 22px;
  line-height: 25px;
  margin: 0px;
  padding: 12.5px 25px 12.5px 25px;
}

h3 {
  font-size: 22px;
  line-height: 25px;
  margin: 40px 0px 10px 0px;
}

h4 {
  font-size: 18px;
  line-height: 25px;
  margin: 0px;
  margin: 20px 0px 5px 0px;
}

h5 {
  font-size: 14px;
  line-height: 25px;
  margin: 0px;
  padding: 6px 0px 3px 0px;
}

.panel-primary, .panel, .list-group-item {
  background-color: #ebebeb;
  border: none;
}

.panel {
  margin-bottom: 25px;
  margin-top: 25px;
}

.panel-body, .list-group-item {
  padding: 0px;
}
.panel-primary > .panel-heading {
  background-color: transparent;
  color: #333;

  border: none;
}

.panel-heading {
  border-radius: 3.3px;
  padding: 0px;
}
.panel-heading>h2 {
  padding: 0;
  font-size: 33px;
}

.btn {
  line-height: 25px;
  padding: 0px 10px 0px 10px;
}

.btn-info {
  background-color: #9E8DAA;
  border: none;
}

.btn-info:hover {
  background-color: #524A59;
  border: none;
}

.label-success {
  float: left;
  margin: 2px 9px 0px 0px;
  font-size: 60%;
  padding: .3em .5em .3em;
  background-color: #8AEA92;
  border: none;
}

p {
  margin: 0px;
  line-height: 25px;
}

pre {
  padding: 12.5px;
  margin: 0px;
}

.table {
  padding: 0px;
  margin: 0px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  vertical-align: middle;
  padding: 12.5px 25px 12.5px 25px;
}
td:first-child {
  padding-left: 25px;
}

.constraints {
  list-style: none;
  padding-left: 0px;
  line-height: 25px
}

.search {
  display: flex;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 1000000;
  border-bottom: 1px solid #dedede;
  background: #fff;
  padding: 4px;
}

.search > input {
  margin-left: 8px;
  background: #fff;
  width: 100%;
  height: 25px;
  outline: none;
  color: #333;
  border: none;
}

code {
  max-height: 16.66667em;
  max-width: 30em;
  overflow: scroll;
  white-space: pre;
}

li.read-only {
  font-weight: bolder;
  font-style: italic ;
}
.current-api-name {
  margin: 0;
}
.current-api-endpoint {
  margin-top: 8px;
  font-size: 12px;
  padding: 6px 12.5px 6px 12.5px;
}