@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700");

.topbar {
    background-color: #1F497C !important;
}

.topbar-wrapper img[alt="Swagger UI"] {
    content: url("../images/Instem_Logo_White.svg") !important;
}


.topbar-wrapper .link:after {
    background-color: #4F6EA3 !important;
    visibility: visible;
    display: block;
    position: absolute;
    padding: 15px;
}

.swagger-ui .info li, .swagger-ui .info p, .swagger-ui .info table {
    font-family: Montserrat, sans-serif !important;
    font-weight: 400;
    line-height: 1.5em;
}


.swagger-ui .topbar .select-label select {
    color: #DEE2E6 !important;
    background-color: #4F6EA3 !important;
    border: 2px solid #4F6EA3 !important;
}

.swagger-ui .topbar .select-label {
    color: #DEE2E6 !important;
}

.swagger-ui .info .title {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 1.85714em;
    line-height: 1.6em;
    color: #1F497C;
    margin-top: 0px;
    margin-bottom: 0.5em
}


.swagger-ui .info h1 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 1.57143em;
    line-height: 1.6em;
    color: #1F497C;
}

.swagger-ui code {
    color: #EB5757 !important;
    background-color: rgba(38, 50, 56, 0.05) !important;
    font-family: Courier, monospace !important;
    border-radius: 2px !important;
    border: 1px solid rgba(38, 50, 56, 0.1) !important;
    padding: 0px 5px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    word-break: break-word !important;
}

.swagger-ui .scheme-container {
    background: transparent;
}

.swagger-ui .opblock-tag {
    display: flex !important;
    flex-direction: column;
    font-family: Montserrat, sans-serif;
}

    .swagger-ui .opblock-tag small {
        font-weight: 400;
        flex: 1;
        font-family: Montserrat, sans-serif;
    }

    .swagger-ui .opblock-tag span {
        font-family: Montserrat, sans-serif;
        font-weight: 400;
        font-size: 1.57143em;
        line-height: 1.6em;
        color: #1F497C;
    }

.parameters-col_description {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 1.5em;
}

.swagger-ui .opblock .opblock-summary-path {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    line-height: 3em;
}

.swagger-ui .opblock .opblock-summary-description {
    font-size: 0.8em;
    flex: 1 1 auto;
    word-break: break-word;
    font-family: Montserrat, sans-serif;
}

.swagger-ui .opblock .opblock-section-header h4 {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    line-height: 3em;
}

.swagger-ui table thead tr td, .swagger-ui table thead tr th {
    font-size: 0.8em;
    flex: 1 1 auto;
    word-break: break-word;
    font-family: Roboto, sans-serif;
}

.swagger-ui .parameters-col_description {
    font-size: 0.9em;
    flex: 1 1 auto;
    word-break: break-word;
    font-family: Montserrat, sans-serif;
}

.swagger-ui button, .swagger-ui input {
    font-size: 0.9em;
    font-family: Roboto, sans-serif;
}

.swagger-ui {
    font-family: Montserrat, sans-serif;
}

    .swagger-ui .response-col_status {
        font-weight: 700;
        font-size: 1.2em;
    }

.response-col_description {
    padding: 0 !important;
}

.swagger-ui .response[data-code^="2"] .response-col_description__inner {
    color: #00796B !important;
    padding: 10px;
}

.swagger-ui .response[data-code^="2"] .response-col_status {
    color: #00796B !important;
}

.swagger-ui .response[data-code^="4"] .response-col_description__inner {
    color: #EB5757;
    padding: 10px;
}

.swagger-ui .responses-table .response[data-code^="4"] .response-col_status {
    color: #EB5757;
}

.swagger-ui .dialog-ux .modal-ux-header h3 {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
    padding: 0 20px;
    flex: 1;
}

.swagger-ui .dialog-ux .modal-ux-content p {
    font-size: 12px;
    margin: 0 0 5px;
    font-family: Montserrat, sans-serif;
}

.swagger-ui .checkbox .text .name {
    font-weight: 600 !important;
    font-style: italic;
}


.swagger-ui .checkbox .text .description {
    font-weight: 400 !important;
    font-style: normal;
}

.swagger-ui .dialog-ux .modal-ux-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 0;
    font-family: Roboto, sans-serif;
}

.swagger-ui label {
    font-size: 0.8em;
    font-weight: 700;
    margin: 0 0 5px;
    font-family: Roboto, sans-serif;
    line-height: 1.5em;
}

.swagger-ui table.model tbody tr td:first-of-type {
    font-weight: 700;
    font-family: Robotto, sans-serif;
    width: 174px;
    padding: 0 0 0 2em;
}


.swagger-ui table.model tbody tr td {
    font-family: Montserrat, sans-serif;
    line-height: 1.5em;
}

.swagger-ui .model {
    font-size: 1em;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    line-height: 2em;
}

.swagger-ui .model-title {
    font-size: 1em;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
}

.swagger-ui table.model tr.description td:first-child {
    vertical-align: middle;
    color: #333333;
}

.swagger-ui .markdown p, .swagger-ui .markdown pre, .swagger-ui .renderedMarkdown p, .swagger-ui .renderedMarkdown pre {
    margin: 0.2em auto;
}

.swagger-ui .renderedMarkdown h2 {
    color: #EB5757;
}

.swagger-ui .opblock.opblock-get {
    border-color: #60B4F4;
}

.swagger-ui .opblock-body {
    background-color: #F8F9FA;
}

.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span:after {
    background: #60B4F4;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
    background: #60B4F4;
}

.swagger-ui .opblock.opblock-patch .tab-header .tab-item.active h4 span:after {
    background: #00796B;
}

.swagger-ui .opblock.opblock-patch .opblock-summary-method {
    background: #00796B;
}

.swagger-ui .opblock.opblock-patch {
    border-color: #00796B;
}

.swagger-ui .btn.authorize {
    line-height: 1;
    display: inline;
    color: #00796B;
    border-color: #48A999;
    background-color: transparent;
}

/* Making sections more distinct */
.swagger-ui .block-desktop .opblock-tag-section {
    margin-bottom: 4em;
}

.swagger-ui .opblock-tag {
    background-color: rgba(0,0,0,.025);
    transition: background-color 0.2s;
}

    .swagger-ui .opblock-tag:hover {
        background: rgba(0,0,0,.04);
    }

.swagger-ui .opblock.opblock-get:hover {
    background-color: rgba(97,175,254,.2);
    transition: background-color 0.2s;
}

/* Whitespace association for section subtitles */
.swagger-ui .renderedMarkdown h4 {
    margin-top: 1.5em;
    margin-bottom: 0.6em;
}

/* Styling page title and URL */
.swagger-ui .info h1 {
    margin-bottom: 0;
    margin-top: 1.5em;
}

.swagger-ui .info .title {
    font-size: 2.7em;
    margin-bottom: 0.1em;
}

.swagger-ui .url {
    font-size: 140%;
    padding-left: 0.2em;
}

/* Styling page title bubbles */
.swagger-ui .title span small,
.swagger-ui .info pre {
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: 0.5px;
}

.swagger-ui .title span small {
    padding: 0.5em 0.5em 0.4em 0.5em !important;
    text-align: center;
}

/* Shrink reading width */
.swagger-ui .wrapper {
    max-width: 1100px;
}

/* Reduce page blurb whitespace */
.swagger-ui .info {
    margin-bottom: 2em;
}

/* Whitespace association for parameters */
.swagger-ui .parameters tr:not(:first-of-type) td {
    padding-top: 1.7em;
}

.swagger-ui tr.response:not(:first-of-type) td {
    padding-top: 1.5em !important;
}

    .swagger-ui tr.response:not(:first-of-type) td .response-col_description__inner,
    .swagger-ui .response-col_description__inner + * {
        padding-top: 0;
    }

.swagger-ui .highlight-code {
    margin-bottom: 1em;
}

.swagger-ui .response-col_description .response-col_description__inner {
    padding-left: 0 !important;
}

.swagger-ui .response-col_description__inner ~ section,
.swagger-ui .response-col_description__inner ~ div {
    padding-left: 1em;
}

/* Consistent disabled inputs */
.swagger-ui input[disabled],
.swagger-ui select[disabled],
.swagger-ui textarea[disabled] {
    background-color: #eaeaea !important;
    cursor: default !important;
    border: 1px solid #d9d9d9 !important;
    box-shadow: none !important;
}

#db-versioning tr th {
    min-width: 1em !important;
    width: 1em !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

#db-versioning tr td {
    min-width: 1em !important;
    width: 1em !important;
    padding: 0 0.5em 0.5em 0 !important;
    white-space: nowrap !important;
}

#db-versioning {
    width: 1em;
    padding: 0;
    margin: 1em;
}