body {
  margin: 0;
  padding: 0;
}

/* This alt hack depends on x-logo in swagger.yml,
 * if you have a better solution that let's us size
 * our own logo but not the logo in the navbar footer,
 * feel free to improve this.
 */
.menu-content img[alt="Kivra logo"] {
  padding: 20px 0 10px 20px;
  width: 130px;
  height: auto;
}

/* Callout boxes for <aside> blocks in the API description.
 * Redoc 2.x renders <aside> but ships no default styling for it. */
aside.notice,
aside.warning,
aside.success {
  display: block;
  padding: 12px 16px;
  margin: 16px 0;
  border-radius: 6px;
  border-left: 4px solid;
}

aside.notice {
  background-color: #e7f2fa;
  border-left-color: #2c7fb8;
}

aside.warning {
  background-color: #fdf2e2;
  border-left-color: #e8a33d;
}

aside.success {
  background-color: #e8f6ec;
  border-left-color: #3aa55d;
}