/* CUSTOM STYLING

Add your custom styling here. Note that styling in the source is loaded AFTER this sheet, and has higher priority. Make sure your styles here don't collide with source styles.

*/

img.ui.mini.image {
    width: 130px;
    padding-right: 30px;
}

div.ui.inverted.menu {
    background: white;
}

div.ui.inverted.menu .item {
    color: black;
}

div.ui.inverted.vertical.menu .item {
    color: white;
}

div.ui.inverted.menu .item > a:not(.ui)  {
    color: #FFFFFF;
}
div.ui.inverted.menu .active > a:not(.ui) {
    color: white;
}
div.ui.inverted.attached.menu .right a.item:hover {
     background: #fafafa;
     color: gray;
}
div.ui.inverted.vertical.menu {
    background: #333333;
}

/* hide default tag */
#operations-tag-default {
    display: none;
}

/* hide OPTIONS endpoints */
div.opblock-options {
    display: none;
}

/* hide response content type dropdown */
.swagger-ui div.responses-wrapper .opblock-section-header>label {
    display: none;
}

#root {
    background: #FAFAFA;
}

.swagger-ui div.markdown th, .swagger-ui div.markdown td, .swagger-ui div.markdown td:first-of-type, div.markdown th, div.markdown td {
    border: 1px solid black;
    padding: 15px;
    font-size: 14px;
}
.markdown table {
    border-collapse: collapse;
}
.markdown {
    font-size: 14px;
}
.markdown-content {
    box-sizing: inherit;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.intro-section div.ui.container{
    width: 100%;
    max-width: 1460px !important;
    flex: 1 1 auto;
}

.swagger-ui div.scheme-container {
 margin: 0 0 10px;
 padding: 10px 0;
 background: transparent;
 -webkit-box-shadow: none;
}

.parameters-container tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}
.parameters-container tbody tr {
    border: 1px solid lightgray;
}

.responses-table tbody tr:nth-child(odd) {background-color: #f2f2f2;}
.responses-table table, .responses-table tbody tr {
    border: 1px solid lightgray;
}

.swagger-ui div.opblock-body pre,  .swagger-ui div.copy-paste textarea.curl {
    background: rgb(252, 246, 219);
    color: black;
    font-weight: normal;
    font-family: inherit;
    border: 1px solid lightgray;
}
.swagger-ui div.copy-paste textarea.curl {
    min-height: 70px;
}
.swagger-ui div.opblock-body pre span {
    color: black !important;
}

/* code syntax  */
.swagger-ui div.opblock-body pre.hljs {
    background: rgb(43, 43, 43) !important;
    color: rgb(235, 235, 235) !important;
    font-family: Consolas, Monaco, "Andale Mono", monospace !important;
    white-space: pre-wrap;
    tab-size: 4;
    hyphens: none;
    font-size: 14px !important;
    word-break: break-all;
    line-height: 1.375;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    overflow-wrap: break-word;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-function {
    color: rgb(255, 198, 109) !important;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-keyword {
    color: rgb(204, 120, 50) !important;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-params {
    color: rgb(239, 59, 125) !important;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-string {
    color: rgb(143, 193, 62) !important;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-attr {
    color: rgb(218, 208, 133) !important;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-built_in {
    color: rgb(150, 203, 254) !important;
}
/* code syntax not really used yet, need to pick colors */
.swagger-ui div.opblock-body pre.hljs span.hljs-literal {
    color: orange !important;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-title {
    color: red !important;
}
.swagger-ui div.opblock-body pre.hljs span.hljs-tag {
    color: teal !important;
}
.swagger-ui div.body-param-options {
    display: none;
}
.swagger-ui div.body-param textarea {
    background: rgb(252, 246, 219);
    color: black;
    font-weight: normal;
    border: 1px solid lightgray;
}

.standard-swagger-ui responses-table tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.standard-swagger-ui .swagger-ui table tbody tr td, 
.standard-swagger-ui .swagger-ui table tbody tr td:first-of-type {
    padding: 10px;
}

.standard-swagger-ui .swagger-ui table thead tr th,
.standard-swagger-ui .swagger-ui table thead tr.responses-header td {
    padding-left: 10px;
}