{{block title}}

{{endblock}}
{{ block content }}
<style>

     .otree-body {
        max-width:80%;
         margin-top: 0px;
    }

     .otree-title{
         size: 0;
         height: 0;
         padding: 0;
     }
    .circle_green
    {
        border: 1px solid green;
        padding: 5px 5px;
        background: green;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }

        .circle_green_off
    {
        border: 2px solid green;
        padding: 5px 5px;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }

       .circle_red
    {
        border: 1px solid red;
        padding: 5px 5px;
        background: red;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }


    .circle_red_off {
        border: 2px solid red;
        padding: 5px 5px;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }

        .circle_blue
    {
        border: 1px solid blue;
        padding: 5px 5px;
        background: blue;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }


    .circle_blue_off {
        border: 2px solid blue;
        padding: 5px 5px;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }

    .modebar {
        display: none !important;
    }
</style>

<table class="table" style="width: 100%; border: 0; border-collapse: collapse; border-bottom: transparent" >

    <tr>
        <td style="width: 50%"><h2>Machine {{round}}:</h2>
            {{formfields}}
            <script>
                for (let ele of document.getElementsByTagName('textarea')) {
                    ele.rows = 6;
                    }
            </script>
            <div style="float: right">
                {{ next_button }}
            </div>

        </td>
        <td style="width: 50%; padding: 0; overflow-y: auto"> {{table}}  </td>
    </tr>

</table>


{{ endblock }}