{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Practice Round
{% endblock %}

{% block content %}
<p>
    This is a practice round. Suppose you prefer <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
  <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span>
  <span class="envelope btn btn-outline-secondary text-center"> &#8373;60</span> over <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
  <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span>.
</p>

<p>
    We ask you to select the first row for which you start to prefer Option 2 over Option 1.
</p>

<p>
    Remember, the bold units show the extra payoff you will get if you choose Option 2.
</p>



<br/>
<table class="table table-bordered table-condensed">
  <thead>
    <tr>
      <td>#</td>
      <td class="text-center"><p>Option 1</p>(Preferred Lottery)</td>
      <td class="text-center"><p>Option 2</p>(Less Preferred Lottery)</td>
      <td class="text-center"><p>When do you start</p> to prefer Option 2?&nbsp;</td>
      </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td class="text-center" rowspan="31" style="width:350px">
        <span class="envelope2 btn btn-outline-secondary text-center"> &#8373;40</span>
      <span class="envelope2 btn btn-outline-secondary text-center"> &#8373;50</span>
      <span class="envelope2 btn btn-outline-secondary text-center"> &#8373;60</span></td>
      <td class="text-center group1"> Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;0 </b></td>
      <td class="text-center"><input name="Change" value="1" type="radio" class="input1" /></td>
    </tr>
     <tr>
      <td>2</td>
      <td class="text-center group2">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;3  </b></td>
      <td class="text-center"><input name="Change" value="2" type="radio" class="input2" /></td>
    </tr>
    <tr>
      <td>3</td>
      <td class="text-center group3">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;6 </b></td>
      <td class="text-center"><input name="Change" value="3" type="radio" class="input3" /></td>
    </tr>
    <tr>
      <td>4</td>
      <td class="text-center group4">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span><b>+ &#8373;9 </b></td>
      <td class="text-center"><input name="Change" value="4" type="radio" class="input4" /></td>
    </tr>
      <td>5</td>
      <td class="text-center group5">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;12  </b></td>
      <td class="text-center"><input name="Change" value="5" type="radio" class="input5" /></td>
    </tr>
    <tr>
      <td>6</td>
      <td class="text-center group6">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;15 </b></td>
      <td class="text-center"><input name="Change" value="6" type="radio" class="input6" /></td>
    </tr>
    <tr>
      <td>7</td>
      <td class="text-center group7">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
      <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span><b>+ &#8373;18 </td>
      <td class="text-center"><input name="Change" value="7" type="radio" class="input7" /></td>
    </tr>
    <tr>
      <td>8</td>
      <td class="text-center group8">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span><b>+ &#8373;21 </b></td>
      <td class="text-center"><input name="Change" value="8" type="radio" class="input8" /></td>
    </tr>
    <tr>
      <td>9</td>
      <td class="text-center group9">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;24  </b></td>
      <td class="text-center"><input name="Change" value="9" type="radio" class="input9" /></td>
    </tr>
    <tr>
      <td>10</td>
      <td class="text-center group10">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;27 </b></td>
      <td class="text-center"><input name="Change" value="10" type="radio" class="input10" /></td>
    </tr>
    <tr>
      <td>11</td>
      <td class="text-center group11">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b> + &#8373;30  </b></td>
      <td class="text-center"><input name="Change" value="11" type="radio" class="input11" /></td>
    </tr>
      <tr>
      <td>12</td>
      <td class="text-center group12">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;33 </b></td>
      <td class="text-center"><input name="Change" value="12" type="radio" class="input12" /></td>
    </tr>

      <tr>
      <td>13</td>
      <td class="text-center group13">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;36 </b></td>
      <td class="text-center"><input name="Change" value="13" type="radio" class="input13" /></td>
    </tr>
    <tr>
      <td>14</td>
      <td class="text-center group14">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;39 </b></td>
      <td class="text-center"><input name="Change" value="14" type="radio" class="input14" /></td>
    </tr>

    <tr>
      <td>15</td>
      <td class="text-center group15">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;42 </b></td>
      <td class="text-center"><input name="Change" value="15" type="radio" class="input15" /></td>
    </tr>

      <tr>
      <td>16</td>
      <td class="text-center group16">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;45 </b></td>
      <td class="text-center"><input name="Change" value="16" type="radio" class="input16" /></td>
    </tr>

      <tr>
      <td>17</td>
      <td class="text-center group17">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;48 </b></td>
      <td class="text-center"><input name="Change" value="17" type="radio" class="input17" /></td>
    </tr>
    <tr>
      <td>18</td>
      <td class="text-center group18">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;51 </b></td>
      <td class="text-center"><input name="Change" value="18" type="radio" class="input18" /></td>
    </tr>
    <tr>
      <td>19</td>
      <td class="text-center group19">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b>+ &#8373;54 </b></td>
      <td class="text-center"><input name="Change" value="19" type="radio" class="input19" /></td>
    </tr>
    <tr>
      <td>20</td>
      <td class="text-center group20">Lottery <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b> + &#8373;57  </b></td>
      <td class="text-center"><input name="Change" value="20" type="radio" class="input20" /></td>
    </tr>

    <tr>
      <td>21</td>
      <td class="text-center group21">
        Lottery
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;40</span>
        <span class="envelope btn btn-outline-secondary text-center"> &#8373;50</span> <b> + &#8373;60 </b></td>
      <td class="text-center"><input name="Change" value="21" type="radio" class="input21" /></td>
    </tr>

  </tbody>
</table>



{% next_button %}


<style type="text/css">
  .envelope2 {
  font-size:2em;
  font-weight: bold;
  width: 100px;
  height: 65px;
  border-radius: 5px;
  position: relative;
  float: left;
  margin: 2px;
  box-shadow: 1px 1px black;
  border: 3px solid black;
}



  input[type=radio]{
    transform:scale(2);
  }

.table > tbody > tr > td {
     vertical-align: middle;
}

  .otree-timer{
            display: none!important;
  }
</style>

<script type="text/javascript">
    var timeleft = 12;
    var downloadTimer = setInterval(function(){
    timeleft--;
    document.getElementById("countdowntimer").textContent = timeleft;
    if(timeleft <= 0)
        clearInterval(downloadTimer);
    },1000);

$('input[class="input1"]').on('click', function(){
    $("td.group1").css("background-color", "#FFA7A7");
    $("td.group2").css("background-color", "#FFA7A7");
    $("td.group3").css("background-color", "#FFA7A7");
    $("td.group4").css("background-color", "#FFA7A7");
    $("td.group5").css("background-color", "#FFA7A7");
    $("td.group6").css("background-color", "#FFA7A7");
    $("td.group7").css("background-color", "#FFA7A7");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});


$('input[class="input2"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "#FFA7A7");
    $("td.group3").css("background-color", "#FFA7A7");
    $("td.group4").css("background-color", "#FFA7A7");
    $("td.group5").css("background-color", "#FFA7A7");
    $("td.group6").css("background-color", "#FFA7A7");
    $("td.group7").css("background-color", "#FFA7A7");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input3"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "#FFA7A7");
    $("td.group4").css("background-color", "#FFA7A7");
    $("td.group5").css("background-color", "#FFA7A7");
    $("td.group6").css("background-color", "#FFA7A7");
    $("td.group7").css("background-color", "#FFA7A7");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input4"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "#FFA7A7");
    $("td.group5").css("background-color", "#FFA7A7");
    $("td.group6").css("background-color", "#FFA7A7");
    $("td.group7").css("background-color", "#FFA7A7");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input5"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "#FFA7A7");
    $("td.group6").css("background-color", "#FFA7A7");
    $("td.group7").css("background-color", "#FFA7A7");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});
$('input[class="input6"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "#FFA7A7");
    $("td.group7").css("background-color", "#FFA7A7");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input7"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "#FFA7A7");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input8"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "#FFA7A7");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input9"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "#FFA7A7");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input10"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "#FFA7A7");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input11"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "#FFA7A7");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input12"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "#FFA7A7");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input13"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "#FFA7A7");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});


$('input[class="input14"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "#FFA7A7");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input15"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "#FFA7A7");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input16"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "#FFA7A7");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input17"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "#FFA7A7");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input18"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "#FFA7A7");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input19"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "#FFA7A7");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});


$('input[class="input20"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "#FFA7A7");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});


$('input[class="input21"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "#FFA7A7");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});


$('input[class="input22"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "#FFA7A7");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});


$('input[class="input23"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "#FFA7A7");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input24"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "#FFA7A7");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input25"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "White");
    $("td.group25").css("background-color", "#FFA7A7");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input26"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "White");
    $("td.group25").css("background-color", "White");
    $("td.group26").css("background-color", "#FFA7A7");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input27"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "White");
    $("td.group25").css("background-color", "White");
    $("td.group26").css("background-color", "White");
    $("td.group27").css("background-color", "#FFA7A7");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input28"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "White");
    $("td.group25").css("background-color", "White");
    $("td.group26").css("background-color", "White");
    $("td.group27").css("background-color", "White");
    $("td.group28").css("background-color", "#FFA7A7");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input29"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "White");
    $("td.group25").css("background-color", "White");
    $("td.group26").css("background-color", "White");
    $("td.group27").css("background-color", "White");
    $("td.group28").css("background-color", "White");
    $("td.group29").css("background-color", "#FFA7A7");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input30"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "White");
    $("td.group25").css("background-color", "White");
    $("td.group26").css("background-color", "White");
    $("td.group27").css("background-color", "White");
    $("td.group28").css("background-color", "White");
    $("td.group29").css("background-color", "White");
    $("td.group30").css("background-color", "#FFA7A7");
    $("td.group31").css("background-color", "#FFA7A7");
});

$('input[class="input31"]').on('click', function(){
    $("td.group1").css("background-color", "White");
    $("td.group2").css("background-color", "White");
    $("td.group3").css("background-color", "White");
    $("td.group4").css("background-color", "White");
    $("td.group5").css("background-color", "White");
    $("td.group6").css("background-color", "White");
    $("td.group7").css("background-color", "White");
    $("td.group8").css("background-color", "White");
    $("td.group9").css("background-color", "White");
    $("td.group10").css("background-color", "White");
    $("td.group11").css("background-color", "White");
    $("td.group12").css("background-color", "White");
    $("td.group13").css("background-color", "White");
    $("td.group14").css("background-color", "White");
    $("td.group15").css("background-color", "White");
    $("td.group16").css("background-color", "White");
    $("td.group17").css("background-color", "White");
    $("td.group18").css("background-color", "White");
    $("td.group19").css("background-color", "White");
    $("td.group20").css("background-color", "White");
    $("td.group21").css("background-color", "White");
    $("td.group22").css("background-color", "White");
    $("td.group23").css("background-color", "White");
    $("td.group24").css("background-color", "White");
    $("td.group25").css("background-color", "White");
    $("td.group26").css("background-color", "White");
    $("td.group27").css("background-color", "White");
    $("td.group28").css("background-color", "White");
    $("td.group29").css("background-color", "White");
    $("td.group30").css("background-color", "White");
    $("td.group31").css("background-color", "#FFA7A7");
});
</script>


{% endblock %}