.book-tooltip {
    background-color: #fff;
    border: 1px solid #a2a9b1;
    padding: 5px 10px;
    font-size: 13px;
    display: none;
    max-width: 300px;
    box-sizing: border-box;
    z-index: 10;
}

.site_search_bar .book-tooltip {
    font-size: 14px;
    border-color: #E9E9E9;
}

.book-tooltip .book-tooltip-search-footer {
    border-top: 1px solid #E9E9E9;
    margin: 5px -10px -5px;
    padding: 5px 10px 6px;
    background: #eee;
}

.site_search_bar .book-tooltip a {
    margin: 4px 0;
    display: inline-block;
}

.book-tooltip a {
    color: #212121;
}

.book-tooltip a:hover {
    text-decoration: underline;
}

.book-tooltip a span {
    color: #999;
}

.book-tooltip[data-show] {
    display: block;
}

.book-tooltip .tooltip-arrow,
.book-tooltip .tooltip-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

.book-tooltip .tooltip-arrow {
    visibility: hidden;
}

.book-tooltip .tooltip-arrow::before {
    visibility: visible;
    content: '';
    transform: rotate(45deg);
    border: 1px solid #a2a9b1;
}

.book-tooltip[data-popper-placement^='top'] > .tooltip-arrow {
    bottom: -4px;
}

.book-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
    top: -5px;
}

.book-tooltip[data-popper-placement^='left'] > .tooltip-arrow {
    right: -4px;
}

.book-tooltip[data-popper-placement^='right'] > .tooltip-arrow {
    left: -4px;
}

.book-tooltip[data-popper-placement^='top'] > .tooltip-arrow::before {
    border-top: none;
    border-left: none;
}

.book-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow::before {
    border-bottom: none;
    border-right: none;
}