﻿.topbar-wrapper img[alt="Swagger UI"], .topbar-wrapper span {
  visibility: hidden;
}

.topbar-wrapper {
  background-image: url('./logo.png');
  background-repeat: no-repeat;
  background-size: 150px;
  height: 50px;
}



  /*.topbar-wrapper span:after {
    content: url('./logo.png');
    color: #fff;
    visibility: visible;
    display: inline-block;
    position: absolute;
    height: 49px;
    width: 200px;
    padding: 0px;
    top: 0px;
  }*/

/*.topbar-wrapper img {
  content: url('./logo.png');
}*/

  /*.topbar-wrapper img[alt="Swagger UI"] {
    content: url('./logo.png');
    color: #fff;
    visibility: visible;
    display: inherit;
    position: absolute;
    height: 49px;
    padding: 0px;
    top: 0px;
}*/

.topbar div {
  background-color: #6F6F6F
}

.swagger-ui {
  background-color: #ECECEC
}

.swagger-ui .topbar {
  background-color: #6F6F6F
}

.opblock-summary-method span {
  background-color: #6F6F6F
}

.swagger-ui .topbar .download-url-wrapper {
  display: flex;
  flex: 3;
  justify-content: flex-end
}

  .swagger-ui .topbar .download-url-wrapper input[type=text] {
    width: 100%;
    margin: 0;
    border: 2px solid #C4006B;
    border-radius: 4px 0 0 4px;
    outline: none
  }

.swagger-ui .topbar .download-url-wrapper .select-label {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin: 0;
  color: #f0f0f0
}

.swagger-ui .topbar .download-url-wrapper .select-label span {
  font-size: 16px;
  flex: 1;
  padding: 0 10px 0 0;
  text-align: right
}

  .swagger-ui .topbar .download-url-wrapper .select-label select {
    flex: 2;
    width: 100%;
    border: 2px solid #C4006B;
    outline: none;
    box-shadow: none
  }

  .swagger-ui .topbar .download-url-wrapper .download-url-button {
    font-size: 16px;
    font-weight: 700;
    padding: 4px 30px;
    border: none;
    border-radius: 0 4px 4px 0;
    background: #C4006B;
    font-family: sans-serif;
    color: #fff
  }

.swagger-ui .btn.authorize {
  color: #C4006B;
  border-color: #C4006B;
}

.swagger-ui .btn.authorize svg {
  fill: #C4006B;
}

