{{ block title }}Participant {{tag}}: Your Final Results{{ endblock }}
{{ block content }}
<style>

        .otree-body {
            max-width: 100%

        }

        .otree-title {
            display: none;
         }

        .fixed_table {
            table-layout:fixed;
            width:330px;
            height:380px;
        }

        td {
            text-align: center;
            font-size: 125%;
        }

        .btn-primary:hover {
            box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
        }

        .left {
            width: 50%;
        }

        .right {
            width: 50%;
            border-left: 2px solid black;
        }

        h1 {
            text-align: center;
        }

        h3 {
            text-align: center;
        }

        h4 {
            text-align: center;
        }

        .choice {
            margin-left: 0px
        }

        .payoffs {
            height: 75px;
            border: solid black;
            border-width: 2px;
        }

        .your-choice {
            border: none;
            width: 60px;
            font-weight: bold;
        }

        .empty {
            border: none;
        }

        .fixed_table_info {
            table-layout:fixed;
            height:130px;
            width:320px;
        }

        .info_cells {
            height: 20px;
            width: 60px;
            border: 0.5px solid black;
        }

        .info_cells_header {
            height: 20px;
            width: 50px;
            border: none;
        }

        .vertical-row {
            Float: left;
            height: 400px;
            width: 1px; /* edit this if you want */
            background-color: black
        }
        .noselect {
            -webkit-touch-callout: none; /* iOS Safari */
            -webkit-user-select: none; /* Safari */
            -khtml-user-select: none; /* Konqueror HTML */
            -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
        }
    </style>
{% endblock %}
{{ block content }}
<div class="row">
    <p>
        You have finished the experiment. You have earned a total of {{ payoff }}, equivalent to <b>{{money_payoff}}</b>  (including your participation fee).

        {{ if last }}
            <p>
                You will receive additional compensation <b>AT A LATER DATE BASED ON</b>.
                <!-- based on the choices made by {{ succ_tag }} and {{ opp_succ_tag }} on a later date. -->
            </p>
            <p>
                Your ID number is <b>{{ id }}</b>. Write this down on the form provided. You will need this to collect your compensation.
            </p>
        {{ endif }}

        {{ if session_continue }}
            {{ next_button }}
        {{ endif }}
    </p>
</div>
{{ endblock }}