{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}


{% block title %}


{% endblock %}

{% block content %}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 50pt; padding-right: 50pt; } --> </STYLE>





    <div class="otree-wait-page container">
    <div class="card">
        <h4 class="otree-wait-page__title card-header">

        </h4>
        <div class="card-body">
            <div id="_otree-server-error" class="alert alert-danger" style="display:none">
                An error occurred. Please check the logs or ask the administrator for help.
            </div>
            <div id="error-traceback" class="alert alert-danger" style="display:none"></div>

    Please wait briefly for the other manager to finish making their decisions from task #2 (maximum 3 minutes)...


            <div class="progress">
                <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"></div>
            </div>
        </div>
    </div>
    </div>


{% endblock %}

{% block styles %}
    <STYLE TYPE="text/css">
        label {font-weight: normal !important;}
    </STYLE>
       <style>
        body {
            background-color: #c0c0c0;
        }

        .card {
            background: white;
            border: 1px solid #3b84c3;
            border-radius: 5px;
            box-shadow: 0 0 20px #999;
            /*width: 940px; */
            margin: 22px auto;
        }

        .card-body {
            margin-top: 10px;
        }

        .page-header {
           border: 1px solid #c0c0c0;
        }

        .otree-wait-page {
            max-width:970px
        }

        .progress-bar {
            width: 100%;
        }
    </style>
{% endblock %}

{% block scripts %}
<script language="JavaScript">
     window.onload = function(){
             setTimeout(function(){document.getElementById("form").submit();}, 15000);
     }
</script>

{% endblock %}