.dev-table {
  display: grid;
  grid-gap: 5px;
  line-height: 150%;
  overflow: auto;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 4px #efefef;
  margin-top: 10px;
  margin-bottom: 10px;
}
.dev-table .dev-endpoints {
  display: grid;
  grid-gap: 5px;
  padding-top: 5px;
}
.dev-table .dev-endpoints .dev-endpoint {
  display: grid;
  /*grid-auto-flow: column;*/
  grid-gap: 5px;
  grid-template-columns: 1fr max-content 100px max-content;
  padding: 5px 10px;
}
.dev-table .dev-endpoints .dev-endpoint.dev-header {
  font-family: var(--font-medium);
  border-bottom: 1px solid #d5d5d5;
}
.dev-table .dev-endpoints .dev-endpoint:not(.dev-header):nth-of-type(odd) {
  background-color: #f9f9f9;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.dev-table .dev-endpoints .dev-endpoint:not(.dev-header):last-of-type {
  border-bottom: none;
}
.dev-table .dev-endpoints .dev-endpoint .colspan-all {
  grid-column-start: 1;
  grid-column-end: 4;
}
.dev-table .dev-endpoints .dev-endpoint .access-icon {
  color: #60ba60;
}
.dev-table .dev-endpoints .dev-endpoint .no-access {
  color: #777777;
}
.dev-table .dev-endpoints .dev-endpoint .menlo {
  font-family: var(--font-medium);
  color: #555555;
  font-size: 11px;
}
.dev-table .dev-endpoints .dev-endpoint .operation-name {
  margin-top: 2px;
  font-family: var(--font-medium);
}
.dev-table .dev-endpoints .dev-endpoint .method {
  font-family: var(--font-medium);
  font-size: 10px;
  color: white;
  border: 1px solid;
  padding: 2px 4px;
  border-radius: 3px;
  margin-right: 2px;
  display: none;
}
.dev-table .dev-endpoints .dev-endpoint .method.POST {
  background-color: #49cc90;
  border-color: #49cc90;
}
.dev-table .dev-endpoints .dev-endpoint .method.GET {
  background-color: #61affe;
  border-color: #3896f5;
}
.dev-table .dev-endpoints .dev-endpoint .data-tables {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.dev-table .dev-endpoints .dev-endpoint .data-tables a {
  display: inline-block;
  height: max-content;
  border: 1px solid #b3b3b3;
  padding: 0px 5px;
  font-size: 11px;
  color: #555555;
  background-color: white;
  border-radius: 3px;
  font-family: var(--font-medium);
  margin: 2px;
  box-shadow: 2px 2px 4px #f7f7f7;
}
.dev-table .dev-endpoints .dev-endpoint .data-tables a:hover {
  border-color: #1493ff;
  color: #1493ff;
}
.dev-table .dev-endpoints .dev-endpoint .data-tiers .only-tier {
  color: #919191;
}
.json-preview-container pre {
  overflow-x: auto;
  padding: 16px;
  background: #0d1117;
  /* dark background */
  color: #c9d1d9;
  /* base text color */
  border-radius: 0px;
  font-family: Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.5;
  white-space: pre;
  /* Preserve indentation */

}
.json-preview-container .sc_key {
  color: #79c0ff;
  /* light blue keys */

}
.json-preview-container .sc_attr {
  color: #a5d6ff;
  /* pale blue strings */

}
.json-preview-container .sc_toolname {
  color: #d2a8ff;
  /* purple (tool names) */

}
.json-preview-container .sc_bool {
  color: #ffa657;
  /* orange for true/false/null */
  font-weight: bold;
}
.json-preview-container .sc_tag {
  color: #8b949e;
  /* gray for pseudo-HTML */

}
.json-preview-container .sc_ellipsis {
  color: #6e7681;
  font-style: italic;
}
.coverage-leagues {
  display: flex;
  flex-wrap: wrap;
}
.coverage-leagues .coverage-league {
  display: inline-block;
  border: 1px solid #999999;
  color: #444444 !important;
  margin: 3px;
  padding: 3px 10px;
  border-radius: 3px;
  font-family: var(--font-medium);
  box-shadow: 1px 1px 2px #eeeeee;
}
.coverage-leagues .coverage-league:hover {
  color: white !important;
  background-color: #1493ff;
  border-color: #1565c0;
}