:root{
    --bookmarkItemHover: #00497D;
    --bookmarkItemSelected: #0069b3;

    --bookmarkItemLabel: #0069b3;
    --bookmarkItemSelectedLabel: #fff;
}


#sidebarContent{
    box-shadow: 0 4px 6px 0 var(--shadow);
    border-radius: 0 0 4px 0;
}

#sidebarContainer{
    border-top: none;
    z-index: 4;
}

#sidebarContainer .btn-icon{
    background: white;
}

#thumbnailView,
#outlineView{
    overflow-x: hidden;
    background: white;
}

.thumbnail{
    margin: 0 10px 10px;
    border: 2px solid transparent;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.thumbnail.selected{
    border: 2px solid var(--mainColor) !important;
}

#toolbarSidebar{
    box-shadow: none;
    border-bottom: none;
    border-radius: 0 4px 0 0;
}

#outlineView{
    width: calc(100% - 16px);
    padding: 8px 8px 0;
}

.treeItem{
    border-radius: 3px;
    padding: 2px 4px;
    margin: 4px 0;
}
.treeItem a{
    color: var(--bookmarkItemLabel);
    font-size: 14px;
    font-weight: 600;
}
.treeItem.selected{
    background: var(--bookmarkItemSelected);
}
.treeItem.selected a{
    background-color: transparent;
    color: var(--bookmarkItemSelectedLabel);
}
.treeItem:hover{
    color: var(--bookmarkItemSelectedLabel);
    background: var(--bookmarkItemHover);
}
.treeItem:hover a{
    color: var(--bookmarkItemSelectedLabel);
}
.treeItem > a:hover{
    background-color: transparent;
    color: var(--bookmarkItemSelectedLabel);
}

#topBarSidebarContainer{
    background: var(--mainColor);
    border-radius: 0 4px 0 0;
    display: flex;
    justify-content: space-between;
}

#topBarSidebarLeft{
    display: flex;
}

#topBarSidebarRight button{
    border-radius: 0 4px 0 0;
}

.btn-pdf-toolbar{
    height: 33px;
    width: 33px;
    padding: 8px;
    cursor: pointer;
    border: 0;
    background: transparent;
}

.btn-pdf-toolbar:hover{
    background: #003f6b;
}

.btn-pdf-toolbar.toggled{
    background: #003f6b;
}


#sidebarContainer #topBarSidebarRight{
    display: none;
}

.pdfSidebarNotification::after,
#currentOutlineItem::before{
    display: none;
}

.treeItem.selected > a{
    background-color: transparent;
    color: white;
}