<div class="row sture">
	<div class="col-lg-3">
		<div class="mini-stat clearfix bx-shadow" style="border-left: 4px solid">
		    <span class="mini-stat-icon label label-primary"><i class="ion-cash"></i></span>
		    <div class="mini-stat-info text-right text-muted" >
		        <span class="counter" style="font-size:16px;">{{ ThisPeriodRevenue|safe }}</span>vendas
		    </div>
		    <span class="pull-right change label label-primary" title="Comparado ao {{ LastPeriodHeader|safe }} em que você vendeu {{ LastPeriodRevenue|safe }} ({{ LastPeriodDateRange|safe }})">
				{{ TotalRevenueChange|safe }}
			</span>
		</div>
	</div>

	<div class="col-lg-3">
		<div class="mini-stat clearfix bx-shadow" style="border-left: 4px solid #7E57C2">
		    <span class="mini-stat-icon bg-purple"><i class="ion-cube"></i></span>
		    <div class="mini-stat-info text-right text-muted">
		        <span class="counter" title="{{ ThisPeriodDateRange|safe }}" style="font-size:16px;">{{ ThisPeriodNumOrders|safe }}</span> pedidos
		    </div>
		    <span class="pull-right change label label-primary" title="Comparado ao {{ LastPeriodHeader|safe }} em que você teve {{ LastPeriodNumOrders|safe }} pedidos ({{ LastPeriodDateRange|safe }})">
				{{ NumOrdersChange|safe }}
			</span>
		</div>             
	</div>

	<div class="col-lg-3">
		<div class="mini-stat clearfix bx-shadow" style="border-left: 4px solid #33B86C">
		    <span class="mini-stat-icon bg-success"><i class="ion-eye"></i></span>
		    <div class="mini-stat-info text-right text-muted">
		        <span class="counter" title="{{ ThisPeriodDateRange|safe }}" style="font-size:16px;">{{ ThisPeriodNumVisitors|safe }}</span> visitantes
		    </div>
		    <span class="pull-right change label label-primary" title="Comparado ao {{ LastPeriodHeader|safe }} em que você teve {{ LastPeriodNumVisitors|safe }} visitantes ({{ LastPeriodDateRange|safe }})">
				{{ NumVisitorsChange|safe }}
			</span>
		</div>   
	</div>

	<div class="col-lg-3">
		<div class="mini-stat clearfix bx-shadow" style="border-left: 4px solid #EF5350">
		    <span class="mini-stat-icon bg-danger"><i class="ion-arrow-swap"></i></span>
		    <div class="mini-stat-info text-right text-muted">
		        <span class="counter" title="{{ ThisPeriodDateRange|safe }}" style="font-size:16px;">{{ ThisPeriodConversionRate|safe }}%</span> conversão
		    </div>
		    <span class="pull-right change label label-primary" title="Comparado ao {{ LastPeriodHeader|safe }} em que sua taxa de conversão foi {{ LastPeriodConversionRate|safe }}% ({{ LastPeriodDateRange|safe }})">
				{{ ConversionChange|safe }}
			</span>
		</div>
	</div> 
	<br class="Clear" />     
</div>