<div class="m-modal-window  m-modal-window--extra-large">
    <div class="m-modal-window__background"></div>
    <div class="m-modal-window__body">
        <div class="m-modal-window__head">
            <div class="m-modal-window__head__title">
                Confronta i documenti
            </div>
            <div class="m-modal-window__head__close">
                <svg class="icon icon--close">
  <use xlink:href="../../assets/icons.svg#close" />
</svg>

            </div>
        </div>
        <div class="m-modal-window__grid">
            <div>

                <div class="ty-body">
                    <strong>
                        Primo documento da confrontare
                    </strong> <br><br> Seleziona un documento dalla lista.

                    <div>
                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>
                    </div>
                </div>

            </div>
            <div>

                <div class="ty-body">
                    <strong>
                        Secondo documento da confrontare
                    </strong> <br><br> Seleziona uno o più documenti dalla lista.

                    <div>
                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>

                        <div class="a-button  a-button--file">
                            <div class="a-button--name">
                                Lorem
                            </div>
                            <svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>
<div class="m-modal-window  m-modal-window--extra-large">
    <div class="m-modal-window__background"></div>
    <div class="m-modal-window__body">
        <div class="m-modal-window__head">
            <div class="m-modal-window__head__title">
                Confronta i documenti
            </div>
            <div class="m-modal-window__head__close">
                {% render '@icon', {id: 'close'} %}
            </div>
        </div>
        <div class="m-modal-window__grid">
            <div>

                <div class="ty-body">
                    <strong>
                        Primo documento da confrontare
                    </strong> <br><br>
                    Seleziona un documento dalla lista.

                    <div>
                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>
                    </div>
                </div>


            </div>
            <div>
                
                <div class="ty-body">
                    <strong>
                        Secondo documento da confrontare
                    </strong> <br><br>
                    Seleziona uno o più documenti dalla lista.

                    <div>
                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>

                        <div class="a-button  a-button--file">  
                            <div class="a-button--name">
                                Lorem
                            </div>
                            {% render '@icon', { id: 'plus-circle'} %}
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>
/* No context defined for this component. */

There are no notes for this item.