.printable-links {
    list-style: none;
    padding: 0;
    text-align:right;
    margin: 0 0 20px;
}
.printable-links ul {
    margin: 0;
    padding: 0;
}
.printable-links li {
    display: inline-block;
    margin-right: 1em;
}
.printable-links li:last-child {
    margin-right: 0;
}

.printable-links a {
    display: inline-flex;
    align-items: center;
}

.print-link:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.5em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333' d='M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.mail-link:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.5em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333' d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

#printable-links-send-mail-form .form-actions {
    margin-top: 1.5em;
    text-align: right;
}

#printable-links-send-mail-form .form-actions .button {
    margin-left: 0.5em;
}

.ui-widget-overlay {
    opacity: 0.8;
}

.ui-dialog {
    padding: 0 !important;
}

.ui-dialog-content {
    height: auto !important;
}

.ui-dialog input,
.ui-dialog textarea,
.ui-dialog button {
    font-family: "Asap", serif;
}

.ui-dialog .ui-dialog-titlebar {
    font-family: "Fjalla One", serif;
    font-size: 1.25rem;
    background: var(--mediachimie-color);
    color: var(--mediachimie-color-white);
    border: 0;
    padding: .6em 0.8em;
    border-radius: 0;
}
.ui-dialog label {
    font-family: "Fjalla One", serif;
}

.ui-button,
.ui-button:hover {
    background: var(--mediachimie-color);
    color: var(--mediachimie-color-white);
    border-radius: 5px;
}
    /* Messages d'erreur dans la modale */
#printable-links-send-mail-form .messages {
    margin-bottom: 1em;
}