#app .pdf-sidebar
{
    grid-area: sidebar;
    /* background-color: rgb(144, 164, 174); */
    height: 100%;
    box-shadow: 0 0 10px lightgrey;
}

#app .pdf-sidebar .item-list
{
    /* display: flex; */
    /* flex-direction: column; */
    height: 100%;
    overflow: hidden;
}

#app .pdf-sidebar > .item-list
{
    overflow-y: scroll;
}

#app .pdf-sidebar .one-item
{
    transition: 0.2s background-color;
    font-size: 14px;
    padding: 15px;
    box-sizing: border-box;
    font-weight: bold;
    cursor: pointer;
}

#app .pdf-sidebar .item-list .item-list .one-item
{
    padding-left: 30px;
    font-weight: normal;
}

#app .pdf-sidebar .one-item.active
{
    background-color: rgba(30, 30, 30, 0.2);
}

.one-item:not(.disabled):hover
{
    background-color: rgba(30, 30, 30, 0.1);
}

#app .pdf-sidebar .item-list-title i
{
    font-size: 25px;
    float: right;
    color: var(--main-brand-color);
}

#app .pdf-sidebar .has-list
{
    overflow: hidden;
}

#app .pdf-sidebar .has-list.transition
{
    transition: 0.4s max-height;
}

#app .pdf-sidebar .one-item .check,
#app .pdf-sidebar .one-item .grab
{
    float: right;
    margin-right: 10px;
    color: var(--main-brand-color);
}

#app .pdf-sidebar .one-item .grab
{
    cursor: grab;
}

#app .pdf-sidebar .one-item.floating,
#app .pdf-sidebar .one-item.floating .grab
{
    cursor: grabbing;
}

#app .pdf-sidebar .item-list.floating .one-item.floating
{
    box-shadow: 0 0 10px gray;
    transform: translateY(0);
    z-index: 1;
    background-color: white;
    transition: none;
}

#app .pdf-sidebar .one-item.shift-up
{
    transform: translateY(-100%);
}

#app .pdf-sidebar .one-item.shift-down
{
    transform: translateY(100%);
}

#app .pdf-sidebar .item-list.floating .one-item
{
    transition: 0.1s transform;
}