<style>
    html{font-size: 15px;}
    blockquote {padding: 0px!important;}
    #new-board-btn {white-space: normal;}
</style>
<link href="{{ TPL_PATH|safe }}/Assets/css/pagamento.css" rel="stylesheet">
<div id="app-container" class="cf">
    <div class="ph3-ns w-100-ns db">
        <div class="w-100 fl pa2 pl0">
            <span class="db f4 mb4 dark-green">
                </br>
                <center>
                    <button type="button" class="btn btn-danger btn-lg btn-block" style="font-size: 14px;" id="new-board-btn">{{ aviso|safe }}
                </center>
                </br>
                <span class="db f4 fw6 mb4 dark-green">
                    <span>Escolha uma das contas bancárias abaixo:</span>
                </span>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco1|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia1|safe}}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta1|safe }} : {{ conta1|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido1|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs1|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco2|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco2|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia2|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta2|safe }} : {{ conta2|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido2|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs2|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco3|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco3|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia3|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta3|safe }} : {{ conta3|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido3|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs3|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco4|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco4|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia4|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta4|safe }} : {{ conta4|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido4|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs4|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco5|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco5|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia5|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta5|safe }} : {{ conta5|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido5|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs5|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco6|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco6|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia6|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta6|safe }} : {{ conta6|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido6|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs6|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco7|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco7|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia7|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta7|safe }} : {{ conta7|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido7|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs7|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco8|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco8|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia8|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta8|safe }} : {{ conta8|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido8|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs8|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco9|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco9|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia9|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta9|safe }} : {{ conta9|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido9|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs9|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
                
                <div class="cconf-address w-100 fl w-third-l mb3 pr2-ns pr0-s pr0-m" style="display: {{ Hidebanco10|safe }}">
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-13rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>{{ nomebanco10|safe }}</span></h3>
                            <div class="address-summary address-summary-BRA">
                                <span>Agência: {{ agencia10|safe }}</span>
                                <br class="line1-delimiter"><span><span>{{ tipoconta10|safe }} : {{ conta10|safe }}</span></span>
                                <br class="line1-delimiter"><span><span>Favorecido : {{ favorecido10|safe }} </span></span>
                                <br class="line1-delimiter"><span><span>{{ obs10|safe }} </span></span>
                                <br class="line1-delimiter">
                            </div>                                                                      
                        </div>
                    </article>
                </div>
            </span>                 
        </div>
       
    </div>   
</div>