<div style="width: 400px">
  <h1 mat-dialog-title class="text-dialog">Información de la solicitud</h1>
  <div mat-dialog-content>
    <mat-divider></mat-divider>
    <div class="text-icon">
      <p class="text-dialog-info">
        Número de solicitud: <b>{{ data.IDSOLICITUD }}</b>
      </p>
      <mat-icon class="icon-margin">numbers</mat-icon>
    </div>
    <mat-divider></mat-divider>
    <div class="text-icon">
      <p class="text-dialog-info">
        Nombre completo: <b>{{ data.NOMBREEMPLEADO }}</b>
      </p>
      <mat-icon class="icon-margin">assignment_ind</mat-icon>
    </div>
    <mat-divider></mat-divider>
    <div class="text-icon">
      <p class="text-dialog-info">
        Días solicitados: <b>{{ data.NUMERODIAS }}</b>
      </p>
      <mat-icon class="icon-margin">date_range</mat-icon>
    </div>
    <mat-divider></mat-divider>
    <div class="text-icon">
      <p class="text-dialog-info">
        Fecha inicio: <b>{{ data.FECHAINICIO }}</b>
      </p>
      <mat-icon class="icon-margin">today</mat-icon>
    </div>
    <mat-divider></mat-divider>
    <div class="text-icon">
      <p class="text-dialog-info">
        Fecha fin: <b>{{ data.FECHAFIN }}</b>
      </p>
      <mat-icon class="icon-margin">event_available</mat-icon>
    </div>
    <mat-divider></mat-divider>
  </div>
  <div mat-dialog-actions align="end">
    <button mat-button mat-dialog-close class="secondary" matTooltip="Cerrar">
      Cerrar
    </button>
  </div>
</div>
