/*                   */
/* TABLE OF CONTENTS */
/*                   */

#toc-heading-hover {
    border-radius: 3px;
    display: none;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
}

#toc-heading-hover .title {
    display: inline-block;
    padding: 0 .5em;
}

#toc-heading-hover .range {
    font-size: .9em;
    font-style: italic;
    margin: 0 .5em 0 .75em;
    white-space: nowrap;
}

#toc-heading-hover .range:empty {
    display: none;
}

html.touch #toc-heading-hover {
    display: none;
}

.toc-display .toc-back-to-top {
    padding: 10px 0 10px 12px;
    margin-left: 1.4em;
}

.toc-display .toc-expand-all,
.toc-display .toc-collapse-all {
    padding: 0 0 10px 12px;
}

.toc-display .toc-expand-all {
    margin-left: 2px;
}

.toc-display .toc-expand-all i {
    margin-right: 9px;
}

.toc-display .toc-collapse-all i {
    margin-right: 7px;
}

@media screen and (max-width: 480px) {
    .toc-display .toc-back-to-top {
        margin-left: 0;
    }

    .toc-display .toc-expand-all,
    .toc-display .toc-collapse-all {
        display: none;
    }
}

.toc-display .toc-display-inner {
    padding: 0 20px 20px 12px;
    overflow-y: auto;
}

html.touch .qweri-panel .toc-display-inner {
    padding: 0;
}

.toc-display .show-all-footnotes {
    display: none;
    margin: 1em 1.5em;
}

@media screen and (max-width: 480px) {
    .toc-display .show-all-footnotes {
        margin: 1em;
    }
}

.toc-display .show-all-footnotes.available {
    display: block;
}

.toc-display .show-all-footnotes button,
.toc-display .toc-back-to-top button,
.toc-display .toc-expand-all button,
.toc-display .toc-collapse-all button {
    border: none;
    background: none;
    color: #0272B1;
}

.toc-display .toc-expand-all button,
.toc-display .toc-collapse-all button {
    color: #333333;
}

.toc-display .show-all-footnotes button:hover,
.toc-display .toc-back-to-top button:hover,
.toc-display .toc-expand-all button:hover span,
.toc-display .toc-collapse-all button:hover span {
    text-decoration: underline;
}

.toc-display .print-multi-selected-option {
    display: none;
    padding: 1.5em 2em 1.5em 2.1em;
    background-color: #5c5e60;
    color: #fff;
    justify-content: space-between;
    align-items: center;
}

#qweri-panel.print-active .toc-display .print-multi-selected-option {
    display: flex;
}

.toc-display .print-multi-selected-option label input {
    margin-top: 2px;
}

.toc-display .print-multi-selected-option label.deselect-all-enabled .print-multi-selected-option-select-all,
.toc-display .print-multi-selected-option label:not(.deselect-all-enabled) .print-multi-selected-option-deselect-all {
    display: none;
}

#qweri-panel:not(.print-active) .toc-display .toc-print-multi-selected-selector {
    display: none;
}

.toc-display .toc-print-multi-selected-selector input {
    margin-top: 0;
}

ul.toc-branch.main-branch {
    margin: 0;
}

ul.toc-branch {
    list-style-type: none;
    margin-left: 1.25em;
    padding: 0;
    overflow: hidden;
}

ul.toc-branch.hide {
    display: none;
}

ul.toc-branch > li.toc-heading-selected {

}

.toc-heading-2 {
    cursor: pointer;
    display: flex;
    align-items: baseline;
    justify-content: stretch;
}

.toc-heading-2 .toc-parent-indicator {
    align-self: center;
    flex: 0 0 1.25em;
    text-align: center;
}

.toc-heading-2 .toc-parent-indicator i:before {
    line-height: 20px; /* Value for the line-height of Bootstrap, to override the one set by the "icon-*" classes. */
/*  transition: padding .3s; */
}

.parent > .toc-heading-2 .toc-parent-indicator .no-touch-closed:before {
    -webkit-transition: -webkit-transform .2s linear 0s;
       -moz-transition: -moz-transform .2s linear 0s;
         -o-transition: transform .2s linear 0s;
            transition: transform .2s linear 0s;
}

.parent      > .toc-heading-2 .toc-parent-indicator .no-touch-closed,
.parent.open > .toc-heading-2 .toc-parent-indicator .no-touch-opened {
    display: block;
}

.parent.open > .toc-heading-2 .toc-parent-indicator .no-touch-closed,
.parent      > .toc-heading-2 .toc-parent-indicator .no-touch-opened {
    display: none;
}

.toc-heading-2 .toc-title {
    border-radius: 3px;
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0 .5em;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toc-heading-selected > .toc-heading-2 .toc-title {
    background-color: #007ABD;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

html.no-touch #toc-heading-hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

html.no-touch #toc-heading-hover {
    background-color: #6b6b6b;
    background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, #878787 100%);
    background-image:    -moz-linear-gradient(bottom, #6b6b6b 0%, #878787 100%);
    background-image:     -ms-linear-gradient(bottom, #6b6b6b 0%, #878787 100%);
    background-image:      -o-linear-gradient(bottom, #6b6b6b 0%, #878787 100%);
    background-image:         linear-gradient(to top, #6b6b6b 0%, #878787 100%);
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#878787',GradientType=0 ); */
    color: #fff;
}

html.no-touch #toc-heading-hover.active {
    background-color: #0088cc;
    background-image: -webkit-linear-gradient(bottom, #0088cc 0%, #379fd3 100%);
    background-image:    -moz-linear-gradient(bottom, #0088cc 0%, #379fd3 100%);
    background-image:     -ms-linear-gradient(bottom, #0088cc 0%, #379fd3 100%);
    background-image:      -o-linear-gradient(bottom, #0088cc 0%, #379fd3 100%);
    background-image:         linear-gradient(to top, #0088cc 0%, #379fd3 100%);
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#379fd3',GradientType=0 ); */
}

.toc-heading-2 .toc-heading-range {
    flex: 0 0 auto;
    font-size: .9em;
    font-style: italic;
    margin-left: .75em;
    margin-right: 1px;
}

.toc-heading-2 .toc-heading-range:empty {
    display: none;
}

div.toc-branch ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}


div.toc-branch ul > li {
    margin: 0;
    padding: 0;
    
}

div.toc-branch .last-branch {
    overflow-y: auto;
    position: relative;
}

div.toc-branch .last-branch .toc-heading {
    background-color: #d8d8d8;
    cursor: pointer;
}

div.toc-branch ul ul {
    margin-left: 12px;
    height: auto;
}

div.toc-branch .toc-heading {
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    margin: 0;
    padding: 0;
    
    display: -webkit-flex;
    display:     -ms-flexbox;
    display:         flex;
    
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
            align-content: flex-start;
    
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}

div.toc-branch .crumb-item {
    position: relative;
}

div.toc-branch .crumb-item > .toc-heading {
    background-color: #6b6b6b;
    color: #fff;
    cursor: pointer;
    
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

/* div.toc-branch .toc-heading-range */
div.toc-branch .toc-heading.toc-heading-selected,
div.toc-branch .toc-heading.toc-heading-selected .toc-heading-range {
    
    background-color: #007ABD;
    color: #fff;
    
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
    
}

html.touch ul.toc-branch > li.toc-heading-selected > div.toc-heading-range-touch {
    
    color: #fff;
    
}

div.toc-branch .toc-title {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    
    -ms-flex-item-align: auto;
     -webkit-align-self: auto;
             align-self: auto;
    overflow: hidden;
}

div.toc-branch .toc-title-text {
    padding: 20px 0;
    overflow-x: auto;
    white-space: nowrap;
}

div.toc-branch .toc-heading-selected .toc-title-text {
    white-space: normal;
}

div.toc-branch .toc-title.redux .toc-title-text {
    padding: 10px;
}

div.toc-branch .toc-heading-range {
    color: #666;
    font-size: .8em;
    margin-top: -20px;
}

div.toc-branch .toc-title.redux .toc-heading-range {
    display: none;
}

div.toc-branch .toc-parent-indicator,
div.toc-branch .toc-child-indicator {
    font-size: 2em;
    padding: 0 8px 0;
    
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    
    -ms-flex-item-align: auto;
     -webkit-align-self: auto;
             align-self: auto;
}

/* Approx. phone-sized screens */
@media screen and (max-width: 480px) {
    
    div.zoupio-header .corporate {
        float: none;
        text-align: center;
    }
    
    html.no-touch #toc-heading-hover {
        max-width: 375px;
    }
    
}

@media screen and (min-width: 480px) {
    
    html.no-touch #toc-heading-hover {
        max-width: 375px;
    }
}

@media screen and (min-width: 760px) {
    
    html.no-touch #toc-heading-hover {
        max-width: 600px;
    }
}

@media screen and (min-width: 1024px) {
    
    html.no-touch #toc-heading-hover {
        max-width: 900px;
    }
}

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

    html.no-touch #toc-heading-hover {
        max-width: 1050px;
    }
}