.add-on-btn-wrapper{
    display: inline-block;
    margin-top: 20px
}
.add-on-btn{
    width: 160px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0;
}

#preview-image{
    max-width:100%;
    margin: auto;
    display: block;
}

#preview-image-wrapper{
    overflow: hidden;
}

.thumbnail-wrapper{
    width:100%;
}

@media (min-width: 1180px)  {
    .fix-preview-image-card {
        position: fixed;
        left: 59%;
        width: 39%;
        margin: 0 15px;
        top: 0px;
        max-height: 95vh;
    }

    #preview-image {
        height: calc(95vh - 140px);
    }
}

@media (min-width: 1400px) {
    .fix-preview-image-card {
        left: 58%;
        width: 40%;
    }
}

@media (min-width: 1700px) {
    .fix-preview-image-card {
        left: 56%;
        width: 42%;
    }
}
@media (max-width: 600px)  {
    .add-on-btn{margin-top: 5px;}
    .add-on-btn-wrapper{display: block}
}

#result_list td{
    display: table-cell;
    max-width: 400px;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

#result_list td.field-inscription{
    display: block;
    width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}