html,
body {
  font-family: "Open Sans", san-serif, arial;
  font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
}

.top-band {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 90px;
  padding: 5px;
  background-color: #f8f7f7;
  background-color: #113e5b;
  border: 1px solid #ddd;
  z-index: 1000;
}

.toc-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ededed;
  font-size: 13px;
}

.toc-wrapper ul,
.toc-wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 36px;
}

.toc-wrapper a {
  padding: 0 15px 0 15px;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
}

.toc-wrapper a.active {
  color: white;
  -webkit-box-shadow: 0px 0px 0px black;
  -moz-box-shadow: 0px 0px 0px black;
  box-shadow: 0px 0px 0px black;
  background-color: #2e8fda;
  background-color: #94b894;
}

.toc {
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 20px;
}

.toc .level-2 a {
  padding-left: 30px;
}

.page-wrapper {
  z-index: 10;
  background-color: white;
  min-height: 100%;
  border-left: 1px solid #e3e0de;
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    #fff 0%,
    #fff 50%,
    #38434d 50%,
    #38434d 100%
  );
}

section {
  border-top: 1px solid rgba(175, 175, 175, 0.3);
  margin-bottom: 20px;
}
section.sub {
  border-top: 0;
}

.section-title {
  padding-top: 20px;
}
section.sub .section-title {
  padding-top: 0px;
}
section.sub .section-title h3 {
  margin-top: 0px;
}

.example-box {
  background-color: #38434d;
  padding: 20px;
  padding-top: 0px;
}

.content-box {
  padding: 20px;
  padding-top: 0px;
}
.content-box p code {
  color: #606060;
}

.example-box pre,
.example-box blockquote,
.example-box p {
  background-color: #38434d;
  color: #c9cdd0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
}
.example-box code,
.content-box code,
.example-box pre {
  font-family: Monaco, "Courier New", monospace;
  font-size: 12px;
}

.example-box h4,
.example-box h3 {
  margin-top: 0px;
  color: #619bc2;
  text-transform: uppercase;
  font-size: 1em;
  color: #e6e6e6;
  font-weight: 500;

}
.example-box p code {
  background-color: #2f3841;
  color: #a0a0a0;
}

h1 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 20px;
}

h2 {
  font-size: 1.5em;
  clear: both;
  margin-bottom: 20px;
}

h3 {
  font-size: 1.2em;
  clear: both;
  margin-bottom: 20px;
}

div#spacer-top {
  position: relative;
  display: block;
  padding-top: 60px;
  height: 0;
}
div.anchor {
  position: relative;
  display: block;
  padding-top: 75px;
  margin-top: -60px;
  height: 0;
}
div.anchor.sub {
  padding-top: 115px;
  margin-top: -100px;
}

table.table {
  margin-bottom: 0px;
  margin-top: 20px;
}
table.table thead th {
  white-space: nowrap;
  padding-right: 20px;
  font-weight: 600;
}
table.table thead th.table-title {
  text-transform: uppercase;
  color: #999;
  font-weight: 500;
  border-bottom: 0;
}
table.table thead th.col-title {
  white-space: nowrap;
  padding-right: 20px;
  font-weight: 600;
  border-top: 0;
}


.nav-link {
  color: #94B894;
  cursor: default;
  background-color: transparent;
  border: 0;
  display: block;
  padding: 10px 15px;
}
.nav-link:hover {
  color: #c9cdd0;
  background-color: transparent;
  border: 0;
}
.nav-link.active {
  color: #c9cdd0;
  cursor: default;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #696
}
.nav-tabs {
  border-bottom: 1px solid rgba(150, 150, 150, 0.3);
}
.nav-tabs > li > a {
  color: #94b894;
  border: 0;
}
.nav-tabs > li > a:hover {
  color: #c9cdd0;
  background-color: transparent;
  border: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #c9cdd0;
  cursor: default;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #94b894;
}
.tab-content {
  margin-top: 20px;
}

.mgn-t-20 {
  margin-top: 20px;
}