<template id="Panel" is="bootstrap-panel">
	<div class="$-{this.model.classes} $-{this.model.fullHeight?'fullHeight':''}" id="$-{this.viewId}" style="padding: 0px; overflow: hidden">
		<div class="panel panel-default $-{this.model.fullHeight?'fullHeight':''}" style="overflow: hidden">
			<div class="panel-heading">
				$-{this.model.heading}
			</div>
			<div class="panel-body $-{this.model.fullHeight?'fullHeight':''}" style="overflow: $-{this.model.overflow}; padding: 0px !important;margin-bottom: 0px !important;">
				$-{this.content}
			</div>
			<div class="panel-footer">
				$-{this.properties.footer} 
				<div class="alert alert-warning alert-dismissable info-box error hidden" data-structr-dialog="error">
					<button class="close" type="button" data-dismiss="alert">×</button>
				</div>
				<div class="alert alert-success alert-dismissable info-box success hidden" data-structr-dialog="success">
					<button class="close" type="button" data-dismiss="alert">×</button>
				</div>
			</div>
		</div>	
	</div>
</template>