﻿#ez-toc-container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: table;
    margin-bottom: 1em;
    padding: 10px;
    position: relative;
    width: auto
}

div.ez-toc-widget-container {
    padding: 0;
    position: relative
}

#ez-toc-container.ez-toc-light-blue {
    background: #edf6ff
}

#ez-toc-container.ez-toc-white {
    background: #fff
}

#ez-toc-container.ez-toc-black {
    background: #000
}

#ez-toc-container.ez-toc-transparent {
    background: none
}

div.ez-toc-widget-container ul {
    display: block
}

div.ez-toc-widget-container li {
    border: none;
    padding: 0
}

div.ez-toc-widget-container ul.ez-toc-list {
    padding: 10px
}

#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
    margin-left: 1.5em
}

#ez-toc-container li, #ez-toc-container ul {
    padding: 0
}

    #ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li {
        background: 0 0;
        list-style: none;
        line-height: 1.6;
        margin: 0;
        overflow: hidden;
        z-index: 1
    }

#ez-toc-container p.ez-toc-title {
    text-align: left;
    line-height: 1.45;
    margin: 0;
    padding: 0
}

.ez-toc-title-container {
    display: table;
    width: 100%
}

.ez-toc-title, .ez-toc-title-toggle {
    display: inline;
    text-align: left;
    vertical-align: middle
}

.ez-toc-btn, .ez-toc-glyphicon {
    display: inline-block;
    font-weight: 400
}

#ez-toc-container.ez-toc-black a, #ez-toc-container.ez-toc-black a:visited, #ez-toc-container.ez-toc-black p.ez-toc-title {
    color: #fff
}

#ez-toc-container div.ez-toc-title-container + ul.ez-toc-list {
    margin-top: 1em
}

.ez-toc-wrap-left {
    float: left;
    margin-right: 10px
}

.ez-toc-wrap-right {
    float: right;
    margin-left: 10px
}

#ez-toc-container a {
    color: #444;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap
}

    #ez-toc-container a:visited {
        color: #9f9f9f
    }

    #ez-toc-container a:hover {
        text-decoration: underline
    }

.ez-toc-widget-container ul.ez-toc-list li::before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    z-index: -1
}

.ez-toc-widget-container ul.ez-toc-list li.active {
    background-color: #ededed;
    height: auto !important
}

.ez-toc-widget-container li.active > a {
    font-weight: 900
}

.ez-toc-btn {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .ez-toc-btn:focus {
        outline: #333 dotted thin;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px
    }

    .ez-toc-btn:focus, .ez-toc-btn:hover {
        color: #333;
        text-decoration: none
    }

    .ez-toc-btn.active, .ez-toc-btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

.ez-toc-btn-default {
    color: #333;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0));
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc
}

    .ez-toc-btn-default.active, .ez-toc-btn-default:active, .ez-toc-btn-default:focus, .ez-toc-btn-default:hover {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad
    }

    .ez-toc-btn-default.active, .ez-toc-btn-default:active {
        background-image: none;
        background-color: #e0e0e0;
        border-color: #dbdbdb
    }

.ez-toc-btn-sm, .ez-toc-btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.ez-toc-btn-xs {
    padding: 1px 5px
}

.ez-toc-btn-default:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.active, .ez-toc-btn:active {
    background-image: none
}

.ez-toc-btn-default:focus, .ez-toc-btn-default:hover {
    background-color: #e0e0e0;
    background-position: 0 -15px
}

.ez-toc-pull-right {
    float: right !important;
    margin-left: 10px
}

#ez-toc-container label.cssicon, #ez-toc-widget-container label.cssicon {
    height: 30px
}

.ez-toc-glyphicon {
    position: relative;
    top: 1px;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale
}

    .ez-toc-glyphicon:empty {
        width: 1em
    }

.ez-toc-toggle i.ez-toc-glyphicon, label.cssicon .ez-toc-glyphicon:empty {
    font-size: 16px;
    margin-left: 2px
}

#ez-toc-container input, .ez-toc-toggle #item {
    position: absolute;
    left: -999em
}

    #ez-toc-container input[type=checkbox]:checked + nav, #ez-toc-widget-container input[type=checkbox]:checked + nav {
        opacity: 0;
        max-height: 0;
        border: none;
        display: none
    }

#ez-toc-container nav ul.eztoc-visibility-hide-by-default, #ez-toc-widget-container nav ul.eztoc-visibility-hide-by-default, label.cssiconcheckbox {
    display: none
}

#ez-toc-container label {
    float: right;
    position: relative;
    font-size: 16px;
    padding: 0 4px 0 5px;
    border: 1px solid #999191;
    border-radius: 5px;
    cursor: pointer;
    width: 30px;
    left: 10px
}

    #ez-toc-container .ez-toc-toggle label, #ez-toc-container label.cssicon, #ez-toc-widget-container label.cssicon {
        float: right;
        position: relative;
        font-size: 16px;
        padding: 0;
        border: 1px solid #999191;
        border-radius: 5px;
        cursor: pointer;
        left: 10px;
        width: 35px
    }

div#ez-toc-container p.ez-toc-title {
    display: contents
}

div#ez-toc-container {
    padding-right: 20px
}

.ez-toc-wrap-center {
    margin: 0 auto
}

#ez-toc-container a.ez-toc-toggle {
    display: flex;
    align-items: center;
    color: #444;
    background: inherit;
    border: inherit
}

.ez-toc-widget-container ul li a {
    padding-left: 10px;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap
}
