#toc_container {

    display: flex;

}



#ctoc-list-captions {

    border: 1px solid #ccc;

    background-color: #fff;

    display: inline-flex;

    flex-direction: column;

    padding: 20px;

}



#ctoc-list-captions ol,

#ctoc-list-captions ul {

    margin: 10px 0 0;

    padding: 0;

    list-style-type: none;

}



#ctoc-list-captions .ctoc-list-captions-title {

    font-size: 20px;

    color: #000000;

    position: relative;

    min-width: 220px;

}



#ctoc-list-captions .ctoc-list-captions-title span {

    position: absolute;

    right: 10px;

    top: 13px;

    transition: 0.3s ease all;

}



#ctoc-list-captions .ctoc-list-captions-title span:hover::after {

    border-top: 10px solid #ccc;

}



#ctoc-list-captions .ctoc-list-captions-title span::after {

    transition: 0.3s ease all;

    cursor: pointer;

    content: '';

    position: absolute;

    border: 10px solid transparent;

    border-top: 10px solid #000;

}



#ctoc-list-captions li {

    color: #000;

}



#ctoc-list-captions li a {

    color: #000000;

}



#ctoc-list-captions li a:hover {

    color: #0E080F;

}



.ctoc {

    background-color: #fff;

    color: #181818;

}



.ctoc-toggle {

    cursor: pointer;

    font-size: 1.5rem;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1.5rem;

}





.ctoc-toggle:after {

    content: '';

    display: inline-block;

    height: 9px;

    width: 9px;

    border: 2px solid transparent;

    border-bottom-color: #181818;

    border-right-color: #181818;

    transform: rotate(45deg);

    transition: .3s ease;

    position: relative;

    top: -3px;

    right: 2px;

}



.ctoc-toggle.active:after {

    transform: scale(1, -1) rotate(45deg);

    top: 3px;

}



@media ( max-width: 767px ) {

    .ctoc-body {

        display: none;

    }

}





.ctoc-toggle + .ctoc-body {

    padding-top: 0;

}



.ctoc-body {

    padding: 1.5rem;

}



.ctoc-body > ul {

    margin: 0;

    padding: 0;

}



.ctoc:not(.ctoc--images) ol a:before,

.ctoc:not(.ctoc--images) ul a:before {

    display: inline-block;

    margin-right: .25rem;

}



.ctoc:not(.ctoc--images) ol a:before {

    counter-increment: heading;

    content: counters(heading, '.') '.';

}

.ctoc:not(.ctoc--images) ul a:before {

    content: '';

    width: 4px;

    height: 4px;

    background-color: #000;

    border-radius: 50%;

}



.ctoc--images ul,

.ctoc--images ol {

    list-style: none;

}



.ctoc-body ul,

.ctoc-body ol {

    padding: 10px 0px 10px 15px;

    counter-reset: heading;

}



.ctoc-body > ul {

    padding: 0;

}



.ctoc__item {

    color: inherit;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: flex-start;

    padding: .25rem 0;

    align-items: center;

}



.ctoc__item-thumbnail {

    width: 50px;

    height: 50px;

    margin: 0 10px;

    background-position: center center;

    -webkit-background-size: contain;

    background-size: contain;

    background-repeat: no-repeat;

}



.ctoc__item-thumbnail img {

    max-width: 100%;

    height: auto;

}



.ctoc__item-number {

    display: none;

}