{% extends "areariservata/cms_apps/ecommerce/base.html" %}
{% block central_content_central_middle %}
    <div class="span12 central_content_central_middle">
        <form class="" action='' method="POST">
            <input type="hidden" name="ecommerce_operativita_form" id="ecommerce_operativita_form">
            <div class="item3">

            <h3 class="arancione border">Valore dei tuoi investimenti<span class="icons"><a href="#"><span
                    class="icon-pdf"></span></a><a href="#"><span class="icon-print"></span></a></span></h3>


            <!-- START TAB -->
            <ul class="nav nav-tabs custom">
                <li class="active"><a href="#intestatario">Intestatario</a></li>
                <li><a href="#cointestatario">Cointestatario</a></li>
            </ul>

            <div class="tab-content clearfix">
                <div class="tab-pane active" id="intestatario">
                    <div class="subtabs">
                        <ul>
                            <li><a href="#">Fondi</a><span class="arrow"></span></li>
                            <li><a href="#">Gestioni</a><span class="arrow"></span></li>
                            <li><a href="#">Consulenza</a><span class="arrow"></span></li>
                            <li class="active"><a href="#">Tutto</a><span class="arrow"></span></li>
                        </ul>
                    </div>
                    <div class="voce">
                        <div class="voce_label">Saldo soldi investiti / Soldi richiesti</div>
                        <div class="price">€ 38.694.40</div>
                    </div>
                    <div class="voce">
                        <div class="voce_label">Utile / Perdita</div>
                        <div class="price verde">€ 486.67</div>
                    </div>
                    <div class="voce last">
                        <div class="voce_label high">Valore Patrimonio</div>
                        <div class="price">€ 38.694.40</div>
                        <div class="more"><a href="#">Vedi dettagli <span class="icon-zoom"></span></a></div>
                    </div>
                </div>
                <div class="tab-pane" id="cointestatario">
                    <div class="subtabs">
                        <ul>
                            <li><a href="#">Fondi</a><span class="arrow"></span></li>
                            <li class="active"><a href="#">Gestioni</a><span class="arrow"></span></li>
                            <li><a href="#">Consulenza</a><span class="arrow"></span></li>
                            <li><a href="#">Tutto</a><span class="arrow"></span></li>
                        </ul>
                    </div>
                    <div class="voce">
                        <div class="voce_label">Utile / Perdita</div>
                        <div class="price verde">€ 486.67</div>
                    </div>
                    <div class="voce last">
                        <div class="voce_label high">Valore Patrimonio</div>
                        <div class="price">€ 38.694.40</div>
                        <div class="more"><a href="#">Vedi dettagli <span class="icon-zoom"></span></a></div>
                    </div>
                </div>
            </div>
            <!-- END TAB -->


            <!-- START SCROLLTABLE -->
            <div class="scrolltable clearfix">
                <h4 class="arancione">I tuoi investimenti</h4>

                <div class="st_head" st_processed="yes">Fondi<span
                        style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                        class="stButton"><span class="chicklets head">&nbsp;</span><img
                        src="http://w.sharethis.com/images/check-small.png"
                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>
                <div class="st_caption" st_processed="yes">
                    <div class="size2">Rapporto</div>
                    <div class="size1">Contratto</div>
                    <div class="size2">Prodotti</div>
                    <div class="size1">V.Patrim.</div>
                    <div class="size3">Saldo S. Rimborsi</div>
                    <div class="size2">Utili/Perdite</div>
                    <div class="size0">Operat.</div>
                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                          class="stButton"><span class="chicklets caption">&nbsp;</span><img
                            src="http://w.sharethis.com/images/check-small.png"
                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>

                <div class="st_voci scrollbar jspScrollable" style="overflow: hidden; padding: 0px; width: 774px;" tabindex="0"
                     st_processed="yes">


                    <div class="jspContainer" style="width: 774px; height: 110px;">
                        <div class="jspPane" style="padding: 5px; width: 758px; top: 0px;">
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2 icontd">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2 icontd">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce last" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                        </div>
                        <div class="jspVerticalBar">
                            <div class="jspCap jspCapTop"></div>
                            <div class="jspTrack" style="height: 110px;">
                                <div class="jspDrag" style="height: 44px;">
                                    <div class="jspDragTop"></div>
                                    <div class="jspDragBottom"></div>
                                </div>
                            </div>
                            <div class="jspCap jspCapBottom"></div>
                        </div>
                    </div>
                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                          class="stButton"><span class="chicklets voci scrollbar jspScrollable">&nbsp;</span><img
                            src="http://w.sharethis.com/images/check-small.png"
                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>
            </div>

            <div class="scrolltable clearfix">
                <div class="st_head" st_processed="yes">Gestioni<span
                        style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                        class="stButton"><span class="chicklets head">&nbsp;</span><img
                        src="http://w.sharethis.com/images/check-small.png"
                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>
                <div class="st_caption" st_processed="yes">
                    <div class="size2">Rapporto</div>
                    <div class="size1">Contratto</div>
                    <div class="size2">Prodotti</div>
                    <div class="size1">V.Patrim.</div>
                    <div class="size3">Saldo S. Rimborsi</div>
                    <div class="size2">Utili/Perdite</div>
                    <div class="size0">Operat.</div>
                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                          class="stButton"><span class="chicklets caption">&nbsp;</span><img
                            src="http://w.sharethis.com/images/check-small.png"
                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>

                <div class="st_voci scrollbar jspScrollable" style="overflow: hidden; padding: 0px; width: 774px;" tabindex="0"
                     st_processed="yes">


                    <div class="jspContainer" style="width: 774px; height: 110px;">
                        <div class="jspPane" style="padding: 5px; width: 758px; top: 0px;">
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                            <div class="st_voce last" st_processed="yes">
                                <div class="size2">949583783</div>
                                <div class="size1">045989</div>
                                <div class="size2">Acomea<br>Europa</div>
                                <div class="size1">160450</div>
                                <div class="size3">000000</div>
                                <div class="size2"><strong>25.000</strong></div>
                                <div class="size0 last">&nbsp;</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                        </div>
                        <div class="jspVerticalBar">
                            <div class="jspCap jspCapTop"></div>
                            <div class="jspTrack" style="height: 110px;">
                                <div class="jspDrag" style="height: 44px;">
                                    <div class="jspDragTop"></div>
                                    <div class="jspDragBottom"></div>
                                </div>
                            </div>
                            <div class="jspCap jspCapBottom"></div>
                        </div>
                    </div>
                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                          class="stButton"><span class="chicklets voci scrollbar jspScrollable">&nbsp;</span><img
                            src="http://w.sharethis.com/images/check-small.png"
                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>
                <br class="clear">

                <div class="st_note" st_processed="yes">
                    I dati rappresentati sono puramente indicativi e non devono essere considerati di rilevanza contabile
                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                          class="stButton"><span class="chicklets note">&nbsp;</span><img
                            src="http://w.sharethis.com/images/check-small.png"
                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>
            </div>
            <!-- END SCROLLTABLE -->




            <h3 class="arancione border">Investi / Disinvesti Online</h3>

            <div class="recap">
                <p>
                    Gentile cliente,<br>
                    hai scelto di operare in regime di Consulenza <span class="icon-a1"></span>
                </p>

                <p>
                    In tale regime AcomeA effettua un controllo preventivo affinchè l'operazione da te richiesta sia adeguata e
                    appropriata con il tuo profilo di investimento.
                </p>

                <p>
                    Per chiarimenti e modifiche consulta la sezione <a href="#">"Il tuo profilo di investimento"</a>
                </p>
            </div>


            <!-- START SELECT OPERAZIONE -->
            <div class="select_operazione">
                <h4 class="arancione">Seleziona il tipo di operazione</h4>
                <ul>
                    <li><a href="#" class="radio" data-id="so1"></a>Investimento</li>
                    <li><a href="#" class="radio" data-id="so2"></a>Switch</li>
                    <li><a href="#" class="radio" data-id="so3"></a>Disinvestimento</li>
                </ul>

                <input type="radio" class="radio" name="so" id="so1">
                <input type="radio" class="radio" name="so" id="so2">
                <input type="radio" class="radio" name="so" id="so3">
            </div>
            <!-- END SELECT OPERAZIONE -->


            <!-- START SELECT RAPPORTO -->
            <div class="select_rapporto">
                <h4 class="arancione">Seleziona il rapporto/contratto su cui operare</h4>
                <ul class="nav nav-tabs custom-dark">
                    <li class="active"><a href="#rapporto-intestatario">Intestatario</a></li>
                    <li><a href="#rapporto-cointestatario">Cointestatario</a></li>
                </ul>


                <div class="tab-content clearfix">
                    <div class="tab-pane active" id="rapporto-intestatario">
                        <div class="scrolltable clearfix">
                            <div class="st_caption" st_processed="yes">
                                <div class="size2">Rapporto</div>
                                <div class="size1">Contratto</div>
                                <div class="size2">Prodotti</div>
                                <div class="size1">V.Patrim.</div>
                                <div class="size3">Saldo S. Rimborsi</div>
                                <div class="size2">Utili/Perdite</div>
                                <div class="size0">Operat.</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets caption">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>

                            <div class="st_voci" st_processed="yes">
                                <div class="st_voce" st_processed="yes">
                                    <div class="size2">949583783</div>
                                    <div class="size1">045989</div>
                                    <div class="size2">Acomea<br>Europa</div>
                                    <div class="size1">160450</div>
                                    <div class="size3">000000</div>
                                    <div class="size2"><strong>25.000</strong></div>
                                    <div class="size0 last">&nbsp;</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>

                                <div class="st_voce last" st_processed="yes">
                                    <div class="size2">949583783</div>
                                    <div class="size1">045989</div>
                                    <div class="size2">Acomea<br>Europa</div>
                                    <div class="size1">160450</div>
                                    <div class="size3">000000</div>
                                    <div class="size2"><strong>25.000</strong></div>
                                    <div class="size0 last">&nbsp;</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voci">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="rapporto-cointestatario">
                        <div class="scrolltable clearfix">
                            <div class="st_caption" st_processed="yes">
                                <div class="size2">Rapporto</div>
                                <div class="size1">Contratto</div>
                                <div class="size2">Prodotti</div>
                                <div class="size1">V.Patrim.</div>
                                <div class="size3">Saldo S. Rimborsi</div>
                                <div class="size2">Utili/Perdite</div>
                                <div class="size0">Operat.</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets caption">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>

                            <div class="st_voci" st_processed="yes">
                                <div class="st_voce last" st_processed="yes">
                                    <div class="size2">949583783</div>
                                    <div class="size1">045989</div>
                                    <div class="size2">Acomea<br>Europa</div>
                                    <div class="size1">160450</div>
                                    <div class="size3">000000</div>
                                    <div class="size2"><strong>25.000</strong></div>
                                    <div class="size0 last">&nbsp;</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voci">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- END SELECT RAPPORTO -->


            <!-- START NAVIGATION -->
            <div class="navigation">
                <div class="arrows">
                    <a href="#" class="button_orange prev">INDIETRO</a>
                    <a href="#" class="button_orange next">AVANTI</a>
                </div>
                <br class="clear">

                <p>
                    <span class="icon-alert"></span>ATTENZIONE: nello svolgimento della procedura si raccomanda di utilizzare
                    <strong>SOLO</strong> i pulsanti <strong>AVANTI</strong> e <strong>INDIETRO</strong><br> collocati in fondo
                    a ciascuna pagina.
                </p>

                <p class="note">
                    I dati rappresentati sono puramente indicativi e non devono essere considerati di rilevanza contabile
                </p>
            </div>
            <!-- END NAVIGATION -->


            <h3 class="arancione border">Investimento</h3>

            <!-- START DATI ANAGRAFICI -->
            <div class="recap">
                <h4 class="arancione">Dati anagrafici</h4>
                <ul>
                    <li><span class="icon-card"></span> Codice Cliente <span class="value">2339055</span></li>
                    <li><span class="icon-tab"></span> Rapporto <span class="value">5010805</span></li>
                    <li><span class="icon-folder"></span> Tipo Contratto <span class="value">PIC</span></li>
                    <li><span class="icon-bag"></span> Prodotto <span class="value">AcomeA Europa</span></li>
                    <li><span class="icon-connect"></span> Numero quote <span class="value">5647,90</span></li>
                    <li class="last"><span class="icon-money"></span> Valore Patrimonio <span class="value">18700,90 €</span>
                    </li>
                </ul>
            </div>
            <br class="clear">
            <!-- END DATI ANAGRAFICI -->

            <!-- START SELEZIONA NUOVO PDT -->
            <div class="select_pdt">
                <h4 class="arancione">Seleziona nuovo PDT</h4>

                <div class="scrolltable clearfix">
                    <div class="st_caption" st_processed="yes">
                        <div class="icon">&nbsp;</div>
                        <div class="size2">ISIN</div>
                        <div class="size4">Prodotto</div>
                        <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                              class="stButton"><span class="chicklets caption">&nbsp;</span><img
                                src="http://w.sharethis.com/images/check-small.png"
                                style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                    </div>

                    <div class="st_voci" st_processed="yes">
                        <div class="st_voce" st_processed="yes">
                            <div class="icon">
                                <a href="#" class="radio active" data-id="c01"></a>
                            </div>
                            <div class="size2">0949583783</div>
                            <div class="size4 last">Acomea Europa</div>
                            <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                  class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                    src="http://w.sharethis.com/images/check-small.png"
                                    style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                        </div>
                        <div class="st_voce last" st_processed="yes">
                            <div class="icon">
                                <a href="#" class="radio" data-id="c02"></a>
                            </div>
                            <div class="size2">0949583783</div>
                            <div class="size4 last">Acomea Emergenti</div>
                            <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                  class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                    src="http://w.sharethis.com/images/check-small.png"
                                    style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                        </div>
                        <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                              class="stButton"><span class="chicklets voci">&nbsp;</span><img
                                src="http://w.sharethis.com/images/check-small.png"
                                style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                    </div>
                    <input type="radio" class="radio" id="c01" name="cexample" checked="">
                    <input type="radio" class="radio" id="c02" name="cexample">
                </div>
            </div>
            <br class="clear">
            <br class="clear">
            <!-- END SELEZIONA NUOVO PDT -->


            <!-- START INVESTIMENTO -->
            <div class="recap">
                <h4 class="arancione">Investimento su:</h4>
                <ul>
                    <li>
                        <h5>Piano di Investimento Capitale PIC</h5>

                        <div class="field">
                            <a href="#" class="radio" data-id="icpic"></a>
                            Importo versamento
                            <input type="text" value="€ 3000,00">
                        </div>
                        <br class="clear">

                        <div class="note">
                            N.B. Per i campi relativi all'importo o alle quote l'importo dovrà essere maggiore a € 1000
                        </div>
                    </li>

                    <li class="last">
                        <h5>Piano di Accumulo Capitale PIC</h5>

                        <div class="field two-thirds">
                            <a href="#" class="radio" data-id="acpic"></a>
                            Importo versamento
                            <input type="text" value="€ 3000,00">
                        </div>

                        <div class="field one-third">
                            Numero Rate versate
                            <input type="text" value="6">
                        </div>
                        <br class="clear">
                        <dl>
                            <dt>Numero Rate Piano:</dt>
                            <dd>112</dd>
                            <dt>Ammontare rata Mensile:</dt>
                            <dd>€500</dd>
                            <dt>Rate versate:</dt>
                            <dd>36</dd>
                        </dl>
                    </li>
                </ul>

                <input type="radio" class="radio" name="pic" id="icpic">
                <input type="radio" class="radio" name="pic" id="acpic">
            </div>
            <!-- END INVESTIMENTO -->


            <!-- START INFORMATIVA -->
            <div class="informativa">
                <p>
                    La informiamo che la tipologia di investimento da lei selezionata <strong>NON E' APPROPRIATA</strong> al Suo
                    profilo d'investimento.<br>
                    Qualora volesse proseguire la informiamo che questo comporterà l'assunzione da parte sua di ogni
                    responsabilità derivante dalla "non appropriatezza" del prodotto.<br>
                    Per ulteriori chiarimenti accedi alla sezione: <a href="#">Il tuo profilo d’investimento</a>
                </p>
                <a href="#" class="checkbox spunta" data-id="inf01"></a> Accetto di proseguire
                <input type="checkbox" class="checkbox" name="inf01">
            </div>
            <!-- END INFORMATIVA -->


            <!-- START IMPORTO OPERAZIONE -->
            <div class="recap">
                <h4 class="arancione">Importo dell'operazione</h4>
                <ul>
                    <li class="last">
                        Importo versamento<br>
                        <small>Versamento in un unica soluzione</small>
                        <span class="value big arancione">€ 3.000,00</span>
                    </li>
                </ul>
            </div>
            <!-- END IMPORTO OPERAZIONE -->


            <!-- START OPERAZIONE REGISTRATA -->
            <div class="recap">
                <h4 class="arancione">L'operazione è stata registrata</h4>
                <ul>
                    <li>
                        <span class="icon-card"></span> Numero operazione <span class="value">67557890</span>
                    </li>
                    <li class="last">
                        Per controllare lo stato dell'operazione accedi alla sezione: <a href="#"><strong>Operazioni in
                        corso</strong></a>
                    </li>
                </ul>
            </div>
            <!-- END OPERAZIONE REGISTRATA -->

            <!-- START DATI BONIFICO -->
            <div class="recap">
                <h4 class="arancione">Ti ricordiamo che per completare l'operazione dovrai effettuare un bonifico come
                    segue</h4>
                <ul>
                    <li>
                        Importo <span class="value">3000,00 €</span>
                    </li>
                    <li>
                        IBAN <span class="value">IT65G980756345000000018 </span>
                    </li>
                    <li class="last">
                        Codice Causale<strong class="arancione">*</strong>
                        <span class="value arancione">4B765</span>
                    </li>
                    <li class="last">
                        <div class="note arancione">* Inserire questo codice in causale è indispensabile per identificarti e
                            collegare il bonifico all’operazione
                            da te richiesta.
                        </div>
                    </li>
                </ul>
            </div>
            <!-- END DATI BONIFICO -->


            <!-- START SWITCH SU -->
            <div class="recap">
                <h4 class="arancione">Switch su:</h4>
                <ul>
                    <li>
                        <h5>Piano di Investimento Capitale PIC</h5>

                        <div class="field one-third">
                            <a href="#" class="radio" data-id="swicpic01"></a>
                            Switch totale rapporto
                            <input type="text" value="€ 3000,00">
                        </div>
                        <div class="field one-four">
                            <a href="#" class="radio" data-id="swicpic02"></a>
                            N° Quote
                            <input type="text" value="">
                        </div>
                        <div class="field one-four">
                            <a href="#" class="radio" data-id="swicpic03"></a>
                            Importo
                            <input type="text" value="">
                        </div>
                        <br class="clear">

                        <div class="note">
                            N.B. Per i campi relativi all'importo o alle quote l'importo dovrà essere maggiore a € 1000
                        </div>
                    </li>

                    <li class="last">
                        <h5>Piano di Accumulo Capitale PIC</h5>

                        <div class="field two-thirds">
                            <a href="#" class="radio" data-id="swacpic"></a>
                            Importo versamento
                            <input type="text" value="€ 3000,00">
                        </div>

                        <div class="field one-third">
                            Numero Rate versate
                            <input type="text" value="6">
                        </div>
                        <br class="clear">
                        <dl>
                            <dt>Numero Rate Piano:</dt>
                            <dd>112</dd>
                            <dt>Ammontare rata Mensile:</dt>
                            <dd>€500</dd>
                            <dt>Rate versate:</dt>
                            <dd>36</dd>
                        </dl>
                    </li>
                </ul>

                <input type="radio" class="radio" name="swpic" id="swicpic01">
                <input type="radio" class="radio" name="swpic" id="swicpic02">
                <input type="radio" class="radio" name="swpic" id="swicpic03">
                <input type="radio" class="radio" name="swpic" id="swacpic">
            </div>
            <!-- END SWITCH SU -->


            <!-- START RAPPORTO FONDO -->
            <div class="recap">
                <h4 class="arancione">Rapporto/Fondo/Contratto di destazione e dati operazione</h4>
                <ul>
                    <li><span class="icon-bag-tab"></span> Fondo e rapporto su cui effetuare lo Switch <span class="value">AcomeA Europa - 45678907 - PIC</span>
                    </li>
                    <li class="last">
                        <h5>Switch parziale del fondo</h5>
                        <ul>
                            <li>Quote oggetto dello switch<span class="value">100</span></li>
                            <li class="last">Ammontare dell'operazione<span class="value">€ 10,000.00</span></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- END RAPPORTO FONDO -->


            <!-- START SELEZIONA RIMBORSA -->
            <div class="recap">
                <h4 class="arancione">Seleziona il tipo di rimborso</h4>
                <ul>
                    <li class="last">
                        <div class="field one-third">
                            <a href="#" class="radio" data-id="st01"></a>
                            Rimborso totale del rapporto
                        </div>
                        <div class="field one-four">
                            <a href="#" class="radio" data-id="st02"></a>
                            N° Quote
                            <input type="text" value="">
                        </div>
                        <div class="field one-four">
                            <a href="#" class="radio" data-id="st03"></a>
                            Importo<strong class="arancione">*</strong>
                            <input type="text" value="">
                        </div>
                        <br class="clear">

                        <div class="note arancione">
                            * da intendersi importo al lordo al quale verrà applicata eventuale imposta prevista dalla normativa
                            vigente
                        </div>
                        <div class="note">
                            N.B Per i campi relativi all’importo o alle quote l’importo dovrà essere maggiore a € 1000
                        </div>
                    </li>
                </ul>
                <input type="radio" class="radio" name="st" id="st01">
                <input type="radio" class="radio" name="st" id="st02">
                <input type="radio" class="radio" name="st" id="st03">
            </div>
            <!-- END SELEZIONA RIMBORSA -->


            <!-- START COORDINATE BONIFICO -->
            <div class="recap">
                <h4 class="arancione">Coordinate Bancarie del Bonifico</h4>
                <ul>
                    <li class="last">
                        <p>
                            Al fine di assolvere gli adempimenti antiriciclaggio previsti per l’operatività online AcomeA Sgr
                            Le chiede di inserire il Suo IBAN, obbligatorio per la disposizione del bonifico.<br>
                            L’inserimento dell'IBAN è inoltre neccessario al fine di consentire ad AcomeA Sgr di identificare
                            l'operazione da Lei richiesta con lattestazione di bonifico.
                        </p>

                        <div class="field full">
                            IBAN<strong class="arancione">*</strong>
                            <input type="text" value="">
                        </div>
                        <br class="clear">

                        <div class="note arancione">
                            * l’IBAN che inserisci deve corrispondere ad un conto intestato a te o l’operazione di rimborso non
                            potrà essere perfezionata.
                        </div>
                    </li>
                </ul>
            </div>
            <!-- END COORDINATE BONIFICO -->


            <!-- START OPERAZIONE EFFETTUATA -->
            <div class="recap">
                <h4 class="arancione">L'operazione richiesta è stata effettuata</h4>
                <ul>
                    <li class="last">
                        <p>
                            Numero di operazione: <strong>6555980</strong>
                        </p>

                        <p class="last">
                            Per controllare lo stato dell'operazione accedi alla sezione: <a href="#">Operazioni in corso</a>
                        </p>
                    </li>
                </ul>
            </div>
            <!-- END OPERAZIONE EFFETTUATA -->


            <!-- START OPERAZIONI IN CORSO -->
            <div class="scrolltable clearfix">
                <h4 class="arancione">Operazioni in corso pervenute via internet <span class="icon-info"></span></h4>

                <div class="st_caption" st_processed="yes">
                    <div class="size0">N°</div>
                    <div class="size1">Cliente</div>
                    <div class="size1">Rapp.</div>
                    <div class="size1">Fondo</div>
                    <div class="size2">Data/Ora</div>
                    <div class="size1">Casuale</div>
                    <div class="size0">Quote</div>
                    <div class="size1">I. Lordo</div>
                    <div class="size1">F.Switch</div>
                    <div class="size0">&nbsp;</div>
                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                          class="stButton"><span class="chicklets caption">&nbsp;</span><img
                            src="http://w.sharethis.com/images/check-small.png"
                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>
                <div class="st_voci" st_processed="yes">
                    <div class="st_voce last" st_processed="yes">
                        <div class="size0">76880</div>
                        <div class="size1">3457689</div>
                        <div class="size1">087956</div>
                        <div class="size1">AcomeA<br>Italia</div>
                        <div class="size2">15/03/2013 15:16:21</div>
                        <div class="size1">SWITCH</div>
                        <div class="size0">100.00</div>
                        <div class="size1">00.000,00</div>
                        <div class="size1">AcomeA Europa</div>
                        <div class="size0 last"><a href="#"><span class="icon-trash"></span></a></div>
                        <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                              class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                src="http://w.sharethis.com/images/check-small.png"
                                style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                    </div>
                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                          class="stButton"><span class="chicklets voci">&nbsp;</span><img
                            src="http://w.sharethis.com/images/check-small.png"
                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                </div>
            </div>
            <!-- END OPERAZIONI IN CORSO -->


            <!-- START OPERAZIONI EFFETTUATE -->
            <div class="recap">
                <h4 class="arancione">Periodo</h4>
                <ul>
                    <li class="last">
                        Visualizzazione rapporti
                        <select>
                            <option>Tutti</option>
                        </select>
                    </li>
                </ul>
            </div>

            <div class="operazioni_list">
                <ul class="nav nav-tabs custom-dark">
                    <li class="active"><a href="#operazioni-intestatario">Intestatario</a></li>
                    <li><a href="#operazioni-cointestatario">Cointestatario</a></li>
                </ul>


                <div class="tab-content clearfix">
                    <div class="tab-pane active" id="operazioni-intestatario">
                        <div class="scrolltable clearfix">
                            <div class="st_caption" st_processed="yes">
                                <div class="size0">Rete</div>
                                <div class="size0">Cod. P</div>
                                <div class="size1">D. Val.</div>
                                <div class="size1">Fondo.</div>
                                <div class="size2">Cliente</div>
                                <div class="size1">Rapp.</div>
                                <div class="size0">Caus.</div>
                                <div class="size1">T. Contr.</div>
                                <div class="size1">Q. Attr.</div>
                                <div class="size1">Netto €</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets caption">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>

                            <div class="st_voci" st_processed="yes">
                                <div class="st_voce" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Invest</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <div class="st_voce" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Deinv</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <div class="st_voce" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Invest</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <div class="st_voce" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Deinv</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <div class="st_voce last" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Invest</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voci">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="operazioni-cointestatario">
                        <div class="scrolltable clearfix">
                            <div class="st_caption" st_processed="yes">
                                <div class="size0">Rete</div>
                                <div class="size0">Cod. P</div>
                                <div class="size1">D. Val.</div>
                                <div class="size1">Fondo.</div>
                                <div class="size2">Cliente</div>
                                <div class="size1">Rapp.</div>
                                <div class="size0">Caus.</div>
                                <div class="size1">T. Contr.</div>
                                <div class="size1">Q. Attr.</div>
                                <div class="size1">Netto €</div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets caption">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>

                            <div class="st_voci" st_processed="yes">
                                <div class="st_voce" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Invest</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <div class="st_voce" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Deinv</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <div class="st_voce last" st_processed="yes">
                                    <div class="size0">0001</div>
                                    <div class="size0">0001</div>
                                    <div class="size1">087956</div>
                                    <div class="size1">AcomeA<br>Italia</div>
                                    <div class="size2">23539055</div>
                                    <div class="size1">5010884</div>
                                    <div class="size0">Invest</div>
                                    <div class="size1">PIC<br>01/04/09</div>
                                    <div class="size1">7068.617</div>
                                    <div class="size1 last">46631.67</div>
                                    <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                          class="stButton"><span class="chicklets voce last">&nbsp;</span><img
                                            src="http://w.sharethis.com/images/check-small.png"
                                            style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                                </div>
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;"
                                      class="stButton"><span class="chicklets voci">&nbsp;</span><img
                                        src="http://w.sharethis.com/images/check-small.png"
                                        style="position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; max-width: 13px; max-height: 13px; display: none;"></span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- END OPERAZIONI EFFETTUATE -->


            <!-- START DETTAGLIO MOVIMENTO -->
            <div class="recap">
                <h4 class="arancione">Rapporto</h4>
                <ul>
                    <li class="last clearfix">
                        <div class="half">
                            <ul>
                                <li>Rapporto <span class="value">5010884</span></li>
                                <li>Stato <span class="value">Aperto</span></li>
                                <li>Aperto il <span class="value">20/01/2011</span></li>
                            </ul>
                        </div>
                        <div class="half right">
                            <ul>
                                <li>Rapporto <span class="value">5010884</span></li>
                                <li>Stato <span class="value">Aperto</span></li>
                                <li>Aperto il <span class="value">20/01/2011</span></li>
                            </ul>
                        </div>
                    </li>
                    <li class="last">
                        <p class="last">
                            <strong>Altri partecipanti</strong><br>
                            25309053 - Cointestatario
                        </p>
                    </li>
                </ul>
            </div>


            <div class="recap">
                <h4 class="arancione">Dettaglio operazione</h4>
                <ul>
                    <li>
                        Casuale <span class="value">Disivestimento di AcomeA Italia</span>
                    </li>
                    <li>
                        Tipo Contratto <span class="value">PIC 01/04/2009</span>
                    </li>
                    <li class="sep">
                        Data Valuta operazione <span class="value">06/03/2013</span>
                    </li>
                    <li class="last clearfix">
                        <div class="half last">
                            <ul>
                                <li>Valore Quota <span class="value">5,500</span></li>
                                <li>Importo Lordo <span class="value">-3.135,09</span></li>
                                <li>Spese <span class="value">0,000</span></li>
                                <li>Importo Netto <span class="value">-3.135,90</span></li>
                            </ul>
                        </div>
                        <div class="half last right">
                            <ul>
                                <li>N° Quote <span class="value">-570,01</span></li>
                                <li>Commissione <span class="value">0,00000</span></li>
                                <li>Mezzo regolamento op. <span class="value">Bonifico</span></li>
                            </ul>
                            <br class="clear">

                            <p class="date">
                                Data odierna: 12/03/2013
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- END DETTAGLIO MOVIMENTO -->


            <!-- START PROFILO INVESTIMENTO -->
            <div class="recap">
                <h3 class="arancione">Luca Bartolini</h3>

                <div class="profilo_investimento">
                    <span class="icon-big-card"></span>
                    Codice Cliente<br>
                    <strong>B2539055</strong>
                </div>
                <h4 class="arancione">Il tuo profilo è: MEDIO ALTO</h4>
                <ul>
                    <li class="last">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed enim nec dui euismod scelerisque
                            a ut orci. Nulla posuere tortor eget ante tempor tincidunt. Aliquam erat volutpat. Sed dapibus ipsum
                            eu lacus lacinia volutpat. Nunc orci lectus, euismod in condimentum laoreet, condimentum quis
                            tellus. Praesent consectetur, arcu non blandit pulvinar, risus elit feugiat enim, vel rutrum sem
                            nisi eu leo. Integer luctus elementum urna, id auctor mi sagittis ut.
                        </p>
                        <ul>
                            <li><a href="#"><span class="icon-zoom"></span><strong>Approfondimento Appropriatezza
                                Investimenti</strong></a></li>
                            <li><a href="#"><span class="icon-zoom"></span><strong>Approfondimento Adeguatezza
                                Investimenti</strong></a></li>
                        </ul>
                        <p class="last">
                            Fusce vitae massa erat, a tincidunt est. In hac habitasse platea dictumst. Sed tempus placerat felis
                            vel pharetra. Curabitur elementum luctus ipsum ac laoreet.
                        </p>
                    </li>
                </ul>
            </div>
            <!-- END PROFILO INVESTIMENTO -->


            <!-- START MODAL BOX -->
            <div class="recap">
                <h4 class="arancione">Modal Box</h4>
                <a href="#modal01" class="open_modal">MODAL BOX 01</a>
                <a href="#modal02" class="open_modal">MODAL BOX 02</a>


                <div class="modal hide fade custom attention" id="modal01">
                    <h3 class="arancione">ATTENZIONE</h3>

                    <p>
                        Hai chiesto di spostarti in altra sezione, questo chiuderà l'operazione in corso
                    </p>

                    <div class="buttons">
                        <a href="#modal01" class="button_orange close_modal">TORNA ALL'OPERAZIONE</a>
                        <a href="#" class="button_orange">CONTINUA</a>
                    </div>
                </div>

                <div class="modal hide fade custom" id="modal02">
                    <h3 class="arancione">Operazioni in corso pervenute via internet</h3>

                    <p>
                        Quella delle operazioni pervenute via internet apre un testo di spiega che illustra che le operazioni in
                        questo stato sono annullabili fino alle ore 10:00 del giorno successivo (working days) a quello in cui
                        l’operazione è stata ordinata dal cliente.
                    </p>

                    <div class="buttons">
                        <a href="#modal02" class="button_orange close_modal">CHIUDI</a>
                    </div>
                </div>
            </div>
            <!-- END MODAL BOX -->


            <!-- START ICONS -->
            <div class="recap">
                <h4 class="arancione">Icone</h4>
                <span class="icon-pdf"></span>
                <span class="icon-trash"></span>
                <span class="icon-print"></span>
                <span class="icon-big-card"></span>
                <br class="clear">
                <span class="icon-alert"></span>
                <span class="icon-a1"></span>
                <span class="icon-ipad"></span>
                <span class="icon-graph"></span>
                <span class="icon-arrow-right"></span>
                <span class="icon-arrow-down"></span>
                <br class="clear">
                <span class="icon-card"></span>
                <span class="icon-tab"></span>
                <span class="icon-money"></span>
                <span class="icon-info"></span>
                <span class="icon-connect"></span>
                <span class="icon-bag"></span>
                <span class="icon-zoom"></span>
                <span class="icon-bag-tab"></span>
                <span class="icon-folder"></span>
            </div>
            <!-- END ICONS -->
            </div>
        </form>
    </div>
{% endblock %}

{% block central_right %}{% endblock %}