/* Global Sidebar styles */

.sidebar-left,
.sidebar-right {
    width: 100%;
    position: sticky;
    top: 57px;
    height: calc(100vh - 57px);
    padding: 1rem;
    overflow-y: auto;
}

.sidebar-left {
    border-right: 1px solid #dee2e6;
}

.sidebar-right {
    border-left: 1px solid #dee2e6;
}

#leftSidebar .nav-link,
#leftSidebarMobile .nav-link,
#rightSidebar .nav-link, 
#rightSidebarMobile .nav-link {
   display: block;
   padding: .125rem 0 .125rem .75rem;
   color: inherit;
   text-decoration: none;
   border-left: .125rem solid transparent;
}

#leftSidebar .nav-link.active,
#leftSidebarMobile .nav-link.active,
#rightSidebar .nav-link.active, 
#rightSidebarMobile .nav-link.active {
   border-left-color: var(--bd-toc-color);
}

#leftSidebar .nav-link:hover,
#leftSidebarMobile .nav-link:hover,
#rightSidebar .nav-link:hover,
#rightSidebarMobile .nav-link:hover {
   color: var(--bd-toc-color);
   border-left-color: var(--bd-toc-color);
}