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

{% block title %}
Verification
{% endblock %}


{% block content %}

<p>
	Before starting the study, please verify that you are not a robot:
</p>

<div align="center">
	{% formfield player.captcha %}
</div>

<br>

<div align="right">
	<button class="otree-btn-next btn btn-primary next-button otree-next-button" id="id_next_button"> Next </button>
</div>

{% endblock %}

{% block styles %}
<style type="text/css">
p {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width:1200px;
	}
}

body {
	height:50%;
	margin:0;
	padding:0;
}
</style>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

{% endblock %}