{{ header }}
<section class="container-fluid" id="root">
	{% if content_top %}
		{{ content_top }}
	{% endif %}
	{{breadcrumbs}}

	<div class="row">
		<div class="col-md-4 hidden-md-down">
			<div class="content-box js-fixed-on-top">
				{{ account }}
			</div>
		</div>
		<div class="col-xs no-padding top-margin-medium bottom-margin-large">
			<div class="content-box">
				<div class="background-base-content">

					<div class="header-card-back">
						<div class="flex middle-xs text-dark text-h2-title">
							<h2 v-text="heading" class="text-h1-title text-dark text-main-title">{{ heading_title }}</h2>
						</div>
					</div>

                   <div class="box-shadow-dark rounded-medium background-white flex center-xs middle-xs full-width padding-x-large">
                        <span class="text-medium text-dark text-center">
                            {{ text_message }}
                        </span>

                        <a href="{{ continue }}" class="btn-default text-medium text-dark-opacity top-margin-large btn-medium btn-medium-square btn-neutral-black">
                            <span>{{ text_button_continue }}</span>
                        </a>
                    </div>
				</div>


			</div>
		</div>
		{% if column_right %}
			<div class="col-md-3 hidden-md-down">
				{{ column_right }}
			</div>
		{% endif %}
	</div>

	{% if content_bottom %}
		{{ content_bottom }}
	{% endif %}
</section>

{{ footer }}

<script type="text/javascript">
	const DATA = {{ dataVue|json_encode() }};
</script>