/* `imporant!`s here to override the defaults from swagger css, please don't use unless necessary */
body {
  background: #eee;
  padding-top: 35px;
}
body #header {
  background-color: #07171C !important; /* --grey95 in the frontend */
  padding: 8px !important;
  height: auto !important;
}
#swagger-ui-container {
  background: white;
  padding: 10px 30px 40px;
}
.header-swagger {
  display: flex;
  justify-content: space-between;
}
.swagger-section #header a#logo {
  display: flex;
  align-items: center;
  margin-left: -8px; /* manually set to left-align header content with body content */
  padding: 0 !important;
}
.logoImg {
  height: 30px;
  margin-right: 8px;
}
body #header form#api_selector .input a#explore {
  background-color: #56bc76;
}
.model-signature {
  white-space: normal;
}
a {
  color: #618fb0;
}
/* Style descriptions different than model names */
.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 {
  font-style: italic;
  font-size: 14px;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 a {
  color: #000;
  font-size: 18px;
  text-decoration: underline;
  font-style: normal;
}
.swagger-section .options .toggleEndpointList {
  /* Hide "Show/Hide", which is redundant */
  display: none;
}
.operation-params td:nth-of-type(3) {
  white-space: pre-wrap;
  width: 540px;
}
.operation-params td.required ~ td:nth-of-type(3) {
  /* Something in the templates screws up the whitespace on required attributes with
  an embedded <strong>. This fixes it, but you can't use line breaks on required attributes. Go figure */
  white-space: normal;
}
.swagger-section #header form#api_selector .input {
  display: none;
}
#api_selector .username {
  color: white;
  line-height: 30px;
}
#api_selector a {
  color: #5ec6e8;
}
/* Collapse error responses */
.operation-status .model-signature .json {
  white-space: normal;
}
.swagger-section .swagger-ui-wrap .model-signature pre {
  height: auto;
}

/* Fix headers */
.info_description h1, .info_description h2, .info_description h3,
.info_description h4, .info_description h5, .info_description h6 {
  margin: 1em 0;
  font-weight: bold;
  line-height: 100%;
  color: black !important;
}
.info_description h1 { font-size: 2em !important; margin: 0.67em 0; }
.info_description h2 { font-size: 1.8em !important; margin: 0.67em 0; }
.info_description h3 { font-size: 1.67em !important; }
.info_description h4 { font-size: 1.5em !important; }
.info_description h5 { font-size: 1.3em !important; }
.info_description h6 { font-size: 1.1em !important; }
.info_description li > p {
  padding: 0 !important;
}

.markdown ul ul {
  margin: 0 !important;
}
.markdown li {
  font-size: 96%;
}
.markdown code {
  font-size: inherit;
  color: #31708f !important;
  background-color: #d9edf7 !important;
}
/* Large code blocks should just have the default yellow */
.markdown pre > code {
  background: none !important;
  color: #000 !important;
}

.content > .markdown {
  border-bottom: 1px solid #888;
  padding-bottom: 5px;
  margin-bottom: 5px;
}


/* Useless */
.info_email, .info_title, #message-bar { display: none; }