div.pricelist {
    max-width: none !important;
    margin-bottom: 1em;
}

.pricelist_socials_bar {
    display: inline-block;
    float: right;
}

.pricelist_socials_bar img {
    width: 25px;
    padding: 1px;
    border: 0;
    box-shadow: 0;
    display: inline;
}

.pricelist_socials_bar a {
    text-decoration: none;
}

table.pricelist {
    overflow: unset;
    border-collapse: collapse;
}

table.pricelist,
table.pricelist > thead > tr > th {
    border: 1px solid;
}

tr.pricelist {
    font-weight: bold;
}

table.pricelist > thead > tr > th {
    padding: 5px;
}

td.pricelist {
    text-align: center;
    word-break: break-word;
    padding: 3px;
    vertical-align: middle;
    border: 1px solid;
}

table.pricelist span.price {
    white-space: nowrap;
}

table.pricelist pre {
    white-space: break-spaces;
}

thead img.pricelist {
    max-width: 100px;
    max-height: 100px;
}

tbody img.pricelist {
    max-height: 50px;
    max-width: 50px;
}

.pricelist_zoom {
    transition: transform .5s;
    transform-origin: left;
}

tbody .pricelist_zoom:hover {
    transform: scale(10);
}
thead .pricelist_zoom:hover {
    transform: scale(5);
}

button.pricelist, input[type='submit'].pricelist {
    width: 200px;
    font-size: 15px;
    line-height: normal;
    padding: 15px;
    text-transform: none;
}

button.pricelist:hover, input[type='submit']:hover.pricelist:hover {
    text-decoration: unset;
}

button.pricelist:focus, input[type='submit']:focus.pricelist:focus,
input[type='checkbox']:focus.pricelist:focus {
    text-decoration: unset;
    outline: none;
}

s.pricelist {
    opacity: 0.8;
}

.pricelist.normal  { font-size: 1em; }
.pricelist.small   { font-size: 0.85em; }
.pricelist.xsmall  { font-size: 0.8em; }
.pricelist.xxsmall { font-size: 0.7em; }

.pricelist.name {
    font-weight: bold;
    min-width: 50px;
}

.pricelist.sku {
    font-size: 0.7em;
}

.pricelist.stock {
    font-size: 0.7em;
    word-break: normal;
}
.pricelist.i-stock { color: #2abf52; }
.pricelist.o-stock { color: #e8321a; }
.pricelist.b-stock { color: #f08011; }

.pricelist_inline_attachments {
    margin: 0;
    padding: 0;
}

table.pricelist.pricelist_inline_attachments > thead > tr > th {
    padding: 0 0 0 5px;
}

div.pricelist .pricelist_inline_attachments th button {
    font-family: monospace;
    background-color: inherit;
    color: inherit;
    border: 0;
    display: inline;
    outline: 0;
    padding: 0.25em 1em 0 1em;
}

table.pricelist > tbody > tr.pricelist_has_attachments,
table.pricelist > tbody > tr.pricelist_has_attachments > td.name {
    border-bottom: 0;
}
table.pricelist > tbody > tr.pricelist_inline_attachments,
table.pricelist > tbody > tr.pricelist_inline_attachments > td {
    border-top: 0;
}

.pricelist_inline_attachments th button.opened::before {
    font: var(--fa-font-solid);
    content: "\f077";
}
.pricelist_inline_attachments th button.closed::before {
    font: var(--fa-font-solid);
    content: "\f078";
}

div.pricelist .closed, div.pricelist .hidden {
    display: none;
}

div.pricelist button.pricelist_attachment.closed {
    display: initial;
}

div.pricelist button.pricelist_attachment.closed::before {
    content: var(--pricelist-show-attachments);
}
div.pricelist button.pricelist_attachment.opened::before {
    content: var(--pricelist-hide-attachments);
}
div.pricelist_toggle.pdf > button::before {
    content: var(--pricelist-toggle2html);
}
div.pricelist_toggle.html > button::before {
    content: var(--pricelist-toggle2pdf);
}
div.pricelist_toggle.html > div.pdf, div.pricelist_toggle.pdf > div.html {
    display: none;
}