.home-img {
    display: flex;
    justify-content: center;
}

/* uploader */
.gn-uploader {
    text-align: center;
    border: 1px solid var(--border-default-grey);
}

.gn-uploader.active {
    background-color: var(--background-contrast-grey);
}

.gn-uploader-content {
    max-width: 80%;
    margin: 2rem auto;
}

.gn-uploader [class^="fr-icon-"]::before {
    background-color: var(--background-action-high-blue-france);
}

.gn-uploader h2,
.gn-uploader p {
    margin-bottom: 0;
}

.gn-uploader h2 {
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 500;
}

.gn-uploader p {
    position: relative;
    margin: .75rem 0;
}

.gn-uploader p:not(.fr-error-text)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    margin: auto;
    background-color: var(--border-default-grey);
}

.gn-uploader p span {
    position: relative;
    padding: .45rem;
    background-color: var(--background-default-grey);
    z-index: 2;
}

.gn-uploader-button label {
    position: relative;
}

.gn-uploader-button label:hover {
    cursor: pointer;
    background-color: var(--hover-tint);
}

.gn-uploader [type=file] {
    display: none;
}

/* Documents list */
.os-docs-wrapper__actions {
    display: flex;
    gap: 1rem;
    align-items: start;
}

.os-docs-wrapper #page-content {
    padding: 1rem;
    border: 1px solid var(--border-default-grey);
}

#sideMenuPanel.multiBriefcaseSignaturePanel {
    padding-right: 0.25rem;
}

.multiBriefcaseSignaturePanel .fr-btns-group {
    justify-content: space-evenly;
}

.multiBriefcaseSignaturePanel .documents-list__title {
 font-size: 1.25rem;
}

.documents-list__folder {
    padding-block-end: 1rem;

}


.documents-list {
    /* margin-right: -1rem; */
    //margin-bottom: 1rem;
    --ul-type: none;
    --ul-start: 0;
    --underline-img: none;
    --li-bottom: 0;
    padding-right: 0;
    box-shadow: none;
    overflow-y: auto;
}

.documents-list__title {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.documents-list__title .fr-h5 {
    margin-bottom: 0;
}

.documents-list .fr-sidemenu__list {
    margin-bottom: 1rem;
    will-change: contents;
}

.documents-list .fr-sidemenu__list:empty {
    min-width: 20rem;
}

.documents-list .fr-sidemenu__item {
    display: flex;
    align-items: stretch;
    padding: 0.25rem 0 0.25rem 0.25rem;
}

.documents-list .fr-sidemenu__item:hover {
    background-color: var(--background-default-grey-hover);
}

.documents-list .fr-sidemenu__link {
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 0;
}

.documents-list .fr-sidemenu__item .fr-checkbox-group {
    align-self: center;
}

.documents-list .fr-sidemenu__item .fr-sidemenu__link {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

.fr-sidemenu__item:hover .gn-sidemenu-item--details,
.fr-sidemenu__item:focus-within .gn-sidemenu-item--details,
.fr-sidemenu__item--active .gn-sidemenu-item--details {
    opacity: 1;
    height: 1.25rem;
}

.gn-sidemenu-item--details {
    height: 0px;
    transition: all 0.3s;
    opacity: 0;
    font-size: smaller;
    font-weight: normal;
    display: flex;
    gap: 10px;
}

.gn-sidemenu-item--details i {
    background-color: rgb(226, 233, 255);
    border-radius: 4px;
    padding: 0 4px;
    line-height: 1.25rem;
}

.gn-sidemenu-item--details .mtime {
    margin-left: auto;

}


.gn-sidemenu-item--details .mtime.modified {
    animation: highlight 500ms ease-in-out 2;
}

@keyframes highlight {
    50% {
        background-color: rgb(255, 217, 0);
    }

    0%,
    100% {
        background-color: initial;
    }
}

.fr-sidemenu__item .mime {
    margin-left: -.5rem;
    margin-right: .25rem;
}

.documents-list .fr-sidemenu__btn[aria-current]:before,
.documents-list .fr-sidemenu__link[aria-current]:before {
    top: 0;
    bottom: 0;
}

.extra-menu {
    display: inline-flex;
    z-index: 2;
}

.extra-menu>ul {
    padding: 0;
    margin: 0;
}

.extra-menu li {
    display: block;
    transition-duration: 0.5s;
    padding-bottom: 0;
}

.extra-menu li:hover {
    cursor: pointer;
}

.extra-menu ul li ul {
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 0;
    display: none;
    width: fit-content;
    filter: drop-shadow(var(--raised-shadow));
    transform: translateX(-2.5rem);
}

.extra-menu ul li:hover>ul,
.extra-menu ul li ul:hover,
.extra-menu ul li ul:focus {
    visibility: visible;
    opacity: 1;
    display: flex;
    flex-direction: column;
}

/* IE 11 won't get this, but at least the top-level menus will work */
ul li:focus-within>ul {
    visibility: visible;
    opacity: 1;
    display: block;
}

.extra-menu ul li ul.dropdown li a.fr-btn {
    margin-bottom: 0;
}


a.mime,
span.mime {
    --blend-position: 0% !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    position: relative;
    min-width: 2rem;
    display: block;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url(../img/mimes/file_base.png);
}

.mime.folder {
    background-image: url(../img/mimes/folder.png);
    background-size: 40px;
    padding: 6px 0 6px 40px;
}

.mime.pdf {
    background-image: url(../img/mimes/mime_pdf.png);
}

.mime.doc {
    background-image: url(../img/mimes/mime_doc.png);
}

.mime.docx {
    background-image: url(../img/mimes/mime_docx.png);
}

.mime.jpg,
.mime.jpeg {
    background-image: url(../img/mimes/mime_jpg.png);
}

.mime.png {
    background-image: url(../img/mimes/mime_png.png);
}

.mime.gif {
    background-image: url(../img/mimes/mime_gif.png);
}

.mime.html {
    background-image: url(../img/mimes/mime_html.png);
}

.mime.odg {
    background-image: url(../img/mimes/mime_odg.png);
}

.mime.odp {
    background-image: url(../img/mimes/mime_odp.png);
}

.mime.ods {
    background-image: url(../img/mimes/mime_ods.png);
}

.mime.odt {
    background-image: url(../img/mimes/mime_odt.png);
}

.mime.ppt {
    background-image: url(../img/mimes/mime_ppt.png);
}

.mime.pptx {
    background-image: url(../img/mimes/mime_pptx.png);
}

.mime.txt {
    background-image: url(../img/mimes/mime_txt.png);
}

.mime.xls {
    background-image: url(../img/mimes/mime_xls.png);
}

.mime.xlsx {
    background-image: url(../img/mimes/mime_xlsx.png);
}

.mime.vsd {
    background-image: url(../img/mimes/mime_vsd.png);
}

.mime.rtf {
    background-image: url(../img/mimes/mime_rtf.png);
}

.mime.xml {
    background-image: url(../img/mimes/mime_xml.png);
}

.mime.csv {
    background-image: url(../img/mimes/mime_csv.png);
}

.mime.json {
    background-image: url(../img/mimes/mime_json.png);
}

.mime.audio {
    background-image: url(../img/mimes/file_audio.png);
}

.mime.video,
.mime.mp4 {
    background-image: url(../img/mimes/file_video.png);
}

.mime.image {
    background-image: url(../img/mimes/file_image.png);
}

.mime.base {
    background-image: url(../img/mimes/file_base.png);
}





/* centrage en hauteur des liens du header*/
header .fr-header__tools-links .fr-btns-group {
    align-items: center;
}


/* header.fr-header>.fr-header__body>.fr-container, */
main>.fr-container {
    max-width: unset !important;
}

.gn-uploader .gn-label--mandatory:after {
    display: none;
}

.gn-uploader .gn-uploader-button label {
    --text-default-error: #fff;
}

.dm-uploader.gn-uploader.fr-input--error {
    border-bottom-color: var(--border-plain-error);
    border-bottom-width: 2px;
}

.dm-uploader.gn-uploader.fr-input--valid {
    border-bottom-color: var(--border-plain-success);
    border-bottom-width: 2px;
}

#files li.media i.fas {
    float: right;
    cursor: pointer;
    font-size: 18px;
    color: #d00707;
}

#togglePanelState {
    position: absolute;
    left: -999px;
    visibility: hidden;
}

#togglePanelState:not(:checked)+.documentsListPanel+div [data-toggle-panel-visibility]:nth-of-type(2) {
    display: none;
}

#togglePanelState:checked+.documentsListPanel+div [data-toggle-panel-visibility]:nth-of-type(1) {
    display: none;
}

@keyframes button-translate-x {

    0%,
    100% {
        transform: translateX(0);
    }

    75% {
        transform: translateX(var(--animation-translate-x));
    }
}

[data-toggle-panel-visibility]:hover,
[data-toggle-panel-visibility]:focus-visible {
    --animation-translate-x: -6px;
    animation: button-translate-x 500ms linear 2;
}

[data-toggle-panel-visibility]:nth-of-type(2):hover,
[data-toggle-panel-visibility]:nth-of-type(2):focus-visible {
    --animation-translate-x: +6px;
}

.documentsListPanel {
    transition: all 300ms ease-in-out;
    flex-basis: content;
    max-width: 33dvw;
    /* overflow-y: auto;
    overscroll-behavior: contain; */
}

:root {
    --page-content-height: 80vh;
}

.documentsListPanel .fr-sidemenu__list:first-of-type {
    max-height: var(--page-content-height);
}

#togglePanelState:checked+.documentsListPanel {
    transform-origin: center;
    transform: translateX(-100vw);
    opacity: 0;
    flex-basis: unset;
    width: 0;
    height: 0;
    padding: 0;
}

.scroller {
    --scrollbar-color-thumb: #09B9FF;
    --scrollbar-color-track: #09b9ff22;
    --scrollbar-width: auto;
    --scrollbar-width-legacy: 6px;
    /* overscroll-behavior: contain; */
}

/* Modern browsers with `scrollbar-*` support */
@supports (scrollbar-width: auto) {
    .scroller {
        scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
        scrollbar-width: var(--scrollbar-width);
        scrollbar-gutter: auto;
    }
}

/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {

    .scroller::-webkit-scrollbar {
        max-width: var(--scrollbar-width-legacy);
        max-height: var(--scrollbar-width-legacy);
    }

    .scroller::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .scroller::-webkit-scrollbar-track {
        background: transparent;
    }

    .scroller:hover::-webkit-scrollbar-thumb {
        background: var(--scrollbar-color-thumb);
    }

    .scroller:hover::-webkit-scrollbar-track {
        background: var(--scrollbar-color-track);
    }

    .scroller:hover {
        --fix: ;
        /* This custom property invalidates styles on hover, thereby enforcing a style recomputation. This is needed to work around a bug in Safari. */
    }

    .scroller {
        scrollbar-width: thin;
    }
}

/** couleur custom sur les boutons */
.gn-btn--green {
    background-color: var(--success-425-625);
    color: var(--grey-1000-50);
    --hover-tint: var(--success-425-625-hover);
    --active-tint: var(--success-425-625-active);
}

.gn-btn--red {
    background-color: var(--error-425-625);
    color: var(--grey-1000-50);
    --hover-tint: var(--error-425-625-hover);
    --active-tint: var(--error-425-625-active);
}

.gn-btn--yellow {
    background-color: var(--background-action-low-yellow-tournesol);
    color: var(--grey-50-1000);
    --hover-tint: var(--background-action-low-yellow-tournesol-hover);
    --active-tint: var(--background-action-low-yellow-tournesol-active);
}

/** fin couleur custom sur les boutons */

/** Signature to process notification in header */
.signature-to-process--link[data-signature-to-process="0"] {
    display: none;
}

.signature-to-process--link::after {

    --size: 1.5rem;
    --bg-color: red;

    font-size: calc(var(--size) / 1.65);
    line-height: calc(var(--size) / 1.65);
    font-weight: bold;

    content: attr(data-signature-to-process);

    background-color: var(--bg-color);
    border: 2px solid white;
    color: white;

    width: calc(var(--size));
    height: calc(var(--size));
    aspect-ratio: 1 / 1;

    border-radius: 50%;
    display: grid;
    place-items: center;

    transform: translate(-50%, -50%);
}

/** fin style notification signature to process */


/** Style des signature requests */
#page-content {
    container-type: inline-size;
    container-name: signatures-list-container;
}

.signature-request-recap {
    display: flex;
    align-items: stretch;
    margin-bottom: 1rem;
    gap: 1rem;
}

.signature-request-recap .fr-callout {
    flex: 1;
    display: flex;
    gap: 0.25rem;
    flex-direction: column;
}

.signature-request-signatures {
    flex: 1;
    margin-left: auto;
    container-type: inline-size;
    container-name: signatures;
}

.signature-request-signatures--signature figcaption {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0.5rem 0;
}

.signature-request-signatures--signature blockquote {
    color: #555;

}

.signature-request-signatures .signature-request-signatures--signature {
    margin-bottom: 0.5rem;
}

.signature-request-signatures .signature-request-signatures--signature:not(:last-of-type) {
    border-bottom: 1px solid #ddd;
}

@container signatures-list-container (width < 850px) {
    .signature-request-recap {
        flex-direction: column;
        gap: unset;
    }

    .signature-request-recap .fr-callout {
        gap: unset;
        margin-bottom: unset;
    }

    .signature-request-signatures {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin-left: unset;
        align-items: center;
        gap: 1rem;
    }

    .signature-request-signatures--signature figcaption {
        gap: 0 0.5rem;
    }

    .signature-request-signatures figure {
        flex-basis: calc(50% - 1rem);
    }

    .signature-request-signatures .signature-request-signatures--signature:not(:last-of-type) {
        border: unset;
    }
}

.gn-callout--accepted {
    --idle: transparent;
    --hover: var(--background-contrast-success-hover);
    --active: var(--background-contrast-success-active);
    background-color: var(--background-contrast-success);
    box-shadow: inset .25rem 0 0 0 var(--text-default-success);
}

.gn-callout--refused {
    --idle: transparent;
    --hover: var(--background-contrast-error-hover);
    --active: var(--background-contrast-error-active);
    background-color: var(--background-contrast-error);
    box-shadow: inset .25rem 0 0 0 var(--text-default-error);
}

.gn-callout--uncertain {
    --idle: transparent;
    --hover: var(--background-contrast-yellow-moutarde-hover);
    --active: var(--background-contrast-yellow-moutarde-active);
    background-color: var(--background-contrast-yellow-moutarde);
    box-shadow: inset .25rem 0 0 0 var(--border-default-yellow-moutarde);
}

.gn-callout--info {
    --idle: transparent;
    --hover: var(--background-contrast-blue-cumulus-hover);
    --active: var(--background-contrast-blue-cumulus-active);
    background-color: var(--background-contrast-blue-cumulus);
    box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-cumulus);
}

.remove-signature {
    --icon-size: 1rem;
    line-height: var(--icon-size);
    padding: 0;
    border-radius: 0.1rem;
    margin-left: 0.5rem;
    margin-right: -.25rem;
    aspect-ratio: 1;
    height: 100%;
}

.remove-signature::before {
    --icon-size: inherit !important;
}

/** fin style des signature requests */

/**
 *  Styles for Thumbnails view
 */
.thumbnails {
    --radius: 0.25rem;
    --gap: 0.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-rows: 200px;
    gap: calc(2 * var(--gap));
    --item-bg-color: var(--background-contrast-info)
}

.thumbnail__item {
    --box-shadow-color: var(--border-default-grey);
    display: grid;
    grid-template-rows: 160px 40px;
    background-color: var(--item-bg-color);
    border: 1px solid transparent;
    border-radius: var(--radius) var(--radius) var(--radius) var(--radius);
    cursor: pointer;
    box-shadow: 0px 1px 4px 1px var(--box-shadow-color);
}

.thumbnail__item--preview {
    max-height: 200px;
    overflow: hidden;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}

.thumbnail__item--preview img.fallback {
    place-content: center;
    max-width: 60px;
    filter: drop-shadow(1px 1px 3px #00000055);
}

.thumbnail__item--preview img.thumbnail {
    width: 100%;
    height: 100%;
    max-width: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: grid;
    place-content: center;
    transition: all 300ms;
}

.thumbnail__item:where(:hover, :focus-within) .thumbnail__item--preview img.thumbnail {
    scale: 1.1;
}

.thumbnail__item .mime {
    width: 100%;
    min-height: 2rem;
}

.thumbnail__item--preview,
.thumbnail__item--name {
    display: grid;
    place-content: center;
}

.thumbnail__item--details {
    position: absolute;

    top: calc(var(--gap) / 2);
    right: calc(var(--gap) / 2);

    opacity: 0.75;
    transition: opacity 300ms ease-in-out;
    filter: drop-shadow(0px 0px 1px white);
}

.thumbnail__item--details i {
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: bolder;
    background-color: #333;
    color: #FFF;
    padding: 0 0.35rem;
    border-radius: 0.25rem;
}

.thumbnail__item:where(:hover, :focus-within) .thumbnail__item--details {
    opacity: 1;
}

.thumbnail__item--name {
    padding: 0.5rem;
    background-color: var(--item-bg-color);
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 600;
}

.thumbnail__item--name>div {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.thumbnail__item.has-link {
    position: relative;
}

.thumbnail__item--link {
    position: absolute;
    inset: 0;
    background-image: none;
}

.thumbnail__item:hover,
.thumbnail__item:focus-within {
    --item-bg-color: var(--background-contrast-info-hover);
    --box-shadow-color: var(--item-bg-color);
    border: 1px solid var(--item-bg-color);
}

/** fin Styles for Thumbnails view */

.documents-list__title {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.documents-list__title .fr-h5 {
    margin-bottom: 0;
}

#sideMenuPanel {
    border: 0;
}

#sideMenuPanel .fr-sidemenu__inner {
    padding: 0;
    box-shadow: none;
}

#sideMenuPanel form[lock-selection] {
    opacity: 0.65;
}

#sideMenuPanel hr {
    padding-block-end: 1rem;
}

fieldset[lock-selection] .fr-checkbox-group * {
    cursor: not-allowed;
}

#sideMenuPanel .documents-list__folder-name {
    display: block;
    margin-block-end: 0.5rem;
    font-weight: bold;
    line-height: 1.7rem;
    margin-bottom: 0.5rem;
    background-size: 0;
    background-color: var(--background-action-low-blue-france);
}

.documents-list__folder  button.fr-sidemenu__link {
    font-size: 0.85rem;
    font-weight: normal;
    margin-inline-start: -0.25rem;
}


#sideMenuPanel .documents-list__folder-name:hover {
    background-size: revert;
    background-position-y: calc(1.7rem - var(--underline-thickness));
}

#to-sign-signatures.fr-tabs__panel {
    padding: 1rem;
}

#sideMenuPanel .documents-list .fr-sidemenu__item {
    padding: 0;
}

#sideMenuPanel .documents-list .fr-sidemenu__item:hover {
    background-color: unset;
    /* var(--background-default-grey-hover); */
}

.multi-docs-selection--item {
    display: flex;
    align-items: center;
}

.multi-docs-selection--item .fr-checkbox-group:first-child {
    margin-top: 0;
    margin-left: 0.25rem;
}

.multi-docs-selection--item .fr-checkbox-group input[type="checkbox"]+label {
    padding: 0.25rem 0;
}

.multi-docs-selection--item .fr-checkbox-group input[type="checkbox"]+label::before {
    margin-top: 0.25rem;
}

.multi-docs-selection--item .fr-checkbox-group:first-child input[type="checkbox"]+label::before,
.multi-docs-selection--item .fr-checkbox-group:last-of-type input[type="checkbox"]+label::before {
    background-color: var(--background-contrast-grey);
    box-shadow: none;
}

[lock-selection] a.documents-list__folder-name {
    color: var(--text-disabled-grey);
    cursor: not-allowed;
    pointer-events: none;
}

/** keep better contrast on folder that will be processed */
[lock-selection] a.documents-list__folder-name:has(+ ul :checked) {
    color: unset;
}

/** keep better contrast on documents that will be processed */
.fr-checkbox-group:has(:checked)~.fr-sidemenu__link {
    color: unset;
}

/** green or red background on documents name that are accepted or refused */
.fr-checkbox-group:has(.check-refuse:checked)~.fr-sidemenu__link {
    background-color: var(--background-contrast-error);
}

.fr-checkbox-group:has(.check-sign:checked)~.fr-sidemenu__link {
    background-color: var(--background-contrast-success);
}


/* checkbox signer */
.multi-docs-selection--item .fr-checkbox-group:first-child input[type="checkbox"]+label::before {
    --data-uri-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23929292' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z'/%3E%3C/svg%3E");
    background-image: var(--data-uri-svg);
    --background-color-checked: var(--background-contrast-success);
    --background-color-hover: var(--background-contrast-success-hover);
}

/* hover */
#menuFileForm:not([lock-selection]) .multi-docs-selection--item .fr-checkbox-group:first-child:hover input[type="checkbox"]+label::before {
    background-color: var(--background-color-hover);
}

/* active or checked */
#menuFileForm:not([lock-selection]) .multi-docs-selection--item .fr-checkbox-group:first-child input[type="checkbox"]:active+label::before,
.multi-docs-selection--item .fr-checkbox-group:first-child input[type="checkbox"]:checked+label::before {
    background-color: var(--background-color-checked);
    --data-uri-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%2318753C' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z'/%3E%3C/svg%3E");
}

/* checkbox refuser */
.multi-docs-selection--item .fr-checkbox-group:last-of-type input[type="checkbox"]+label::before {
    --data-uri-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23929292' d='M17.5 2.5h-11L1 12l5.5 9.5h11L23 12l-5.5-9.5zm-1.3 12.3l-1.4 1.4-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8 2.8-2.8 1.4 1.4-2.8 2.8 2.8 2.8z'/%3E%3C/svg%3E");
    background-image: var(--data-uri-svg);
    --background-color-checked: var(--background-contrast-error);
    --background-color-hover: var(--background-contrast-error-hover);
}

#menuFileForm:not([lock-selection]) .multi-docs-selection--item .fr-checkbox-group:last-of-type:hover input[type="checkbox"]+label::before {
    background-color: var(--background-color-hover);
}


#menuFileForm:not([lock-selection]) .multi-docs-selection--item .fr-checkbox-group:last-of-type input[type="checkbox"]:active+label::before,
.multi-docs-selection--item .fr-checkbox-group:last-of-type input[type="checkbox"]:checked+label::before {
    background-color: var(--background-color-checked);
    --data-uri-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23CE0500' d='M17.5 2.5h-11L1 12l5.5 9.5h11L23 12l-5.5-9.5zm-1.3 12.3l-1.4 1.4-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8 2.8-2.8 1.4 1.4-2.8 2.8 2.8 2.8z'/%3E%3C/svg%3E");
}

.signator-badge {
    display: flex;
    align-content: center;
    align-items: center;
}