                        {% if question.in_repeat == True %}
                            {% set side_letter_styling = 'side-letter-repeat-left' %}
                        {% endif %}
                        {% if question.in_group == True %}
                            {% set side_letter_styling = 'side-letter-group-left' %}
                        {% else %}
                            {% set side_letter_styling = 'side-letter-left' %}
                        {% endif %}
                        {% if highlight %}
                            {% set name_highlight = ' bg-light-blue' %}
                            {% set label_hint_highlight = ' bg-light-green' %}
                            {% set constraint_highlight = ' bg-light-red' %}
                        {% endif %}

                        <td width="7%" class="number align-top align-text-top{{ name_highlight }}" valign="top" style="
                          {# {% if question.question_number %}border-top: 1px solid black; {% endif %}#}
                          border-top: 1px solid black;
                          border-left: 1px solid black;
                          border-right: 1px solid black;
                          word-break: break-all;
                          vertical-align: text-top;
                        ">
                          {{ question.question_number|question_number }}
                            {% if question.name %}
                              <br/>
                              {# {% if side_letters %}<span style="color: #898989;" class="{{ side_letter_styling }}">N</span>{% endif %}#}
                              <span class="variable" style="color: #898989; font-size: 0.75em;">
                                {{ question.name }}
                              </span>
                            {% endif %}
                        </td>

                        <td width="48%" class="question-cell" valign="top" style="
                          border-top: 1px solid black;
                          border-right: 1px solid black;
                          vertical-align: text-top;
                        ">
{#                          {% if question.name %}#}
{#                            <div class="align-top align-text-top{{ name_highlight }}">#}
{##}
                              {# {% if side_letters %}<span style="color: #898989;" class="{{ side_letter_styling }}">N</span>{% endif %}#}
{#                              <div class="variable">{{ question.name }}</div>#}
{#                            </div>#}
{#                          {% endif %}#}
                          <div>
                            {% include 'content/prompt/label-hint-media-block.html' %}
                            <div class="align-bottom align-text-bottom{{ constraint_highlight }}">
                              {% if question.constraint %}
                                {# {% if side_letters %}<span style="color: #898989;" class="{{ side_letter_styling }}">C</span>{% endif %}#}
                                <div class="constraint">{{ question.constraint }}</div>
                              {% endif %}
                              {% if question.constraint_message %}
                                {# {% if side_letters %}<span style="color: #898989;" class="{{ side_letter_styling }}">M</span>{% endif %}#}
                                <div>
                                  {% for p in question.constraint_message %}
                                    <p class="constraint-message">{{ p }}</p>
                                  {% endfor %}
                                </div>
                              {% endif %}
                            </div>
                          </div>
                        </td>
