/**
 * TocJS (https://github.com/nghuuphuoc/tocjs)
 *
 * Generate a table of contents based on headings
 *
 * @author      http://twitter.com/nghuuphuoc
 * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
 * @license     MIT
 */
.toc {
    border: 0px solid #ddd;
    border-radius: 4px;
    font-family: Roboto; /*Roboto Slab Regular;*/
    font-size: 1.0em;
    background-color: #ffffff;
}
.toc.affix {
    position: static;
}
.toc .nav > .active > a, .toc .nav > .active:hover > a,  .toc .nav > .active :focus > a {
    border-left: 0px solid #DBDCCC;
    background-color: #DBDCCC;
    /*color: #320001;*/
    color: #000000;
    padding-top:1px;
    padding-bottom:1px;
}
.toc .nav .nav {
    /*
    * If you want to hide the sub UL elements, then add the following line
    * display: none;
    */
    display: block;
    margin-bottom: 1px;
    font-size: 20px;
}
.toc li > a {
    font-size: 1.2em;
    /*font-size: 10pt;*/
    /*color: #320001;*/
    color: #000000;
    padding-top:1px;
    padding-bottom:1px;
}
.toc .nav .nav > li > a {
    font-size: 9.5pt;
    /*color: #320001;*/
    color: #000000;
    padding-top:1px;
    padding-bottom:1px;
}
.toc .toc-heading {
    font-family: Roboto;
    font-size: 12.5pt;
    /*color: #320001;*/
    color: #000000;
    /*background-color: #f5f5f5;*/
    border-bottom: 0px solid #dddddd;
    padding-left: 2px;
}
.toc .toc-heading-link {
    color: #320001;
}
.toc .toc-footing {
    font-family: Roboto;
    font-size: 10.5pt;
    /*color: #320001;*/
    color: #000000;
    /*background-color: #f5f5f5;*/
    border-bottom: 0px solid #dddddd;
    padding-left: 2px;
    cursor: pointer; cursor: hand;
}
.toc .toc-link-1 {
    padding-top:1px;
    padding-bottom:1px;
    /*color: #320001;*/
    color: #000000;
    padding-left: 5px;
}
.toc .toc-link-2 {
    padding-left: 15px;
}
.toc .toc-link-3 {
    padding-left: 50px;
}
.toc .toc-link-4 {
    padding-left: 75px;
}
.toc .toc-link-5 {
    padding-left: 100px;
}
.toc .toc-link-6 {
    padding-left: 125px;
}
 /*@media screen and (min-width: 992px) and (min-height: 700px) {*/
 @media screen and (min-width: 992px) and (min-height: 100px) {
    .toc.affix {
        position: fixed;
    }
    .toc .nav > .active > ul {
        display: block;
    }
}
.toc .nav .nav {
    display: none;
}
