div.fr-box h1[data-toc-indent],
div.fr-box h2[data-toc-indent],
div.fr-box h3[data-toc-indent],
div.fr-box h4[data-toc-indent],
div.fr-box h5[data-toc-indent],
div.fr-box h6[data-toc-indent] {
    border-bottom: 1px dashed #555;
    position : relative;
}

div.fr-box *[data-toc-indent]:after {
    position  : absolute;
    right     : 0;
    bottom    : 0;
    display   : inline-block;
    background: #555;
    padding   : 2px 5px;
    font-size : 11px;
    color     : #fff;
    content   : 'TOC';
    font-weight : normal;
}

div.fr-box *[data-toc-indent="1"]:after {
    content   : 'TOC: Level 1';
}

div.fr-box *[data-toc-indent="2"]:after {
    content   : 'TOC: Level 2';
}

div.fr-box *[data-toc-indent="3"]:after {
    content   : 'TOC: Level 3';
}

div.fr-box #TOCpopupClose-1 {
    float : right;
}

div.fr-box .toc-popup-layer {
    padding: 15px;
}

div.fr-box .toc-popup-layer > div {
    margin-bottom: 14px;
}

div.fr-box .toc-popup-layer label {
    display: inline-block;
    width  : 115px;
}

div.fr-box .toc-popup-layer label span {
    color        : #999;
    font-size    : 13px;
    display      : inline-block;
    font-weight  : bold;
    float        : right;
    padding-right: 3px;
    padding-top  : 2px;
}

div.fr-box .toc-popup-layer .toc-header-text span {
    font-size  : 20px;
    font-weight: bold;
}