.card {
  border-radius: 0;
  margin-bottom: 15px;
  border-color: #2C3E50; }
  .card:last-of-type {
    margin-bottom: 0; }
  .card .card-header {
    background-color: #2C3E50;
    color: #fff;
    border: none;
    border-radius: 0; }
    .card .card-header a {
      font-size: 28px;
      font-weight: bold;
      color: #fff; }
    .card .card-header p {
      margin: 0; }

div[id$="endpoints"] .card {
  border-color: #ced4da; }
  div[id$="endpoints"] .card .card-header {
    position: relative;
    padding: 5px 5px 5px 65px;
    background-color: #ecf0f1;
    color: #000; }
    div[id$="endpoints"] .card .card-header span.http {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 100%;
      padding: 20px 5px;
      text-align: center;
      font-weight: bold;
      line-height: 16px;
      color: #fff; }
      div[id$="endpoints"] .card .card-header span.http.get {
        background-color: #fd7e14; }
      div[id$="endpoints"] .card .card-header span.http.post {
        background-color: #20c997; }
    div[id$="endpoints"] .card .card-header a {
      font-size: 18px;
      font-weight: bold;
      color: #000; }
    div[id$="endpoints"] .card .card-header span.endpoint {
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px 15px; }
    div[id$="endpoints"] .card .card-header p {
      margin: 0; }

code {
  font-family: Consolas;
  font-weight: bold;
  color: #3498DB; }
  code .type {
    color: #3498DB;
    font-weight: bold; }

pre.code-block {
  max-height: 200px;
  padding: 15px;
  border: solid 1px #ced4da;
  background-color: #f8f9fa; }
  pre.code-block code {
    font-weight: normal; }