@import "tenant.css";

/* Bar with possibility to specify custom swagger location */
#swagger-ui div.topbar {
  display: none;
}

/* We need wider document for swagger ui page */
div.body {
  max-width: 1460px;
}

div.document {
  width: initial;
  max-width: 1740px;
}

/* Fix collisions with Alabaster theme CSS */
.swagger-ui pre {
  background: initial;
}

.swagger-ui pre.microlight code {
  color: #fff;
  background: #333;
}
/**/

/* Alabaster theme tuning */
.menuselection{
  border-bottom: dotted 1px black;
  font-style: italic;
}

.guilabel{
  font-style: italic;
}

div.admonition-todo {
  background-color: yellow;
}

.code-block-caption {
  background-color: #d0d0d0;
}

.code-block-caption span.caption-text {
  font-size: large;
}

/* Common look */
div.sphinxsidebar a {
  border-bottom: none;
}

a.reference,
a.reference:hover,
div.sphinxsidebar a:hover{
  border-bottom: none;
}

div.sphinxsidebar ul ul {
  list-style-type: none;
}

div.sphinxsidebar div.sphinxsidebarwrapper ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.sphinxsidebar h3 {
  display: none;
}

.sphinxsidebar h3#searchlabel {
  display: block;
}

.sphinxsidebar .caption {
  font-size: 10px;
  text-transform: uppercase;
}

/* Fix swagger ui broken by tenant.css */
.swagger-ui a {
  color: #3b4151;
}

/* Swagger UI theme change */


#swagger-ui .swagger-ui .model .prop .renderedMarkdown {
  font-weight: 400;
  color: #666;
}

div#swagger-ui .swagger-ui .markdown code,
div#swagger-ui .swagger-ui .renderedMarkdown code {
  font-weight: 400;
  font-size: inherit;
}

/* Hide header in PWA url OAS document */
#swagger-ui .info{
  display: none;
}

.success code span.pre {
  color: #4CAF50;
  background-color: #E8F5E9;
  padding: 4px;
  border-radius: 4px;
}

.failure code span.pre {
  color: #E53935;
  background-color: #FEEBEE;
  padding: 4px;
  border-radius: 4px;
}

.processing code span.pre {
  color: #F57C00;
  background-color: #FFF3E0;
  padding: 4px;
  border-radius: 4px;
}

.swagger-container .swagger-ui .scheme-container {
  margin: 4em 0 0 0;
  padding: 0;
  background: transparent;
  box-shadow: None;
}

.change-log-add, .change-log-del, .change-log-mod, .change-log-depr, .change-log-ui, .change-log-url, .new-label {
  color: white;
  padding: 0px 3px;
  border-radius: 3px;
  margin-right: 5px;
}

.change-log-add {
  background-color: green;
}

.change-log-del {
  background-color: red;
}

.change-log-mod {
  background-color: blue;
}

.change-log-depr {
  background-color: gray;
}

.change-log-ui {
  background-color: darkorange;
}

.change-log-url {
  background-color: brown;
}

.new-label {
  background-color: red;
}

/* Fix for images in tables - otherwise the evenly sized images in one table row are rendered with different dimensions
 for example in https://developers.carpentum.tech/api/payin-methods.html#convenience-store-payment
 */
table.docutils img {
    max-width: max-content;
}