body,
html {
  background-color: #4689f4 !important;
}

body {
  padding-top: 75px;
  padding-bottom: 111px;
}

.swagger-ui .topbar {
  display: none;
}
.swagger-ui .info .title small.version-stamp {
  display: none;
}
.swagger-ui section.models.is-open {
  display: none;
}

.swagger-ui .information-container .main h2.title::before {
  content: '';
  display: block;
  margin: auto auto 0;
  height: 65px;
  background: url('/deephow-logo.png') no-repeat center #272727;
  background-size: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.swagger-ui .information-container section.block .info,
.swagger-ui .information-container section.block .info * {
  color: #fff;
  text-align: center !important;
}

.schemes .wrapper .block .col-12 div {
  display: none !important;
}

.swagger-ui .scheme-container {
  max-width: 1200px;
  margin-bottom: 21px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #272727 !important;
  display: inline-block;
  left: 50% !important;
  transform: translateX(-50%);
  padding: 21px 0 !important;
  bottom: 0;
  position: fixed;
  z-index: 999;
  box-shadow: 3px 3px 21px 6px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 3px 3px 21px 6px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 3px 3px 21px 6px rgba(0, 0, 0, 0.33);
}

.swagger-ui .btn.authorize {
  margin: 0 !important;
}

.swagger-ui .scheme-container .servers-title {
  display: none;
}

.swagger-ui .scheme-container .servers label[for='servers'] {
  display: none;
}

.swagger-ui .dialog-ux .modal-ux {
  position: fixed !important;
  left: 50% !important;
  top: -330px !important;
  transform: translate(-50%, -50%) !important;
  min-width: 300px;
}

@media screen and (max-width: 1221px) {
  .swagger-ui .scheme-container {
    margin: auto 21px 21px;
  }
}

.swagger-ui .info .title small {
  background: #82b1fb;
}

.swagger-ui .wrapper section.block.col-12.block-desktop.col-12-desktop {
  max-width: 1200px;
  margin: auto;
}

.swagger-ui .wrapper section.block.col-12.block-desktop.col-12-desktop .opblock-tag-section {
  background-color: #fff !important;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: solid 3px #c9c9c981 !important;
  margin-bottom: 15px;
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  .no-margin {
  margin: 9px 15px 0;
}

@media screen and (max-width: 600px) {
  .swagger-ui
    .wrapper
    section.block.col-12.block-desktop.col-12-desktop
    .opblock-tag-section
    .no-margin,
  .swagger-ui
    .wrapper
    section.block.col-12.block-desktop.col-12-desktop
    .opblock-tag-section
    .no-margin
    * {
    font-size: 12px !important;
  }
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  h3.opblock-tag {
  border-bottom: none !important;
  margin: 0 !important;
  padding-right: 9px !important;
}

.swagger-ui .opblock .opblock-section-header {
  border: dashed 1px #c9c9c9 !important;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.swagger-ui .opblock .tab-header .tab-item {
  cursor: initial !important;
}

.swagger-ui .opblock .tab-header .tab-item.active h4 span:after {
  background: none !important;
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section.is-open
  h3.opblock-tag {
  border-bottom: solid 1px #c9c9c966 !important;
  margin-bottom: 21px !important;
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  .no-margin
  .operation-tag-content
  span
  .opblock {
  transition: all 0.3s ease;
  box-shadow: 1px 1px 1px;
  background-color: #f9f9f9;
  border: solid 1px #c9c9c9;
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  .no-margin
  .operation-tag-content
  span
  .opblock
  .opblock-summary {
  border-color: #c9c9c9;
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  .no-margin
  .operation-tag-content
  span
  .opblock:hover,
.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  .no-margin
  .operation-tag-content
  span
  .opblock.is-open {
  box-shadow: 3px 3px 3px;
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  .no-margin
  .operation-tag-content
  span
  .opblock
  .opblock-summary {
  padding-right: 15px;
}

@media screen and (max-width: 600px) {
  .swagger-ui .opblock .opblock-summary-path {
    max-width: initial !important;
  }
}

.swagger-ui
  .wrapper
  section.block.col-12.block-desktop.col-12-desktop
  .opblock-tag-section
  .no-margin
  .operation-tag-content
  span
  .opblock
  .opblock-summary
  button {
  border: none !important;
  outline: none !important;
}
