{% extends 'base.html' %}

{% block body %}
<div class="row mt-2 justify-content-center">
	<div class="col-lg-6 col-md-10" style="background: #f7f7f7; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); padding: 30px;">
		<div class="text-center">
			<img alt="branding logo" src="{{ config.get("BRANDING_LOGO_URL") }}" class="col-lg-8 col-md-12" >
		</div>
		<div class="col-12">
			<h2 class="text-center">{{ _('Access Denied') }}</h2>
		</div>
		<div class="form-group col-12">
			<p>
				{% if description %}
				{{ description|safe }}
				{% else %}
				{{ _("You don't have the permission to access this page.") }}
				{% endif %}
			</p>
		</div>
	</div>
</div>
{% endblock %}