/* 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.

*/
.ui.sidebar.menu {
    padding-top: 12px;
}

.ui.segment {
    background-color: rgb(30, 36, 43) !important;
}

.swagger-ui .scheme-container {
    background-color: rgb(50, 62, 73) !important;
}

#root > .ui.borderless.menu {
    border-top: 4px solid #5cba3c !important;
    box-shadow: 0 8px 8px 0 rgb(15 23 30 / 50%) !important;
}

/*
Everything below was copy paste from v1 portal
 */
body {
    background: #1e242b !important;
    color: #c2c2c2 !important;
}

h1, h2, h3, h4 {
    color: white;
}

.ui.header {
    color: white !important;
}

.ui.positive.button, .ui.positive.buttons .button {
    background-color: #3fa9f5 !important;
}

.ui.positive.button:hover, .ui.positive.buttons .button:hover {
    background-color: #3fa9f5 !important;
}

.ui.inverted.menu .dropdown.item:hover:not(:first-child), .ui.inverted.menu .link.item:hover:not(:first-child), .ui.inverted.menu a.item:hover:not(:first-child), .ui.link.inverted.menu .item:hover:not(:first-child) {
    background-color: #3fa9f5 !important;
}

.swagger-ui .scheme-container {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.swagger-ui a.nostyle, .swagger-ui a.nostyle {
    color: white !important;
}

.swagger-ui .opblock .opblock-summary-description {
    color: gray !important;
}

.swagger-ui .servers-title {
    color: gray !important;
}

.opblock-body {
    background-color: white !important;
}

img[alt^="Tutorial"] {
    width: 100%;
}