<div id="qbo-wrapper" <%= (App.rtl ? 'direction:rtl;' : '') %>>
    <div id="qbo-block" align="center" valign="middle" style="border: none; height: 500px;">
        <div align="center"><img id="connectToQbo" src="images/C2QB_green_btn_med_default.png" alt="" style="width: 15%; cursor: pointer; padding-top: 25%"></div>   
    </div>

    <div class="box-typical box-typical-padding" id="disconnectBlock" style="display: none;">
        <div style="margin: 0px; display: inline-block; padding: 10px; width: 100%;">
            <div class="scroll-x col-xs-12 col-sm-12 col-md-12" style="margin-top: 20px; text-align:center; font-weight:bold;">

                <p>
                    You are currently connected to QuickBooks Online!<br/><br/>
                </p>

                <p>
                    Disconnecting from QuickBooks Online will stop Integration with AccuPOS.<br/><br/>
                </p>

                <p>
                    You may reconnect by selecting the QuickBooks Online link<br/>from the AccuPOS Management Accounting tab.<br/><br/><br/>
                </p>

                <p>
                    <input type="button" class="btn btn-rounded" id="disconnectQBO" value="{Literal}Disconnect from QuickBooks Online{/Literal}">
                </p>
            
            </div>
        </div>
    </div>
</div>