body {
  padding-top: 60px;
  padding-bottom: 40px;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}

h4 {
  padding-top: 10px;
}
.example + .code {
  margin-top: -20px;
  border: 1px solid #e1e1e8;
  background-color: #f7f7f9;
}

/* Base class */
.example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* Echo out a label for the example */
.example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/*
.gist .line-numbers {
  display: none;
}
*/
.gist-meta {
  display: none;
}

.gist .gist-file .gist-data {
  background-color: #f0f0f0 !important;
  padding-left: 1em !important;
  border: none !important;
}

.gist .gist-file {
  border: none !important;
}

@media (max-width: 980px) {
  /* Enable use of floated navbar text */
  .navbar-text.pull-right {
    float: none;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.bs-docs-nav {
  background-color: #252A3A;
}

.bs-docs-nav .navbar-nav > li > a {
  color: #999;
  font-size: 17px;
}

.bs-sidebar.affix .bs-sidenav {
  font-size: 15px;
}

.btn-margin {
  margin-left: 10px;
}

.graph {
  padding-top: 10px;
  margin-left: 10px;
}