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

{% block app_styles %}
    <style type="text/css">
        #text-wrapper ul {
            margin: 0;
        }
        #text-wrapper ul li label {
            margin: 0.25rem 0;
        }
        #text-wrapper .form-group {
            margin: 0;
        }
        #text-wrapper .form-group .col-form-label {
            display: none;
        }
        #text-wrapper .form-group .form-check {
            margin: 0;
        }
        #text-wrapper .form-group input[type='radio'] {
            position: relative;
            top: 1px;
            right: 1px;
        }
        #warning {
            visibility: hidden;
            margin: 1.5rem 0 0 1rem;
            color: red;
        }
    </style>
{% endblock %}

{% block app_scripts  %}
    <script>
        $( document ).ready(function() {
            $('.show-warning').click(function() {
                $('#warning').attr('style', 'visibility:visible')
            });
            $('.hide-warning').click(function() {
                $('#warning').attr('style', 'visibility:hidden')
            });
        });
    </script>
{% endblock %}