<div class="modal fade" id="css-modalTaxZone" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog ">
    <div class="modal-content">
    {$cssTaxZonesContent}
    </div>
	</div>
</div>
{if !empty($cssShowModalTax) && $cssShowModalTax===true}
<script>
jQuery(document).ready(function() {
	$("#css-modalTaxZone").modal({
		show: true,		
	  backdrop: 'static',
	  keyboard: false
	});
});
{/if}
</script>
{strip}
<style>
	.css-tax-flex-container {
		display: flex;
		flex-wrap:wrap;
	}

	.css-tax-flex-container > div {
		margin:5px 0;
	}
	.css-country {
		display:none;
	}

	#css-modalTaxZone .modal-dialog {
		transition: width .05s ease-in-out;
		max-width:90% !important;
		width:900px !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	#css-modalTaxZone .css-alphabet a {
		display:inline-block;
		text-align:center;
		width:30px;
	}
	#css-modalTaxZone .css-link-steuerzone {
		padding-left:30px;
		position:relative;
		display:block;
		min-height:20px;
		text-decoration:none !important;
	}
	#css-modalTaxZone .css-link-steuerzone > img {
		position:absolute;
		left:0px;
		top:0;
		max-width:24px;
	}
/*
	.css-tax-container-artikel-link {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: auto;
	}
*/
	.css-tax-container .css-tax-container-link {
		display: flex;
		align-items: center;
		height: auto;
	}

	.css-tax-container-link img {
		height:22px;
		border:1px solid #c3c3c3;
		margin-left:5px;
	}

	.css-link-steuerzone img {
		border:1px solid #c3c3c3;
	}

</style>
{/strip}