<div class="case-builder-3-tool modal " id="caseBuilder3Tool" tabindex="-1" role="dialog" aria-labelledby="caseBuilder3ToolModalLabel" aria-hidden="true" data-backdrop="static">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				  <a href="#" class="close-modal btn-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
				<h4 class="modal-title">Casebuilder 3 Tool</h4>
			</div>
			<div class="modal-body clearfix">
				<div class="col-xs-6">
					<h3>Flow Order</h3>
					<small>Type order by question type seperated by commas. <br/>
					</small>
					<input type="text" class="form-control cb3-flow" value="" placeholder="size, color, review">
				</div>

				<div class="col-xs-6 well">
						<ul class="col-xs-6">
							<li>configuration</li>
							<li>size</li>
							<li>color</li>
							<li>price</li>
						</ul>
						<ul class="col-xs-6">
							<li>country</li>
							<li>region</li>
							<li>redVarietal</li>
							<li>whiteVarietal</li>
						</ul>
				</div>
				<hr>
				<div class="col-xs-12" style="padding-top: 20px">
					<h3>CB3 Options</h3>
					<div class="col-xs-12">
						<label for="cb3-identified">Force Identified?</label>
						<input type="checkbox" class="cb3-identified" />
					</div>
					<div class="col-xs-12">
						<label for="cb3-wineclub">Add as Wine Club?</label>
						<input type="checkbox" class="cb3-wineclub" />
					</div>
				</div>
				<hr>
				<div class="col-xs-12" style="padding-top: 20px">
					<h3>Local Storage</h3>
					<div class="col-xs-4">
						<h3>Flow</h3>
						<span class="cb3-flow-active hide">
							<p class="success"><i class="fa fa-check"></i> Active</p>
							<button type="button" class="btn btn-warning pull-left clear-flowls-js">Clear</button>
						</span>
					</div>
					<div class="col-xs-4">
						<h3>Active Cart</h3>
						<span class="cb3-cart-active hide">
							<p class="success"><i class="fa fa-check"></i> Active</p>
							<button type="button" class="btn btn-warning pull-left clear-cartls-js">Clear</button>
						</span>
					</div>
					<div class="col-xs-4">
						<h3>Active Cart</h3>
						<span class="cb3-cart-active hide">
							<p class="success"><i class="fa fa-check"></i> Active</p>
							<button type="button" class="btn btn-warning pull-left clear-cartls-js">Clear</button>
						</span>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger pull-left clear-localstorage-js">Clear All Local Storage</button>
				<button type="button" class="btn btn-success save-cb3-overrides-js">Save changes</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div>