#ppg_pages_preview{
    position: absolute;
    top: 850px;
    padding-left: 80px;
    height: 150px;
    /*display: none;*/
}

#ppg_pages_preview .ppg-pages-elem{
    width: 130px;
    float: left;
    padding: 10px;
    height: 100%;
    background-color: #FFFFFF;
    border: solid 1px black;
    margin-right: 15px;
    cursor: pointer;
}

#ppg_pages_preview .ppg-pages-btn-plus,
#ppg_pages_preview .ppg-pages-elem .ppg-preview-svg{
    width: 100%;
    height: 100px;
    position: relative;
}

#ppg_pages_preview .ppg-pages-elem .ppg-preview-svg{
    border: solid 1px #8e8e8e;
}

#ppg_pages_preview .ppg-preview-svg svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

#ppg_pages_preview .ppg-pages-elem p{
    padding-top: 10px;
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
}

#ppg_pages_preview .ppg-pages-elem.ppg-active{
    border-color: red;
}

#ppg_pages_preview .ppg-pages-btn-block:hover{
    border-color: #8bd9ff;
    background-color: #f1f8ff;
}

#ppg_pages_preview .ppg-pages-btn-plus:after,
#ppg_pages_preview .ppg-pages-btn-plus:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #8bd9ff;
}

#ppg_pages_preview .ppg-pages-btn-plus:after {
    width: 70px;
    height: 20px;
}

#ppg_pages_preview .ppg-pages-btn-plus:before {
    width: 20px;
    height: 70px;
}