html {
    overflow: hidden;
}

body {
    margin: 0px 10px !important;
}

@media screen and (max-width: 768px) {
    body {
        padding-top: 50px !important;
        padding-bottom: 20px;
    }

    .body-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.navbar-api {
    background-color: #d6e2e8;
}

    .navbar-api .navbar-toggle .icon-bar {
        background-color: #444;
    }

    .navbar-api .dropdown-menu {
        background-color: #d6e2e8;
        width: 100%;
        height: 500px;
        overflow: scroll;
    }

    .navbar-api .nav li {
        word-break: break-word;
        white-space: pre-wrap;
    }

.nav li a {
    color: #444;
}

    .nav li a:hover, .nav li > a:focus, .nav li.open > a {
        background-color: #e7f1f7;
    }

.navbar-api .nav li a {
    width: 100%;
}

.navbar-api .navbar-brand {
    padding: 0;
}

    .navbar-api .navbar-brand .bbm-logo {
        max-width: 190px;
        max-height: 42px;
    }


@media screen and (max-width: 768px) {
    .navbar-api .navbar-brand {
        padding: 15px 15px;
    }

        .navbar-api .navbar-brand .bbm-logo {
            max-height: 20px;
        }
}


.form-control.mobile-search-box {
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px dashed #ddd;
}

.form-control.mobile-search-box:focus {
    border-bottom: 1px solid #66afe9;
}

rapi-doc::part(section-overview-title) {
    display: none;
}

rapi-doc::part(section-navbar-scroll) #overview {
    color: red !important;
}

.striven-logo {
    max-width: 190px;
    max-height: 42px;
}

.nav-logo {
    text-align: center;
    padding: 0px;
}

rapi-doc::part(textbox textbox-nav-filter) { 
    background-color: #fff;
}