div.toc h1, 
div.toc h2,
div.toc h3,
div.toc h4,
div.toc h5,
div.toc h6{
    margin:0;
    padding:0;
    
}

.toc {
    position: relative;
}

div.toc {
    height:10em;
    overflow:hidden;
    border-bottom:1px solid #aaa;
}
    div.toc a.control {
        position: absolute;
        display:inline-block;
        width:2em;
        z-index: 999;
        font-weight: bold;
        background: #eee;
        bottom: -0.25em;
        text-align:center;
    }
div.toc a.control:hover {
    background-color: green;
}
        div.toc a.control.up {
            left: calc(50% - 3em);
            
        }
        div.toc a.control.down {
            left: calc(50% + 3em);
        }

div.toc > div{
    height:100%;
    overflow:auto;
}

.two-col-wrapper > div > ul{
    padding-left:0;
}

li.toc.hide-sibling + ul, li.toc.hide-sibling + ol{
    display:none;
}
li.toc.hide-sibling:after{
    content: '\25bc';
     position: absolute;
      bottom: 1em;
      right:-1em;
}
li.toc {
    border-bottom:1px dotted #aaa;
    padding-bottom:6px;
    width:calc(100% - 1em);
}
li.toc input[type=radio]
{
    display:none;
}
li.toc input[type=radio]:checked ~ a
{
    background:#aaa;
}
li.toc a{
    display:inline-block;
    width:100%;
    position:relative;
}
li.toc a span{
    position:absolute;
    right:2px;
}
span.toc-index{
    opacity:0.7;
}

.toc ul{
    list-style:none;
}

.two-col-wrapper > div{
    width:calc(50% - 4px);
    float:right;
}
.two-col-wrapper > div:first-child{
    float:left;
    border-right:1px solid #ccc;
}
.to-toc-line{
    color:red;
}
a.to-toc{
    position:absolute;
    right:1em;
    top:0;
}
a.index{
    display:inline-block;
    width:100%;
    height:1.2em!important;
    padding-top:.2em!important;
}
a.index span.more{
    width:calc(100% -4em);
}
a.index span.more label{
    display: inline-block;
    width:100%;
}