/**
 * PrestaShop module created by VEKIA, a guy from official PrestaShop community ;-)
 *
 * @author    VEKIA https://www.prestashop.com/forums/user/132608-vekia/
 * @copyright 2010-2021 VEKIA
 * @license   This program is not free software and you can't resell and redistribute it
 *
 * CONTACT WITH DEVELOPER http://mypresta.eu
 * support@mypresta.eu
 */

.orderfiles_thumb {
    display: inline-block;
}

.orderfiles_thumb_td {
    width: 110px;
    padding: 10px;
}

.orderfiles_thumb img {
    padding: 5px;
    background: #FFF;
    border: 1px solid #c0c0c0;
}

#order .orderfiles_thumb {
    clear: both;
    margin-right: 10px;
}

.orderfiles_thumb_td {
    text-align: center;
}

.orderfiles_thumb {
    margin: auto;
    display: block;
    text-align: center;
}

.centertd {
    text-align: center;
}

.selectProductOrderFiles {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.selectProductOrderFiles select {
    font-size: 12px;
    max-width: 200px;
}

.fileInstance {
    display: block;
    padding-bottom: 30px;
    text-align: center;
}

.fileInstance .comment_comments .card-block {
    padding-bottom: 40px;
    -webkit-box-shadow: 0px 10px 5px -7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 5px -7px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 5px -7px rgba(0, 0, 0, 0.15);
    border: none !important;
}

.OrderFiles-FileBlock {
    border: 1px dotted #c0c0c0;
    background: #fafafa;
    padding: 10px;
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    border-top: none;
}

.fileInstance h5 {
    background: #000;
    color: #FFF;
    margin: 0px !important;
    padding: 10px 5px;
}

#order_files {
    table-layout: fixed!important;
}

#order_files th:first-child,
#order_files td:first-child {
    width: 20% !important;
}

#order_files th:nth-child(2),
#order_files td:nth-child(2) {
    width: 65% !important;
}

#order_files th:last-child,
#order_files td:last-child {
    width: 15% !important;
}

#ajax-file-upload {
    all: unset;
    display: inline-block;
    padding: 0.5em 1em;
    background: var(--primary-color, #007bff);
    color: #fff;
    border-radius: 4px;
    font: inherit;
    cursor: pointer;
}

#ajax-file-upload:hover {
    background: var(--primary-dark-color, #0056b3);
}