body#docs #header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  padding: 0 25px;
  box-shadow: 0 0 7px 0 #b7b7b7;
  z-index: 500;
  height: 50px;
  border-bottom: thin solid #e5e5e5;
  box-sizing: border-box;
}
body#docs #header #nav > * {
  margin-right: 12px;
}
body#docs #header #nav > *#mobileNav {
  display: none;
}
body#docs #toc {
  box-sizing: border-box;
  padding: 40px 25px;
  height: calc(100vh - 50px);
  position: fixed;
  left: 0;
  top: 50px;
  z-index: 10;
  overflow-y: scroll;
  overflow-x: hidden;
  background: rgb(248, 250, 252);
  width: 300px;
}
body#docs #toc .close {
  display: none;
}
body#docs #toc > * {
  margin-bottom: 16%;
}
body#docs #toc .tocSec > span {
  font-weight: bold;
  font-family: SFSans;
}
body#docs #toc .tocSec ul {
  border-left: 2px solid #e9e9e9;
  margin-top: 8%;
}
body#docs #toc .tocSec ul li {
  padding: 4%;
}
body#docs #toc .tocSec ul li:first-child {
  padding-top: 2%;
}
body#docs #toc .tocSec ul li:last-child {
  padding-bottom: 2%;
}
body#docs #toc .tocSec ul li a {
  color: #97a3b4;
}
body#docs #toc .tocSec ul li a:hover {
  color: var(--primary);
}
body#docs #toc .tocSec ul li a.active {
  font-family: SFSans;
  font-weight: bold;
  color: var(--primary);
}
body#docs #content {
  margin-top: 50px;
  box-sizing: border-box;
  padding: 40px 25px;
  margin-left: 300px;
  overflow-x: hidden;
  line-height: 1.7;
}
body#docs #content iframe {
  border: thin solid #adadad;
}
body#docs #content > * {
  margin-bottom: 5%;
}
body#docs #content .tocSecTitle {
  font-family: SFSans;
  font-weight: bold;
}
body#docs #content .title {
  font-family: SFSans;
  font-size: 2em;
}
body#docs #content img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
body#docs #content img.db {
  border: thin solid #e1e1e1;
  width: 100%;
  max-width: 800px;
}
body#docs #content img.border {
  border: thin solid #e1e1e1;
}
body#docs #content .nav {
  margin: 3% 0 0;
}
body#docs #content .nav a {
  margin-right: 3%;
}