/* Overriding bootstrap stuff */
body {
  padding-top: 60px;
  padding-bottom: 50px;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
}

@media (min-width: 900px) {
  .dl-horizontal dt {
    float: left;
    width: 10rem;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 11rem;
  }
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
  display: table;
  content: " ";
}

.dl-horizontal dd:after {
  clear: both;
}

.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus {
  color: #000;
  background-color: #a7b5e0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem 0.25rem 0 0;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
  background-color: #dddddd;
  border-bottom-color: transparent;
}

.json-key {
  color: brown;
}

.json-value {
  color: olive;
}

.json-string {
  color: navy;
}

.grid-title {
  background-color: #b7c5f0;
}

.val-fixed {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: smaller;
}

.event-desc {
  padding: 0 15px 5px 15px;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.events {
  color: #3C763D !important;
  background-color: #DFF0D8 !important;
}

.border-events {
  border-color: #DFF0D7 !important;
}

.validators {
  color: #8A6D3B !important;
  background-color: #FCF8E3 !important;
  padding: .375rem .75rem !important;
}

.border-validators {
  border-color: #FAEBCC !important;
}

.bg-examples {
  background-color: #337AB6 !important;
}

.border-examples {
  border-color: #337AB6 !important;
}

.show-grid {
  border-bottom: 1px solid #ddd;
  padding-top: 2px;
  padding-bottom: 2px;
}

.show-grid-title {
  background-color: #eee;
  border-bottom: 2px solid #666;
}

pre code {
  background-color: transparent;
}
code {
  padding: 2px 4px;
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
  background-color: #f9f2f4;
  border-radius: 4px;
}

.table th,
.table td {
  padding: 0.5rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.mt-v { /* validator badge margin */
  margin-top: 0.20rem !important;
}