.shelf-list {
    text-transform: uppercase;
    font-family: Arial;
    width: 100%;
    background-color: #dfdfdf;
    text-align: left;
    color: #4a4a4a;
    line-height: 30px;
    font-size: 1em;
    opacity: 0.9;
}

.shelf-list-topic:hover {
    background: #3b9a8bc4;
    color: white;
    cursor: pointer;
}


.shelf-list-topic {
    font-weight: bold;
    font-size: 1em;
    border-bottom: 1px solid white;
}

.shelf-generic-title {
    opacity: 1;
    cursor: auto !important;
    background: #3b9a8bc4;
    color: white;
    font-weight: 550;
    line-height: 30px;
    padding: 5px;

    display: flex;
    justify-content: space-between;
}

.shelf-generic-title span {
    margin-left: 5px;
}

.shelf-generic-title .expander i {
    margin-right: 5px;
    cursor: pointer;
    opacity: 0.8;
}

.shelf-generic-title .mag-glass i {
    margin-left: 5px;
}

.shelf-generic-title .expander i:hover {
    opacity: 1;
}


.shelf-generic-not-found,
.shelf-generic-not-found:hover {
    font-weight: 550;
    color: #f52d2d;
    background: none;
    border-bottom: none;
}

.shelf-focused rect,
.shelf-focused-hover rect,
.shelf-focused path,
.shelf-focused-hover path {
    fill: #66afa4 !important;
    animation: blinkAnimation 0.7s infinite;
}

@keyframes blinkAnimation {
    0% {
        stroke: #66afa4;
        stroke-width: 0;
    }

    50% {
        stroke: #66afa4;
        stroke-width: 1;
    }

    100% {
        stroke: #66afa4;
        stroke-width: 0;
    }
}

.shelf-list-topic .arrow {
    vertical-align: middle;
}

.shelf-list-topic .dashicons-disabled {
    opacity: 0.1;
}

.shelf-list-topic .dashicons-hidden {
    opacity: 0;
}

.arrow {
    vertical-align: middle;
}

.dashicons-disabled {
    opacity: 0.1;
}

.dashicons-hidden {
    opacity: 0;
}
















.udc-header.collapsible::before,
/* .udc-header.collapsible-disabled::before, */
.udc-header.open::before,
.shelf-list-topic:not(.udc-header.collapsible):not(.udc-header.open)::before {
    font-family: "dashicons";
    content: "\f345";
    margin-left: 4px;
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.udc-header.open::before {
    content: "\f347";
}

.udc-header.collapsible-disabled::before {
    opacity: 0.3;
}

.shelf-list-topic:not(.udc-header.collapsible):not(.udc-header.open):not(.udc-header.collapsible-disabled)::before {
    opacity: 0;
}