{% extends 'otree/WaitPage.html' %}
{% load otree %}

{% block title %}
    Waiting page…
{% endblock %}

{% block content %}
    <div class="alert alert-success text-lg-center lead" role="alert">
        <h2><strong>WAITING PAGE ...</strong></h2>
    </div>

    <div class="card">
        <div class="card-body">
            <div style="font-size: 16pt; padding: 20px;">
                <p>Please wait while the Customer makes their decision.</p>
                <p>Once the Customer makes their tipping decision, you will continue to the next page.</p>
            </div>
        </div>
    </div>

    <style>
        .otree-wait-page__title { display: none; }
        .otree-wait-page__body { display: none; }
    </style>
{% endblock %}