.treeview {
        padding-left: 20px;
    }
    .toc_text {
        color: #152f57;
        text-align: left !important;
        font-weight: normal;
    }
    .node {
        position: relative;
        margin-left: -20px;
    }
    .icon {
        margin-bottom: 5px !important;
    }
    .icon-parent {
        width: 36px;
        height: 36px;
        vertical-align: middle;
        margin-right: 8px;
    }
    .icon-child {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-right: 8px;
    }
    .node > a {
        display: block;
        padding: 8px 0;
        color: #333;
        text-decoration: none;
        position: relative;
    }
    .node > a:hover {
        background-color: #f5f5f5;
    }
    .node > a > .text {
        vertical-align: middle;
    }
    .node > .collapse {
        margin-left: 20px;
    }
    .node::after {
        content: "";
        position: absolute;
        top: 50px;
        left: 16px;
        bottom: -2px;
        width: 5px;
        background: #D3D3D3;
    }
        .child-node::after {
        content: "";
        position: absolute;
        top: 38px;
        left: 11px;
        bottom: -2px;
        width: 3px;
        background: #B3B3B3;
    }
    .treeview > ul > .node::after {
        top: 50px;
    }
    .node ul {
        padding-left: 20px;
    }
    .node ul .node {
        margin-left: 0;
    }