body{
    color: #707070;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}

a{
    color: #707070;
}

article.markdown-body{
    padding: 18px;
}

article.markdown-body{
    margin-left: 240px;
}

nav{
    position: fixed;
    width: 240px;
    height: 100%;
    overflow: auto;
}


nav ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

nav #nav-button{
    display: none;
}

nav .content > ul > li > a{
    display: block;
    padding: 18px;
    text-decoration: none;
    background-color: #FAFAFA;
}

nav .content > ul > li {
    margin: 0 0 2px 0;
}

nav .content > ul > li.selected > a{
    background-color: #333333;
    color: #FFFFFF;
}

@media screen and (max-width: 1020px) {
    article.markdown-body{
        margin-left: 0px;
    }

    nav{
        z-index: 30;
    }

    nav #nav-button{
        display: block;
        left: 280px;
        position: absolute;
        transform: rotate(-90deg);
        margin: 16px 0;
    }

    nav{
        position: fixed;
        left: -280px;
        bottom: 0;
        top: 0;
        overflow-y: auto;
        width: 300px;
        transition: left 0.3s ease-in-out;
        z-index: 100;
    }

    nav .content{
        width: 280px;
        background: #FFFFFF;
    }

    nav.open{
        left: 0;
        transition: left 0.3s ease-in-out;
    }
}

.js-toc{
    background-color: #707070;
}

.toc-list{
    list-style-type: none;
}

.toc-list li{
    background-color: #707070;
}
.js-toc >.toc-list {
    border-left: 4px solid #FFFFFF;
    margin-left: 10px;
}

.toc-list .toc-list-item a{
    display: block;
    padding: 8px;
    color: #BFBFBF;
    text-decoration: none;
    font-weight: 700;
}

.toc-link::before{
    width: 0;
}

a.is-active-link:before{
    width: 4px;
    height: 24px;
    margin-left: 10px;
}

.toc-list .is-active-li {

}

.toc-list a.is-active-link {
    color: #FFFFFF;
}


rapi-doc-mini{
    height: auto;
}

@media screen and (min-width: 830px) {

    .right-sample {
        position: relative;
    }

    .right-sample .content > h1,
    .right-sample .content > h2,
    .right-sample .content > h3,
    .right-sample .content > h4,
    .right-sample .content > h5,
    .right-sample .content > blockquote,
    .right-sample .content > hr,
    .right-sample .content > ul,
    .right-sample .content > table,
    .right-sample .content > div,
    .right-sample .content > p {
        margin-right: 50%;
        width: 48%;
    }

    .right-sample .content {
        position: relative;
        z-index: 30;
    }

    .right-sample.markdown-body > h1,
    .right-sample.markdown-body > h2 {
        clear: both;
    }

    .right-sample .to-right {
        margin-right: -18px !important;
        float: right;
        clear: right !important;
        padding: 10px;
    }

    .right-sample .right-panel {
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #FAFAFA;
        margin-right: 0;
    }
}