@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

img#logo {
    height: 50px;
    padding: 10px 8px 12px 0px;
}

/* CSS to hide navigation bar and breadcrumb */
.navbar {
    display: none;
}

.article {
    margin-top: 0px;
}

.sidefilter {
    top: 0px;
}

.sidetoc {
    top: 60px;
}

.sideaffix {
    margin-top: 0px;
    top: 30px;
}

/* CSS for theme changes */
body * {
    font-family: 'Roboto', serif !important;
}

footer {
    display: none !important;
}

.toc .nav>li.active>a,
.toc .nav>li.active>a:hover {
    color: #75cf00 !important;
    font-weight: 500;
}

div#toc {
    padding: 2rem 2rem 2rem 0;
}

a,
a:hover {
    color: #75cf00;
    font-weight: 500;
}

h1 {
    border-bottom: 1px solid #eaecef;
    padding-bottom: 10px;
    margin-bottom: 36px;
    padding-left: 0;
    font-size: 30px;
}

ul,
li,
p {
    font-size: 14px !important;
    line-height: 20px;
}

.anchorjs-link {
    font-family: anchorjs-icons !important;
}

.sideaffix2 ul.bs-docs-sidenav li.active a {
    background-color: transparent;
    color: #75cf00;
}

.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

.affix ul>li.active>a,
.affix ul>li.active>a:before {
    color: #75cf00;
}

pre {
    background-color: #f0f0f0;
}

@media (max-width: 767px) {

    .toc .nav>li,
    .toc .nav>li>a {
        text-align: left;
    }
}

@media (min-width: 768px) {

    .toc .nav>li>a,
    .toc .nav>li>a:hover {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 14px;
    }

    .sideaffix2 ul.bs-docs-sidenav li.active:before {
        border-left: 3px solid #75cf00;
        content: "";
        position: absolute;
        left: -19px;
        height: 100%;
        top: 0px;
    }

    .body-content {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .sidetoc,
    .sidefilter {
        width: 320px !important;
    }

    .article.grid-right {
        margin-left: 350px;
        margin-bottom: 36px;
    }

    .sidenav,
    .toc,
    .sidetoc,
    .sidefilteroc,
    .sidefilter {
        background-color: #0F2841 !important;
    }

    .sidenav,
    .toc,
    .sidetoc,
    .sidefilteroc {
        background-color: #0F2841 !important;
    }

    .sidetoc.shiftup {
        bottom: 0;
    }
}