﻿a[name] {
    padding-top: 65px;
    margin-top: -65px;
    display: inline-block; /* required for webkit browsers */
    position: relative;
    z-index: -1;
}

body.loading {
    visibility: hidden;
}

.it-header-slim-wrapper, .it-footer-main {
    background-color: #13253A;
}

.it-header-center-wrapper {
    background-color: white;
}

#md-container {
    width: 99%;
}

    #md-container img {
        max-width: 90%;
    }

    #md-container pre {
        background-color: #eee;
        padding: 20px;
        font-size: 85%;
        max-height: 400px;
    }

    #md-container .code-title {
    }

        #md-container .code-title button {
            background-color: #eee;
        }

.title-sidebar {
    margin-top: 2px;
    position: sticky;
    top: 59px;
    height: calc(100vh - 59px);
    overflow-y: auto;
    border-right: 1px solid rgba(0,0,0,.08);
}

.copy-code {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.it-brand-wrapper a svg.icon {
    width: 150px !important;
}

@media (max-width: 575px) {
    #md-container .container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (max-width: 991px) {
    .it-header-center-wrapper {
        box-shadow: 0px 1px 8px rgba(19, 37, 58, 0.14);
    }

    .menu-wrapper ul.navbar-nav li.nav-item.dropdown a.nav-link svg {
        display: inline !important;
        margin-left: 5px;
    }
}

@media (min-width: 992px) {
    .it-brand-wrapper a svg.icon {
        width: 250px !important;
    }

    .it-header-center-wrapper {
        height: 70px;
    }

    .it-header-navbar-wrapper {
        background-color: white !important;
        box-shadow: 0px 11px 8px -10px rgba(19, 37, 58, 0.14);
    }

    header:not(.is-sticky) .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link {
        padding-top: 0;
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link.active, .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link.active {
        border-left: 0;
        border-color: #13253A;
        background: rgba(0,0,0,0);
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link.dropdown-toggle svg, .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link.dropdown-toggle svg {
        fill: #13253A;
    }

    .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .navbar-nav.navbar-secondary {
        display: flex;
    }

    .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .navbar-nav {
        flex: unset;
    }
}


.it-brand-text {
    color: #13253A;
}

.it-header-navbar-wrapper {
    background-color: transparent;
}

    .it-header-navbar-wrapper .container {
        width: 100% !important;
        max-width: 100% !important;
    }

.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link {
    color: #13253A;
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a {
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.custom-navbar-toggler svg {
    fill: #13253A;
}

footer .footer-item .list-inline-item img {
    max-width: 160px;
    vertical-align: middle;
    margin-left: 5px;
}

footer .footer-item ul.list-inline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

    footer .footer-item ul.list-inline li {
        margin-right: 10px;
    }

footer .footer-item svg {
    height: 100px;
}

.swagger-ui .info {
    margin-bottom: 0 !important;
    margin-top: 30px;
}

.swagger-ui .title small {
    padding: 0;
    line-height: 1.5;
}

.swagger-ui .renderedMarkdown p, .swagger-ui .renderedMarkdown ul li, #stoplight .sl-markdown-viewer ul li {
    margin: 0 !important;
    font-size: 15px !important;
}

.swagger-ui .callbacks-container h2 {
    font-size: 15px;
}

#stoplight .sl-panel__content-wrapper label {
    color: #eee;
}

#stoplight .sl-code-highlight {
    font-size: 12px !important;
}

.watermark-top {
    background-color: #ff0;
    overflow: hidden;
    white-space: nowrap;
}

    .watermark-top.svil {
        background-color: orange;
    }

#autocomplete-list-docs {
    max-height: 60vh;
    min-width: 194px;
    width: 30vw;
    overflow-y: auto;
}

.autocomplete-wrapper-ico-left .autocomplete {
    font-weight: normal;
    padding-left: 2.5rem;
}

.autocomplete-wrapper-ico-left .autocomplete-icon {
    position: absolute;
    left: 0rem;
    right: auto;
}
