<kt-portlet>
	<kt-portlet-header [title]="titulo" [class]="'kt-portlet__head--lg'"></kt-portlet-header>
	<kt-portlet-body hidden></kt-portlet-body>
</kt-portlet>

<div [hidden]="isLoading">
	<div class="col-md-12 card">
		<div id="rpt_servicios_nombre_precios"></div>
	</div>
	<div class="col-md-12 card">
		<div id="rpt_tipos_servicios"></div>
	</div>
	<div class="col-md-12 card">
		<div id="rpt_tipos_estados_servicios"></div>
	</div>
	<div class="col-md-12 card">
		<div id="rpt_tipos_origenes"></div>
	</div>
	<div class="col-md-12 card">
		<div id="rpt_servicios_vehiculos_precios"></div>
	</div>
	<div class="col-md-12 card">
		<div id="rpt_capacidad_aprovechada_semanal"></div>
	</div>
	<hr>
	<div class="col-md-12 card">
		<div id="rpt_atencion_cliente"></div>
	</div>
	<div class="col-md-12 card">
		<div id="rpt_operadores"></div>
	</div>
</div>

<div class="container" *ngIf="isLoading">
	<mat-spinner [diameter]="50"></mat-spinner>
	<span class="spinner-text">Espere un momento...</span>
</div>
