html
{
box-sizing: border-box;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
*,
*:before,
*:after
{
box-sizing: inherit;
}

body {
margin:0;
background: #fafafa;
}


.topbar {
display: none;
}

.vertical-center {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.swagger_ui {
width: 100%;
overflow: auto;
}

.servers {
width: 100%;
}

.schemes.wrapper>div{
width: 100%;
}

#swagger-ui .col {
width: auto;
}

tr[data-param-name=Authorization] input {
    background-color: lightgray !important;
}

@media (max-width: 450px) {
    #swagger-ui .wrapper {
        padding: 0 0;
    }

    .swagger-ui .parameter__name.required > span:before,
    .swagger-ui .parameter__name.required > span:before {
        content: "\A"
    }

    .swagger-ui .table,
    .swagger-ui .model table {
        display: block;
    }
    
    .swagger-ui .model table td {
        display: inline-block;
        margin: 1rem;
        width: 100%
    }

    .swagger-ui .responses-wrapper table th,
    .swagger-ui .opblock-section table td,
    .swagger-ui .opblock-section table th,
    .swagger-ui .responses-wrapper table td {
        display: inline-block;
    }
    .swagger-ui .responses-wrapper table tbody tr:after,
    .swagger-ui .opblock-section table tbody tr:after,
    .swagger-ui .model table tbody tr:after {
        display: inline-block;
        content: "";
        border-top: 1px solid gray;
        width: 75%;
        margin: 0 2rem;
    }
   
    .swagger-ui .opblock-section table tbody tr td:first-of-type {
        max-width: 100%;
    }
    
    .swagger-ui .opblock .opblock-section-header {
        padding: 8px 10px;
    }
    .swagger-ui .opblock-description-wrapper {
        padding: 15px 5px;
    }
    .swagger-ui .table-container {
        padding: 20px 10px;
    }


    .swagger-ui table thead tr td,
    .swagger-ui table thead tr th
    {
        border-bottom: none;
    }

    .swagger-ui .responses-wrapper table td.col_header,
    .swagger-ui .responses-wrapper table th.header-col
    {
        display: inline-block;
        padding: 0 0;
        font-size: 14px;
    }
    .swagger-ui .responses-wrapper table td.col_header:not(:first-of-type):before,
    .swagger-ui .responses-wrapper table th.header-col:not(:first-of-type):before,
    .swagger-ui .opblock-section table th:not(:first-of-type):before
    {
        content: ", ";
    }
    .swagger-ui .responses-wrapper table tbody tr td:first-of-type {
        max-width: 100%;
    }

    tr.response {
        border-top: none;
    }

    .table-container {
        padding-left: 0;
        padding-right: 0;
    }
}

table.parameters {
    overflow: auto;
}

.opblock-summary-path span{
word-break: normal;
}

label[for=servers] {
width: 100%;
}

span.url {
overflow-wrap: break-word;
}

tr.response { border-top: 1px solid rgba(59,65,81,.2); }