.sidebar {
    width: 17rem;
}
.sidebar-nav>ul {
    padding: 0;
}

.sidebar li {
    margin: 0;
    padding: 0;
}

.sidebar-nav>ul a {
    padding: 7px 24px 7px 16px
}

.sidebar-nav>ul a:hover {
    background-color: #E6ECF1;
    ;
}

.sidebar-nav>ul>li>ul>li>a {
    color      : #9DAAB6;
    border-left: 1px solid #E6ECF1;
}

a.title {
    margin         : 0 auto 1rem;
    font-size      : 1.5rem;
    font-weight    : 300;
    text-align     : center;
    display        : block;
    color          : #505d6b;
    text-decoration: none;
}
.sidebar li > p {
    font-weight: 500;
}
.sidebar ul li p.active {
    background-color: #eee;
}
.sidebar ul li p.active>a,
.sidebar ul li.active>a {
    border-right: 2px solid;
    color       : var(--theme-color, #42b983);
    font-weight : 600;
    color: #386AC0;
}

.page_toc .active,
.page_toc .active:hover,
.page_toc ul a:hover span {
    color: var(--theme-color, #386AC0);
}