#table-of-contents {

    position:fixed;
    top:0;
    left:0;
    width:300px;
    overflow-x:hidden;
    overflow-y:scroll;
    height:100%;
    background:#343131;
    z-index:200;
    scrollbar-base-color: #1F1D1D;
    scrollbar-arrow-color: #b3b3b3;
    scrollbar-shadow-color: #1F1D1D;
    scrollbar-track-color : #343131;

    li {
        list-style:none;
        margin-left: 0px;

        &.divide-top {
            border-top:solid 1px #404040;
        }

        &.divide-bottom {
            border-bottom:solid 1px #404040;
        }

        &.current {
            background:#e3e3e3;

            a {
                color:gray;
                border-right:solid 1px #c9c9c9;
                padding:0.4045em 2.427em;
                &:hover{
                    background:#d6d6d6;
                }
            }
        }

        a {
            padding:0.4045em 1.618em;
            position:relative;
            border:none;
            padding-left:1.618em -4px;
        }

        &.on a:hover {
            background:#fcfcfc;
        }
        &.current>a:hover{
            background:#fcfcfc;
        }

    }

    header {
        height:32px;
        display:inline-block;
        line-height:32px;
        padding:0 1.618em;
        display:block;
        font-weight:bold;
        text-transform:uppercase;
        font-size:80%;
        color:#2980B9;
        white-space:nowrap;
    }

    ul {
        margin-bottom:0;
    }

    li ul li a{
        padding:0.4045em 2.427em;
    }

    li ul li ul li a{
        padding:0.4045em 3.236em;
    }

    li.current ul{
        display:block;
    }

    .local-toc li ul{
        display:block;
    }

    li ul li a{
        margin-bottom:0;
        color:#b3b3b3;
        font-weight:normal;
    }

    a {
        display:inline-block;
        line-height:18px;
        padding:0.4045em 1.618em;
        display:block;
        position:relative;
        font-size:90%;
        color:#b3b3b3;
        direction: ltr;

        &:hover{
            background-color:#4e4a4a;
            cursor:pointer;
        }
    }


    h2 {
        z-index:200;
        background-color:#2980B9;
        text-align:center;
        padding:0.809em;
        display:block;
        color:#fcfcfc;
        font-size: 100%;
        margin-bottom:0.809em;
    }
}









ul.nav li ul li {
    display: none;
}

ul.nav li ul li ul li {
    display: none;
}

ul.nav li.active ul li {
    display: inline;
}

ul.nav li.active ul li ul li {
    display: inline;
}

ul.nav li.active ul li a {
    background-color: #E3E3E3;
    color: #8099B0;
    border-right:solid 1px #c9c9c9 !important;
}

ul.nav li.active ul li.active a {
    background-color: #C9C9C9;
    color: black !important;
    font-weight: bold !important;
}

ul.nav li.active ul li.active ul li.active a {
    color: black !important;
    font-weight: bold !important;
    display: block !important;
}

ul.nav li.active ul li.active ul li a {
    color: #808080 !important;
    font-weight: normal !important;
    display: block !important;
}

ul.nav li.active ul li ul li a {
    display: none !important;
}

ul.nav li ul li ul li ul li {
    display: none !important;
}

ul.nav li.active > a {
    border-bottom:solid 1px #c9c9c9 !important;
    border-right:solid 1px #c9c9c9 !important;
}

ul.nav li.active a {
    color: gray !important;
    font-weight:bold;
    background-color: white;
    border-right:solid 0px white !important;
}

ul.nav > li.active > a {
    color: black !important;
}