<style>
    html{font-size: 15px;}
</style>
<link href="%%GLOBAL_TPL_PATH%%/Assets/css/pagamento.css" rel="stylesheet">
<div id="app-top" class="cf">
    <div class="ph3-ns w-80-ns">
        <div><h1 class="f2 black-70">Pedido Confirmado</h1></div>
        	<div class="cf br3 pa4 cconf-alert bg-washed-green ba b--green solid">
        		<div class="fl w-100 w-50-ns" style="overflow-wrap: break-word;">
        			<span class="db f4 fw6 mb4 dark-green">
                        <span>Pedido {{ NumPedido|safe }} realizado com sucesso.</span>
        			</span>
    				<p class="dark-green"><span>Em breve você receberá um e-mail no endereço</span>&nbsp;
    					<strong class="cconf-client-email">%%GLOBAL_emailCli%%</strong>&nbsp;
    					<span>com todos os detalhes do pedido.</span>
                        <p class="dark-green"><span>Total a pagar na retirada %%GLOBAL_desconto%% R$ %%GLOBAL_total%%</span></p>
                        
    				</p>
    			</div>
    			<div class="fl w-100 w-50-ns" >
                    <article class="undefined w-100 fl tl bg-white br1 shadow-00  min-h-14rem">
                        <div class="pa3 black-80 f6 lh-copy">
                            <h3 class="mid-gray mt1 mb3 tracked-mega lh-solid ttu f6 tl"><span>Resumo</span></h3>
                            
                            <div class="cf w-100">
                                <div class="dib f6 fw4 gray w-60"><span>Subtotal</span></div><div class="dib f6 fw4 gray w-40 tr"><span>R$&nbsp;%%GLOBAL_subtotal%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideRegradesc%%">
                                <div class="dib f6 fw4 gray w-60"><span>Descontos Extras</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_RegraD%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideCredito%%">
                                <div class="dib f6 fw4 gray w-60"><span>Crédito na loja</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_credito%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideCupom%%">
                                <div class="dib f6 fw4 gray w-60"><span>Cupom de desconto</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_cupom%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>
                            
                            <div class="cf w-100" style="display: %%GLOBAL_hideVale%%">
                                <div class="dib f6 fw4 gray w-60"><span>Vale Presente</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_valepres%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideEmbalagem%%">
                                <div class="dib f6 fw4 gray w-60"><span>Embalagem para presente</span></div><div class="dib f6 fw4 gray w-40 tr"><span>+R$&nbsp;%%GLOBAL_ValEmabalagem%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hidDes%%">
                                <div class="dib f6 fw4 gray w-60"><span>Desconto pagamento a vista</span></div><div class="dib f6 fw4 gray w-40 tr"><span>-R$&nbsp;%%GLOBAL_descDep%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>                  
              
                            <div class="cf w-100">
                                <div class="dib f6 fw4 gray w-60"><span>Entrega</span></div><div class="dib f6 fw4 gray w-40 tr"><span>%%GLOBAL_entrega%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100" style="display: %%GLOBAL_hideTaxaManuseio%%">
                                <div class="dib f6 fw4 gray w-60"><span>Taxa de manuseio</span></div><div class="dib f6 fw4 gray w-40 tr"><span>R$&nbsp;%%GLOBAL_taxamanuseio%%</span></div>
                                <hr class="bt-0 bb b--light-gray w-100 mb1 mt1">
                            </div>

                            <div class="cf w-100 mb4">
                                <div class="dib fl f6 fw5 mid-gray w-50"><span>Total</span></div><div class="dib fr f6 fw5 mid-gray w-50 tr"><span>R$&nbsp;%%GLOBAL_total%%</span></div>
                            </div>
                        </div>
                    </article>
                </div>
        	</div>
        </div>
    </div>
</div>
<div id="app-container" class="cf">
    <div class="ph3-ns w-80-ns db">
    	<div class="pt4">
    		<div class="w-100 fl pa2 pl0">
                <span class="db f4 mb4 dark-green">
                    <center>
                        <button type="button" class="btn btn-light btn-lg btn-block" style="font-size: 14px;" id="new-board-btn">%%GLOBAL_instrucao%%</button>
                    </center>
                   
                </span>            		
            </div>
        </div>
    </div>   
</div>
