<!--S:VarsGroup-->
		<div class="variables-scroll">
			<div class="variables-data">
				<div class="row">
					{DATA}			
				</div>
			</div>
		</div>

		<style>
			.variables-scroll {
				position: relative;
				overflow-y: auto;
				overflow-x: hidden;
				max-height: 600px;
			}

			.variables-scroll table tbody td {
				cursor: pointer;
				height: auto;
				
			}
		</style>
<!--E:VarsGroup-->

<!--S:VarsElement-->
		<div class="col-md-12 isotope-element">
			<table class="table">
				<thead>
					<tr>
						<th colspan="3">{SET}</th>
					</tr>
				</thead>
				<tbody>	
					{_FIELDS}
				</tbody>
			</table>
		</div>

<!--E:VarsElement-->

<!--S:FieldsGroup-->
			{DATA}
<!--E:FieldsGroup-->

<!--S:FieldsElement-->
					<tr>
						<td title="Click to insert {TITLE}.">{{VAR}}</td>
					</tr>
<!--E:FieldsElement-->

<!--S:FieldsEmpty-->

<!--E:FieldsEmpty-->