.pdf-viewer-cmd{
    display: inline;
}

.pdf-viewer-cmd:hover{
    text-shadow: 0px 0px 15px #9b6868;
    color: rgb(78, 78, 78);
}
#pdf-canvas{
    /* dimensione a video = dimensione reale del bitmap, così lo zoom
       (canvas.width/height) cambia davvero la dimensione mostrata.
       Niente width fissa: il pannello scrolla se il PDF zoomato è più grande. */
    display: block;
    margin: 0 auto;
}

.pdf-container{
    /* fixed: sempre nel viewport (sopra la modale email) e header/X visibili
       anche a pagina scrollata. z-index > modale Bootstrap (1055). */
    position: fixed;
    border :solid 1px gray;
    width: 80%;
    left: 10%;
    z-index: 1100;

    margin: 10px;
    padding: 10px;
    box-shadow: 1px 2px 8px 2px rgb(144 144 144);
    display: none;
    background-color: rgb(233, 233, 233);
    border-radius: 4px;
    top:10px;
    /* scroll quando il contenuto zoomato supera il pannello */
    max-height: 90vh;
    overflow: auto;

}
/* Pulsante di chiusura anteprima: sempre visibile in alto a destra,
   sopra la toolbar (.pdf-tools-cmd, right:50px) */
.pdf-container .btn-close.close-pdf{
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    opacity: 0.9;
    cursor: pointer;
}
.pdf-container .btn-close.close-pdf:hover{
    opacity: 1;
}
.pdf-tools-cmd{
    display: flex;
    float: right;
    position: absolute;
    right: 50px;

}
.pdf-btn{
    font-size: 26px;
    width: 36px;
    border: solid 1px gray;
    border-radius: 6px;
    height: 38px;
    padding-top: 6px;
    line-height: 1;
    text-align: center;
    margin-right: 3px;
    padding-top: 4px;
    color: rgb(105, 105, 105);
    cursor: pointer;
}
.form-control.num_page{
    height: 35px;
    margin-top: -4px;
}
.progress{
    height: .40rem !important;
    border-radius: unset !important;
}