.catalog {
    background: #efefef;
    overflow: auto;
}
.catalog .closeCatalog {
    display: block;
    text-align: center;
    font-weight: bold;
    font-family: textbold;
}
.catalog .catalogcont {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
}
.catalog .catalogcont::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #555555;
}
.catalog .catalogcont::-webkit-scrollbar-track,
.catalog .catalogcont::-webkit-scrollbar-thumb {
    border: 5px solid rgba(255, 255, 255, 0);
    background-clip: padding-box;
}
.catalog .catalogcont::-webkit-scrollbar-track {
    background-color: #ccc;
}
.catalog .catalogcont::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
}
.catalog .catalogcont .gobackcatalog {
    position: absolute;
    bottom: 15px;
    right: 3rem;
}
.catalog .catalogcont .gobackcatalog a {
    cursor: pointer;
    font-family: "textbold";
    font-size: 0.9rem;
    color: #000000;
    user-select: none;
}
.catalog .catalogcont #bb-bookblock {
    height: 50vh;
    width: 100%;
    z-index: 0;
    position: relative;
    background: #efefef;
}
.catalog .catalogcont #bb-bookblock .bb-item {
    text-align: center !important;
    overflow: hidden;
}
.catalog .catalogcont #bb-bookblock .bb-item.portada {
    border: none;
}
.catalog .catalogcont #bb-bookblock .bb-item.portada .border-half {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background: transparent;
}
.catalog .catalogcont #bb-bookblock .bb-item.contraportada {
    border: none;
}
.catalog .catalogcont #bb-bookblock .bb-item.contraportada .border-half {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
.catalog .catalogcont #bb-bookblock .catalog-back {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.catalog .catalogcont #bb-bookblock .catalog-toggle-height {
    width: auto;
    height: 100%;
}
.catalog .catalogcont #bb-bookblock .catalog-toggle-width {
    width: 100%;
    height: auto;
}
.catalog .catalogcont #bb-nav-prev,
.catalog .catalogcont #bb-nav-next,
.catalog .catalogcont #bb-nav-reset,
.catalog .catalogcont #bb-nav-first,
.catalog .catalogcont #bb-nav-last,
.catalog .catalogcont #bb-nav-zoomout,
.catalog .catalogcont #bb-nav-zoomin {
    display: inline-block;
    height: 32px;
}
.catalog .catalogcont #bb-nav-zoomout {
    margin-left: 0.5rem;
    margin-right: 0.25rem;
}
.catalog .catalogcont #bb-nav-prev img {
    transform: rotate(180deg);
}
.catalog .catalogcont #bb-nav-prev img,
.catalog .catalogcont #bb-nav-next img,
.catalog .catalogcont #bb-nav-reset img,
.catalog .catalogcont #bb-nav-zoomout img,
.catalog .catalogcont #bb-nav-zoomin img {
    height: 25px;
    width: auto;
    display: block;
    margin-top: 0.5rem;
}
.catalog .catalogcont #bb-nav-first i,
.catalog .catalogcont #bb-nav-last i {
    font-size: 2rem;
}
.catalog .catalogcont #bb-nav-prev {
    margin-left: 1rem;
}
.catalog .catalogcont #bb-nav-next {
    margin-left: 1rem;
    margin-right: 1rem;
}
.catalog .catalogcont .navigation-catalogs {
    z-index: 999;
    width: auto;
}