diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index c659ac7a5..81c3ddf9e 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -2,16 +2,19 @@
     <ion-tab-bar slot="bottom">
       <ion-tab-button tab="events">
         <ion-icon name="home"></ion-icon>
+       <!--  <ion-icon class="nav-icon" src="assets/images/icons-nav-home.svg"></ion-icon> -->
         <ion-badge color="danger">{{totalEvent}}</ion-badge>
-        <ion-label>Home</ion-label>
+        <ion-label>Início</ion-label>
       </ion-tab-button>
   
       <ion-tab-button tab="agenda">
         <ion-icon name="calendar"></ion-icon>
+        <!-- <ion-icon class="nav-icon" src="assets/images/icons-nav-calendar.svg"></ion-icon> -->
         <ion-label>Agenda</ion-label>
       </ion-tab-button>
       <ion-tab-button tab="gabinete-digital">
           <ion-icon name="file-tray-stacked"></ion-icon>
+         <!--  <ion-icon class="nav-icon" src="assets/images/icons-nav-gabinete.svg"></ion-icon> -->
           <ion-badge color="danger">{{totalExpediente}}</ion-badge>
           <ion-label>Gabinete Digital</ion-label>
         </ion-tab-button>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index e9d75a223..9d05f7947 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -1,7 +1,7 @@
 
 ion-tab-bar{
-    --background: #e3dfdf;
-    --color: #000;
+    --background: #f9f9f9;
+    --color: #061b52;
 }
 
 // Badge
diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index ae6289220..3c0341cc8 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -11,7 +11,7 @@
         </div> 
       </div>
     </ion-buttons>
-    <ion-title>Agenda</ion-title>
+    <ion-title class="header-title">Agenda</ion-title>
   </ion-toolbar>
   <ion-toolbar>
     <ion-segment [(ngModel)]="segment">
diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss
index 7a0ca4838..fdaad9ea6 100644
--- a/src/app/pages/agenda/agenda.page.scss
+++ b/src/app/pages/agenda/agenda.page.scss
@@ -208,3 +208,13 @@ label{
   color:  #e16817;
 }
 
+.header-title{
+  width: 300px;
+  font-family: Roboto;
+  font-size: 25px;
+  margin: 0 5px 0 25px;
+  padding: 0;
+  color:#000;
+  float: left;
+}
+
diff --git a/src/app/pages/cal-modal/cal-modal.page.html b/src/app/pages/cal-modal/cal-modal.page.html
index 0d8e4863f..e59db34a2 100644
--- a/src/app/pages/cal-modal/cal-modal.page.html
+++ b/src/app/pages/cal-modal/cal-modal.page.html
@@ -110,16 +110,16 @@
 </div> 
 </ion-content>
 <ion-footer class="ion-no-border">
-  <ion-toolbar color="primary">
+  <ion-toolbar class="btn-div">
     <ion-buttons slot="start">
-      <ion-button (click)="close()">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
         <ion-label>Cancelar</ion-label>
         <ion-icon name="close" slot="start"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-title>{{ viewTitle }}</ion-title>
     <ion-buttons slot="end">
-      <ion-button (click)="save()">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
         <ion-label>Enviar</ion-label>
         <ion-icon name="checkmark" slot="start"></ion-icon>
       </ion-button>
diff --git a/src/app/pages/events/attendee-modal/attendee-modal.page.html b/src/app/pages/events/attendee-modal/attendee-modal.page.html
index 60a73dc46..a00756b0c 100644
--- a/src/app/pages/events/attendee-modal/attendee-modal.page.html
+++ b/src/app/pages/events/attendee-modal/attendee-modal.page.html
@@ -22,15 +22,15 @@
 </ion-item-group>
 </ion-content>
 <ion-footer class="ion-no-border">
-  <ion-toolbar color="primary">
+  <ion-toolbar class="btn-div">
     <ion-buttons slot="start">
-      <ion-button (click)="close()">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
         <ion-label>Cancelar</ion-label>
         <ion-icon name="close" slot="start"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-buttons slot="end">
-      <ion-button (click)="save()">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
         <ion-label>Adicionar</ion-label>
         <ion-icon name="checkmark" slot="start"></ion-icon>
       </ion-button>
diff --git a/src/app/pages/events/attendees/attendees.page.html b/src/app/pages/events/attendees/attendees.page.html
index 1be3f6046..380e808b5 100644
--- a/src/app/pages/events/attendees/attendees.page.html
+++ b/src/app/pages/events/attendees/attendees.page.html
@@ -15,7 +15,7 @@
 </ion-header>
 <ion-content>
   <ion-item-group>
-    <ion-button shape="round" (click)="addAttendees()" expand="block">
+    <ion-button class="btn-ok-no-width" fill="clear" color="#fff" shape="round" (click)="addAttendees()" expand="block">
       <ion-label>Adicionar participantes</ion-label>
     </ion-button>
   </ion-item-group>
@@ -39,16 +39,16 @@
 
 
 <ion-footer class="ion-no-border">
-  <ion-toolbar color="primary">
+  <ion-toolbar class="btn-div">
     <ion-buttons slot="start">
-      <ion-button (click)="close()">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
         <ion-label>Cancelar</ion-label>
         <ion-icon name="close" slot="start"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-title></ion-title>
     <ion-buttons slot="end">
-      <ion-button (click)="save()">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
         <ion-label>OK</ion-label>
         <ion-icon name="checkmark" slot="start"></ion-icon>
       </ion-button>
diff --git a/src/app/pages/events/event-detail/event-detail.page.html b/src/app/pages/events/event-detail/event-detail.page.html
index 566da7929..95d9fe4c5 100644
--- a/src/app/pages/events/event-detail/event-detail.page.html
+++ b/src/app/pages/events/event-detail/event-detail.page.html
@@ -3,7 +3,7 @@
     <ion-buttons slot="start">
       <ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
     </ion-buttons>
-    <ion-title>Visualizar Evento</ion-title>
+    <ion-title class="header-title">Visualizar Evento</ion-title>
     <ion-buttons slot="end">
       <button (click)="deleteConfirm()" class="ion-icon-delete">
         <ion-icon name="trash"></ion-icon>
@@ -118,7 +118,7 @@
           </div>
         </div>
           <!-- Skeleton Attachment -->
-        <ion-list *ngIf="!loadedEventAttachments">
+       <!--  <ion-list *ngIf="!loadedEventAttachments">
           <ion-item lines="none" >
             <ion-icon name="attach" slot="start"></ion-icon>
             <ion-label>
@@ -126,7 +126,7 @@
                 <p>  <ion-skeleton-text animated></ion-skeleton-text></p>
             </ion-label> 
           </ion-item>
-        </ion-list>
+        </ion-list> -->
         <!-- No attachment message -->
           <ion-list *ngIf="!loadedEvent.HasAttachments">
             <ion-item lines="none" >
@@ -208,7 +208,7 @@
 <ion-footer>
   <ion-toolbar>
     <div class="event-detail-buttons">
-      <ion-button shape="round" (click)="Save()">Gravar</ion-button>
+      <ion-button class="btn-ok" fill="clear" color="#fff" shape="round" (click)="Save()">Gravar</ion-button>
     </div>
   </ion-toolbar>
 </ion-footer>
diff --git a/src/app/pages/events/event-detail/event-detail.page.scss b/src/app/pages/events/event-detail/event-detail.page.scss
index b94403c90..06a651622 100644
--- a/src/app/pages/events/event-detail/event-detail.page.scss
+++ b/src/app/pages/events/event-detail/event-detail.page.scss
@@ -93,3 +93,26 @@ ion-card{
   font-size: 16px;
 }
 
+.header-content{
+  width: 360px;
+  overflow: auto;
+  margin: 0 auto;
+  padding-top: 25px;
+}
+.header-icon-left{
+  width: 36px;
+  font-size: 33px;
+  color: #42b9fe;
+  float: left;
+  border: 1px solid red;
+}
+.header-title{
+  width: 300px;
+  font-family: Roboto;
+  font-size: 25px;
+  margin: 0 5px 0 5px;
+  padding: 0;
+  color:#000;
+  float: left;
+}
+
diff --git a/src/app/pages/gabinete-digital/event-list/event-list.page.html b/src/app/pages/gabinete-digital/event-list/event-list.page.html
index 1e0d67cd3..ed50ba2c2 100644
--- a/src/app/pages/gabinete-digital/event-list/event-list.page.html
+++ b/src/app/pages/gabinete-digital/event-list/event-list.page.html
@@ -46,7 +46,7 @@
                   <p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
                 </div>
                 <div class="approve-event-detail">
-                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/mm/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
+                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
                 </div>
@@ -67,7 +67,7 @@
                   <p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
                 </div>
                 <div class="approve-event-detail">
-                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/mm/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
+                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
                 </div>
diff --git a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html
index cca3a3782..5df27b85f 100644
--- a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html
+++ b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html
@@ -48,7 +48,7 @@
     </div>
     <div class="ion-input-class">
       <ion-datetime 
-        placeholder="{{postData.StartDate | date: 'dd MMM yyyy H:mm'}}"
+        placeholder="Início"
         [(ngModel)]="postData.StartDate" 
         displayFormat="D MMM YYYY H:mm"
         minuteValues="0,15,30,45"
@@ -69,7 +69,7 @@
     </div>
     <div class="ion-input-class">
       <ion-datetime 
-        placeholder="{{postData.EndDate | date: 'dd MMM yyyy H:mm'}}"
+        placeholder="Fim"
         [(ngModel)]="postData.EndDate" 
         displayFormat="D MMM YYYY H:mm"
         minuteValues="0,15,30,45"
diff --git a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts
index 7da90835c..ba265a73b 100644
--- a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts
+++ b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts
@@ -45,10 +45,10 @@ export class BookMeetingModalPage implements OnInit {
       /* Initialize 'Subject' with the title of the expedient */
       this.postData.Subject = this.task.Folio;
       this.postData.CalendarName = "Oficial";
-      this.postData.StartDate = new Date();
+      /* this.postData.StartDate = new Date(); */
       /* Set + 30minutes to seleted datetime */
       let selectedEndDate = new Date();
-      this.postData.EndDate = new Date(selectedEndDate.setMinutes(new Date().getMinutes() + 30));
+     /*  this.postData.EndDate = new Date(selectedEndDate.setMinutes(new Date().getMinutes() + 30)); */
       
     }
 
diff --git a/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.html b/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.html
index 826405a58..5d2fe87d6 100644
--- a/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.html
+++ b/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.html
@@ -67,14 +67,14 @@
       <ion-label position="stacked">Data</ion-label>
       <ion-input disabled="true" value=''>{{ task.CreateDate | date: 'dd-MM-yy | hh:mm'}}</ion-input>
     </ion-item>
-    <ion-button  (click)="viewDocument()" shape="round" expand="block">
+    <ion-button class="btn-ok-no-width" fill="clear" color="#fff" (click)="viewDocument()" shape="round" expand="block">
       <ion-icon name="attach" slot="start"></ion-icon>
       Ver documento
     </ion-button>
   </ion-item-group>
     <div *ngIf="eventsList">
       <h3 class="h3-event-title">Eventos Associados</h3>
-    <ion-list>
+    <!-- <ion-list>
         <ion-item-sliding>
           <ion-item lines="none" 
           *ngFor="let event of eventsList"
@@ -103,7 +103,31 @@
             </div>
           </ion-item>
         </ion-item-sliding>
+    </ion-list> -->
+
+    <ion-list>
+      <div *ngIf="eventsList">
+        <ion-item-sliding>
+          <ion-item class="Rectangle" lines="none" 
+              *ngFor="let event of eventsList"
+              [routerLink]="['/home/events', event.EventId, 'events']">
+              <div class="content-{{profile}}-{{event.CalendarName}}">
+                <div class="approve-event-time">
+                  <p>{{event.StartDate | date: 'hh:mm'}}</p>
+                  <p>{{event.EndDate | date: 'hh:mm'}}</p>
+                </div>
+                <div class="approve-event-detail">
+                  <p *ngIf="event.StartDate != event.EndDate">{{event.StartDate | date: 'd/M/yy' }} - {{ event.EndDate | date: 'dd/mm/yy'}}  |  {{event.Location}}</p>
+                  <p *ngIf="event.StartDate == event.EndDate">{{event.StartDate | date: 'd/M/yy' }}  |  {{event.Location}}</p>
+                  <h3>{{event.Subject}}</h3>
+                </div>
+              </div>
+            </ion-item>
+        </ion-item-sliding>
+      </div>
     </ion-list>
+
+
   </div>
   <div *ngIf="!eventsList"> 
     <ion-list>
diff --git a/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts b/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts
index 9e18bdb38..c84865057 100644
--- a/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts
+++ b/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts
@@ -33,8 +33,10 @@ export class ExpedienteDetailPage implements OnInit {
   fulltask:any;
   eventsList: Event[];  
   serialnumber:string;
+  profile: string;
 
   ngOnInit() {
+    this.profile = "mdgpr";
     this.activateRoute.paramMap.subscribe(paramMap => {
       if (!paramMap.has('SerialNumber')){
         return;
diff --git a/src/app/pages/gabinete-digital/expediente/expediente.page.html b/src/app/pages/gabinete-digital/expediente/expediente.page.html
index fa03dfd6a..ee742acf9 100644
--- a/src/app/pages/gabinete-digital/expediente/expediente.page.html
+++ b/src/app/pages/gabinete-digital/expediente/expediente.page.html
@@ -31,16 +31,39 @@
     <ion-list *ngSwitchCase="'expediente'">
       <ion-item-group>
         <ion-item-sliding>
-          <ion-item lines="none" *ngFor = "let task of taskslist" >
+          <!-- <ion-item lines="none" *ngFor = "let task of taskslist" >
             <div class="div-content-expediente">
               <ion-item lines="none"  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]">
                 <ion-icon slot="end" name="calendar"></ion-icon>
                  <h3>{{ task.Folio }}</h3>
               </ion-item>
               <p><span class="span-left">{{task.Remetente}}</span><span class="span-right">{{ task.CreateDate | date: 'dd-MM-yy' }}</span></p>
-              <!-- <p><span class="span-left">{{ task.Senders }}</span><span class="span-right">{{ task.CreateDate | date: 'dd-MM-yy' }}</span></p> -->
+              <p><span class="span-left">{{ task.Senders }}</span><span class="span-right">{{ task.CreateDate | date: 'dd-MM-yy' }}</span></p>
+            </div>
+          </ion-item> -->
+
+          <ion-item class="expediente" lines="none"  *ngFor = "let task of taskslist"
+          [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]">
+            <div class="Rectangle">
+              <div class="exp-top-detail">
+                <div class="exp-date">
+                  <ion-label>{{ task.CreateDate | date: 'dd-MM-yy' }}</ion-label>
+                </div>
+                <div class="exp-remetente">
+                  <ion-label>{{task.Remetente}}</ion-label>
+                </div>
+                <div class="exp-icon">
+                  <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
+                  <label></label>
+                </div>
+              </div>
+              <div class="exp-bottom-detail">
+                <ion-label>{{ task.Folio }}</ion-label>
+              </div>
             </div>
           </ion-item>
+
+
         </ion-item-sliding>
       </ion-item-group>
     </ion-list>
diff --git a/src/app/pages/gabinete-digital/expediente/expediente.page.scss b/src/app/pages/gabinete-digital/expediente/expediente.page.scss
index c1e42c309..7c37eaf96 100644
--- a/src/app/pages/gabinete-digital/expediente/expediente.page.scss
+++ b/src/app/pages/gabinete-digital/expediente/expediente.page.scss
@@ -67,3 +67,58 @@ ion-item{
     font-size: 12px;
     padding-right: 18px;
 }
+
+/* New CSS */
+.expediente{
+  padding-top: 10px;
+}
+.exp-list-item{
+  width: 368px;
+  overflow: auto;
+  /* border-bottom: 1px solid gray; */
+  margin: 10px auto;
+}
+.exp-top-detail{
+  width: 100%;
+  overflow: auto;
+}
+.exp-date{
+  width: auto;
+  font-family: Roboto;
+  font-size: 13px;
+  font-weight: normal;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  color: #797979;
+  float: left;
+}
+.exp-remetente{
+  width: 200px;
+  font-family: Roboto;
+  font-size: 13px;
+  font-weight: normal;
+  color: #000000;
+  float: left;
+  margin-left: 16px;
+
+}
+.exp-icon{
+  width: 45px;
+  float: right;
+  font-size: 13px;
+}
+.exp-icon ion-icon{
+  font-size: 25px;
+  color: #42b9fe;
+}
+.exp-bottom-detail{
+  width: 100px;
+  float: left;
+  font-family: Roboto;
+  font-size: 16px;
+  font-weight: 700;
+  color: #0d89d1;
+}
+
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index 2249d32ba..3265de6ef 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -1,6 +1,6 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>Gabinete Digital</ion-title>
+    <ion-title class="header-title">Gabinete Digital</ion-title>
   </ion-toolbar>
 </ion-header>
 
@@ -10,76 +10,84 @@
     <ion-refresher-content>
     </ion-refresher-content>
   </ion-refresher>
-  <ion-card color="#d4d5ca">
-    <ion-card-header>
-      <ion-card-title>Eventos para Aprovação</ion-card-title>
-      <ion-card-content>
-        <ion-item  (click)="openEventsToApproveList('MDGPR')">
-          <ion-label>Minha agenda</ion-label>
-          <ion-button slot="end">{{count_ev_md}}</ion-button>
-        </ion-item>
-        <ion-item (click)="openEventsToApproveList('PR')" class="ion-item-change-color">
-          <ion-label>Agenda do Presidente</ion-label>
-          <ion-button slot="end">{{count_ev_pr}}</ion-button>
-        </ion-item>
-      </ion-card-content>
-    </ion-card-header>
-  </ion-card>
-    <ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Expediente</ion-card-title>
-    <ion-card-content>
-      <ion-item  [routerLink]="['/home/gabinete-digital/expediente']">
-        <ion-label>Correspondência</ion-label>
-        <ion-button slot="end">{{ count_exp_dailywork }}</ion-button>
-      </ion-item>
-      <ion-item (click)="notImplemented()" class="ion-activated">
-        <ion-label>Pedidos de parecer</ion-label>
-        <ion-button slot="end">{{count_exp_pp}}</ion-button>
-      </ion-item>
-      <ion-item (click)="notImplemented()">
-        <ion-label>Pedidos de deferimento</ion-label>
-        <ion-button slot="end">{{count_exp_pd}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
-<ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Expediente para o PR</ion-card-title>
-    <ion-card-content>
-      <ion-item (click)="notImplemented()" class="ion-item-change-color">
-        <ion-label>Correspondência</ion-label>
-        <ion-button slot="end">{{count_de_pr}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
-<ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Despachos Efectuados</ion-card-title>
-    <ion-card-content>
-      <ion-item (click)="notImplemented()" class="ion-item-change-color">
-        <ion-label>Presidente da República</ion-label>
-        <ion-button slot="end">{{count_de_pr}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
-<ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Diplomas</ion-card-title>
-    <ion-card-content>
-      <ion-item primary (click)="notImplemented()" class="ion-activated">
-        <ion-label>Por validar (MDGPR)</ion-label>
-        <ion-button slot="end">{{count_dip_pv}}</ion-button>
-      </ion-item>
-      <ion-item (click)="notImplemented()" class="ion-item-change-color">
-        <ion-label>Assinados pelo PR</ion-label>
-        <ion-button slot="end">{{count_dip_apr}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
 
+  <div class="expedient-content">
+    <div class="exp-card" (click)="openEventsToApproveList('MDGPR')">
+      <div class="exp-card-icon">
+        <ion-icon src="assets/images/icons-agenda.svg"></ion-icon>
+      </div>
+      <div class="exp-card-title">
+        <p>Eventos para Aprovação</p>
+      </div>
+      <div class="exp-card-content">
+        <p>{{count_ev_md+count_ev_pr}} Documentos</p>
+      </div>
+    </div>
+  <div class="exp-card" [routerLink]="['/home/gabinete-digital/expediente']">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-correspondencia.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p>Correspondencia</p>
+    </div>
+    <div class="exp-card-content">
+      <p>{{count_exp_dailywork}} Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-pendente.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p>Pendentes</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-parecer.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p >Pedidos de Parecer</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p >Pedidos de Deferimento</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-despacho.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p>Despachos</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-diploma.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p >Diplomas por Validar</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  </div>
 </ion-content>
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index 18e7a5ec3..1b2754739 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -1,3 +1,10 @@
+ion-content{
+  --padding-top:15px;
+  --padding-end:15px;
+  --padding-start:15px;
+  --padding-bottom:15px;
+  --background:#ecf8ff;
+}
 :host{
   ion-card-title{
       text-align: center;
@@ -26,4 +33,65 @@ ion-label{
   --ion-background-color:#fff2cc !important;
   margin-bottom: 10px;
   border-radius: 5px;
-}
\ No newline at end of file
+}
+
+/* NEW CSS */
+.expedient-content{
+  width: 100%;
+  overflow: auto;
+}
+.exp-card{
+  width: 174px;
+  height: 200px;
+  margin: 8px;
+  padding: 30px 5px 30px 5px;
+  border-radius: 15px;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
+  border: solid 1px #e9e9e9;
+  /* --background-color: #ffffff !important; */
+  background-color: #ffffff !important;
+  float: left;
+}
+.exp-card-icon{
+  width: 55px;
+  margin: 0 auto;
+}
+.exp-card ion-icon{
+  font-size: 54px;
+}
+.exp-card-title{
+  font-size: 15px;
+  color: #0d89d1;
+  font-family: Roboto;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  color: #0d89d1;
+  margin: 15px 0 0 10px;
+  text-align: center;
+}
+.exp-card-title p{
+  text-align: center;
+
+}
+.exp-card-content{
+  font-size: 13px;
+  color: #797979;
+  margin: 11px 0 0;
+  font-family: Roboto;
+  font-weight: 700;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: center;
+}
+.header-title{
+  width: 300px;
+  font-family: Roboto;
+  font-size: 25px;
+  margin: 0 5px 0 25px;
+  padding: 0;
+  color:#000;
+  float: left;
+}
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.ts b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
index add7c8f61..87f18cc7e 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.ts
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.ts
@@ -21,14 +21,14 @@ export class GabineteDigitalPage implements OnInit {
     private eventService: EventsService,
     private alertService: AlertService) { }
 
-  count_exp_dailywork : number;  
+  count_exp_dailywork=0;  
   count_exp_pp : string;
   count_exp_pd : string;
   count_dip_apr : string;
   count_dip_pv : string;
   count_de_pr : string;
-  count_ev_pr : string;
-  count_ev_md : string;
+  count_ev_pr=0;
+  count_ev_md=0;
 
   ngOnInit() {
     this.LoadCounts();
@@ -57,8 +57,7 @@ export class GabineteDigitalPage implements OnInit {
     this.count_exp_pd = "-";
     this.count_dip_apr = "-";
     this.count_dip_pv = "-";
-    this.count_de_pr = "-";
-    this.count_ev_md='-';
+    this.count_de_pr ='-';
 
   }
 
@@ -70,8 +69,7 @@ export class GabineteDigitalPage implements OnInit {
     }, 2000);
   }
 
-  notImplemented()
-  {
+  notImplemented(){
     this.alertService.presentAlert('Funcionalidade em desenvolvimento');
   }
   
diff --git a/src/app/pages/login/login.page.html b/src/app/pages/login/login.page.html
index 890886845..c2a8413de 100644
--- a/src/app/pages/login/login.page.html
+++ b/src/app/pages/login/login.page.html
@@ -14,7 +14,7 @@
           <ion-label position="floating">Palavra-passe</ion-label>
           <ion-input type="password" [(ngModel)]="password" name="input-password" ></ion-input>
         </ion-item>        
-          <ion-button expand="block" shape="round" color="primary" (click)="Login()">Iniciar</ion-button>
+          <ion-button class="btn-ok" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar</ion-button>
     </ion-list>
   </form>
 </div>
diff --git a/src/assets/images/icons-arrow-arrow-down-25-copy.png b/src/assets/images/icons-arrow-arrow-down-25-copy.png
deleted file mode 100644
index 1f62f2fd0..000000000
Binary files a/src/assets/images/icons-arrow-arrow-down-25-copy.png and /dev/null differ
diff --git a/src/assets/images/icons-arrow-arrow-down-25-copy@2x.png b/src/assets/images/icons-arrow-arrow-down-25-copy@2x.png
deleted file mode 100644
index c686ecf63..000000000
Binary files a/src/assets/images/icons-arrow-arrow-down-25-copy@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-arrow-arrow-down-25-copy@3x.png b/src/assets/images/icons-arrow-arrow-down-25-copy@3x.png
deleted file mode 100644
index 7690374c9..000000000
Binary files a/src/assets/images/icons-arrow-arrow-down-25-copy@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-arrow-arrow-down-25.png b/src/assets/images/icons-arrow-arrow-down-25.png
deleted file mode 100644
index 781a18b03..000000000
Binary files a/src/assets/images/icons-arrow-arrow-down-25.png and /dev/null differ
diff --git a/src/assets/images/icons-arrow-arrow-down-25.svg b/src/assets/images/icons-arrow-arrow-down-25.svg
deleted file mode 100644
index 0823c7065..000000000
--- a/src/assets/images/icons-arrow-arrow-down-25.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
-    <g fill="none" fill-rule="evenodd">
-        <g stroke="#42B9FE" stroke-width="2">
-            <g>
-                <g>
-                    <g>
-                        <g transform="translate(-20 -696) translate(0 84) translate(0 592) translate(20 10) translate(0 10)">
-                            <rect width="17" height="14" x="4" y="7" rx="2"/>
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.684C9 4.228 10.071 3 12.214 3s3.215 1.228 3.215 3.684V13.387C15.476 14.462 15 15 14 15s-1.476-.538-1.429-1.613h0V9.535h0"/>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/src/assets/images/icons-arrow-arrow-down-25@2x.png b/src/assets/images/icons-arrow-arrow-down-25@2x.png
deleted file mode 100644
index b599dec79..000000000
Binary files a/src/assets/images/icons-arrow-arrow-down-25@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-arrow-arrow-down-25@3x.png b/src/assets/images/icons-arrow-arrow-down-25@3x.png
deleted file mode 100644
index ee09dec1c..000000000
Binary files a/src/assets/images/icons-arrow-arrow-down-25@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-chat-40@2x.png b/src/assets/images/icons-chat-chat-40@2x.png
deleted file mode 100644
index be985f238..000000000
Binary files a/src/assets/images/icons-chat-chat-40@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-chat-40@3x.png b/src/assets/images/icons-chat-chat-40@3x.png
deleted file mode 100644
index cc9d0087b..000000000
Binary files a/src/assets/images/icons-chat-chat-40@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-group-chat-40.png b/src/assets/images/icons-chat-group-chat-40.png
deleted file mode 100644
index 834216e48..000000000
Binary files a/src/assets/images/icons-chat-group-chat-40.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-group-chat-40@2x.png b/src/assets/images/icons-chat-group-chat-40@2x.png
deleted file mode 100644
index 65b0ce8cd..000000000
Binary files a/src/assets/images/icons-chat-group-chat-40@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-group-chat-40@3x.png b/src/assets/images/icons-chat-group-chat-40@3x.png
deleted file mode 100644
index a2c471272..000000000
Binary files a/src/assets/images/icons-chat-group-chat-40@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-new-conversation@2x.png b/src/assets/images/icons-chat-new-conversation@2x.png
deleted file mode 100644
index f2670b0cd..000000000
Binary files a/src/assets/images/icons-chat-new-conversation@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-new-conversation@3x.png b/src/assets/images/icons-chat-new-conversation@3x.png
deleted file mode 100644
index 8fa36026d..000000000
Binary files a/src/assets/images/icons-chat-new-conversation@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-new-group@2x.png b/src/assets/images/icons-chat-new-group@2x.png
deleted file mode 100644
index b9e0f9434..000000000
Binary files a/src/assets/images/icons-chat-new-group@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-new-group@3x.png b/src/assets/images/icons-chat-new-group@3x.png
deleted file mode 100644
index dbd84fdc8..000000000
Binary files a/src/assets/images/icons-chat-new-group@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-send@2x.png b/src/assets/images/icons-chat-send@2x.png
deleted file mode 100644
index 3339da57f..000000000
Binary files a/src/assets/images/icons-chat-send@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-chat-send@3x.png b/src/assets/images/icons-chat-send@3x.png
deleted file mode 100644
index c2827356d..000000000
Binary files a/src/assets/images/icons-chat-send@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-correspondencia.svg b/src/assets/images/icons-correspondencia.svg
new file mode 100644
index 000000000..c5796c54c
--- /dev/null
+++ b/src/assets/images/icons-correspondencia.svg
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="51" viewBox="0 0 50 51">
+    <defs>
+        <filter id="8mhfet1baa" width="122.3%" height="117.2%" x="-11.2%" y="-4.3%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="cxtuprgmsc" width="121.5%" height="116.6%" x="-10.7%" y="-4.2%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="6my4om26qe" width="108%" height="140%" x="-4%" y="-10%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <path id="mchxkuo24b" d="M2.723 3.958c-.005-.709.558-1.28 1.26-1.274l15.228.122c.7.006 1.273.585 1.279 1.294l.16 20.535c.005.709-.559 1.279-1.26 1.273l-15.65-.104c-.55-.004-.993-.45-.994-1L2.723 3.959z"/>
+        <path id="hcuuwzodsd" d="M2.856 4.107c-.005-.734.583-1.326 1.313-1.32l15.856.103c.73.005 1.326.604 1.33 1.338l.136 21.277c.005.734-.583 1.326-1.313 1.321l-16.335-.085c-.55-.003-.995-.45-.994-1l.007-21.634z"/>
+        <path id="s0zc66vfbf" d="M2-.175h7.304c.45 0 .888.153 1.242.432l5.224 4.136c.354.28.791.432 1.242.432h16.24c.45 0 .888-.152 1.24-.432L39.719.257c.353-.28.79-.432 1.241-.432H48c1.105 0 2 .896 2 2v6c0 1.105-.895 2-2 2H2c-1.105 0-2-.895-2-2v-6c0-1.104.895-2 2-2z"/>
+        <linearGradient id="p2eo5868yg" x1="50%" x2="50%" y1="0%" y2="100%">
+            <stop offset="0%" stop-color="#FFD759"/>
+            <stop offset="100%" stop-color="#FFCB26"/>
+        </linearGradient>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <g>
+                    <g>
+                        <g transform="translate(-82 -198) translate(20 164) translate(62 30.44) rotate(-15 34.057 -60.37) rotate(15 11.686 14.296)">
+                            <use fill="#000" filter="url(#8mhfet1baa)" xlink:href="#mchxkuo24b"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M3.978 3.184l15.229.122c.214.002.407.092.548.235.144.145.233.344.235.563h0l.16 20.535c.001.215-.082.41-.22.55-.137.137-.326.221-.536.22h0l-15.651-.105-.52-21.35c-.002-.215.082-.41.22-.55.137-.137.326-.221.535-.22h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-82 -198) translate(20 164) translate(62 30.44) rotate(-15 34.057 -60.37) rotate(15 -24.248 32.91)">
+                            <rect width="8.435" height="1" x="1.286" y="4.231" rx=".5"/>
+                            <rect width="8.435" height="1" x="1.286" y="1" rx=".5"/>
+                            <rect width="8.435" height="1" x="1.286" y="7.462" rx=".5"/>
+                            <rect width="5.304" height="1" x="1.286" y="10.692" rx=".5"/>
+                        </g>
+                    </g>
+                    <g>
+                        <g transform="translate(-82 -198) translate(20 164) translate(62 30.44) rotate(-15 75.132 -15.891) rotate(15 12.17 14.806)">
+                            <use fill="#000" filter="url(#cxtuprgmsc)" xlink:href="#hcuuwzodsd"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M4.165 3.286l15.857.104c.228.001.435.096.586.248.151.152.246.362.247.593h0l.136 21.277c.002.228-.088.434-.236.582-.146.147-.349.237-.574.236h0l-16.335-.085-.49-22.137c-.002-.228.088-.434.235-.582.147-.147.35-.237.574-.236h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-82 -198) translate(20 164) translate(62 30.44) rotate(-15 75.132 -15.891) rotate(15 -25.06 34.223)">
+                            <rect width="8.87" height="1" x="1.298" y="4.346" rx=".5"/>
+                            <rect width="8.87" height="1" x="1.298" y="1" rx=".5"/>
+                            <rect width="8.87" height="1" x="1.298" y="7.692" rx=".5"/>
+                            <rect width="5.609" height="1" x="1.298" y="11.038" rx=".5"/>
+                        </g>
+                    </g>
+                    <g transform="translate(-82 -198) translate(20 164) translate(62 30.44) translate(0 43.175)">
+                        <use fill="#000" filter="url(#6my4om26qe)" xlink:href="#s0zc66vfbf"/>
+                        <path fill="url(#p2eo5868yg)" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M9.304.325c.338 0 .666.114.931.324h0l5.225 4.136c.442.35.988.54 1.552.54h16.24c.563 0 1.11-.19 1.551-.54h0L40.028.65c.265-.21.593-.324.931-.324H48c.414 0 .79.168 1.06.44.272.271.44.646.44 1.06h0v6c0 .415-.168.79-.44 1.061-.27.271-.646.44-1.06.44h0H2c-.414 0-.79-.169-1.06-.44C.667 8.615.5 8.24.5 7.826h0v-6c0-.415.168-.79.44-1.061.27-.272.646-.44 1.06-.44h0z"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-expediente-attachment.svg b/src/assets/images/icons-expediente-attachment.svg
new file mode 100644
index 000000000..a690e24d7
--- /dev/null
+++ b/src/assets/images/icons-expediente-attachment.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="29" height="25" viewBox="0 0 29 25">
+    <g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g stroke="#42B9FE" stroke-width="2">
+            <g>
+                <g>
+                    <g>
+                        <g>
+                            <path d="M20 9.535v6.018C20 17.615 18.515 20 14.444 20c-4.07 0-5.555-2.385-5.555-4.447V6.684C8.889 4.228 10.079 3 12.46 3c2.381 0 3.572 1.228 3.572 3.684V13.387c.053 1.075-.476 1.613-1.588 1.613-1.11 0-1.64-.538-1.587-1.613h0V9.535h0" transform="translate(-346 -340) translate(0 99) translate(0 226) translate(16.667 15) translate(330)"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-expediente-deferimento.svg b/src/assets/images/icons-expediente-deferimento.svg
new file mode 100644
index 000000000..c8c5e8d86
--- /dev/null
+++ b/src/assets/images/icons-expediente-deferimento.svg
@@ -0,0 +1,84 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="51" viewBox="0 0 50 51">
+    <defs>
+        <filter id="j7nmel23qa" width="122.3%" height="117.2%" x="-11.2%" y="-4.3%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="1fcfzwu7oc" width="121.5%" height="116.6%" x="-10.7%" y="-4.2%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="joln4y6oze" width="108%" height="140%" x="-4%" y="-10%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="9c7uen6cbh" width="127.8%" height="126.4%" x="-13.9%" y="-8.9%" filterUnits="objectBoundingBox">
+            <feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
+            <feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <path id="89fbrqrcsb" d="M2.723 3.958c-.005-.709.558-1.28 1.26-1.274l15.228.122c.7.006 1.273.585 1.279 1.294l.16 20.535c.005.709-.559 1.279-1.26 1.273l-15.65-.104c-.55-.004-.993-.45-.994-1L2.723 3.959z"/>
+        <path id="a326sf6p9d" d="M2.856 4.107c-.005-.734.583-1.326 1.313-1.32l15.856.103c.73.005 1.326.604 1.33 1.338l.136 21.277c.005.734-.583 1.326-1.313 1.321l-16.335-.085c-.55-.003-.995-.45-.994-1l.007-21.634z"/>
+        <path id="isfqtpomzf" d="M2 .825h7.304c.45 0 .888.153 1.242.432l5.224 4.136c.354.28.791.432 1.242.432h16.24c.45 0 .888-.152 1.24-.432l5.226-4.136c.353-.28.79-.432 1.241-.432H48c1.105 0 2 .896 2 2v6c0 1.105-.895 2-2 2H2c-1.105 0-2-.895-2-2v-6c0-1.104.895-2 2-2z"/>
+        <path id="5g4m49u08i" d="M9.5 19.5c1.5-1 3.5-1 5-1.5s4-2.236 4-6V3.944c0-.523-.4-1.006-.923-.997C14.5 3 11.5 2 9.5 0c-2 2-5 3-8 3 0 0-1 0-1 1v8c.333 3.667 1.667 5.667 4 6 2.333.333 4 .833 5 1.5z"/>
+        <linearGradient id="hbh31ijorg" x1="50%" x2="50%" y1="0%" y2="100%">
+            <stop offset="0%" stop-color="#FFD759"/>
+            <stop offset="100%" stop-color="#FFCB26"/>
+        </linearGradient>
+        <linearGradient id="aijgioyksj" x1="50%" x2="50%" y1="0%" y2="100%">
+            <stop offset="0%" stop-color="#061B52"/>
+            <stop offset="99.962%" stop-color="#021549"/>
+        </linearGradient>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <g>
+                    <g>
+                        <g transform="translate(-269 -388) translate(207 355) translate(62 30.769) rotate(-15 31.984 -60.643) rotate(15 11.686 14.296)">
+                            <use fill="#000" filter="url(#j7nmel23qa)" xlink:href="#89fbrqrcsb"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M3.978 3.184l15.229.122c.214.002.407.092.548.235.144.145.233.344.235.563h0l.16 20.535c.001.215-.082.41-.22.55-.137.137-.326.221-.536.22h0l-15.651-.105-.52-21.35c-.002-.215.082-.41.22-.55.137-.137.326-.221.535-.22h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-269 -388) translate(207 355) translate(62 30.769) rotate(-15 31.984 -60.643) rotate(15 -24.248 32.91)">
+                            <rect width="8.435" height="1" x="1.286" y="4.231" rx=".5"/>
+                            <rect width="8.435" height="1" x="1.286" y="1" rx=".5"/>
+                            <rect width="8.435" height="1" x="1.286" y="7.462" rx=".5"/>
+                            <rect width="5.304" height="1" x="1.286" y="10.692" rx=".5"/>
+                        </g>
+                    </g>
+                    <g>
+                        <g transform="translate(-269 -388) translate(207 355) translate(62 30.769) rotate(-15 73.058 -16.164) rotate(15 12.17 14.806)">
+                            <use fill="#000" filter="url(#1fcfzwu7oc)" xlink:href="#a326sf6p9d"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M4.165 3.286l15.857.104c.228.001.435.096.586.248.151.152.246.362.247.593h0l.136 21.277c.002.228-.088.434-.236.582-.146.147-.349.237-.574.236h0l-16.335-.085-.49-22.137c-.002-.228.088-.434.235-.582.147-.147.35-.237.574-.236h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-269 -388) translate(207 355) translate(62 30.769) rotate(-15 73.058 -16.164) rotate(15 -25.06 34.223)">
+                            <rect width="8.87" height="1" x="1.298" y="4.346" rx=".5"/>
+                            <rect width="8.87" height="1" x="1.298" y="1" rx=".5"/>
+                            <rect width="8.87" height="1" x="1.298" y="7.692" rx=".5"/>
+                            <rect width="5.609" height="1" x="1.298" y="11.038" rx=".5"/>
+                        </g>
+                    </g>
+                    <g transform="translate(-269 -388) translate(207 355) translate(62 30.769) translate(0 41.629)">
+                        <use fill="#000" filter="url(#joln4y6oze)" xlink:href="#isfqtpomzf"/>
+                        <path fill="url(#hbh31ijorg)" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M9.304 1.325c.338 0 .666.114.931.324h0l5.225 4.136c.442.35.988.54 1.552.54h16.24c.563 0 1.11-.19 1.551-.54h0l5.225-4.136c.265-.21.593-.324.931-.324H48c.414 0 .79.168 1.06.44.272.271.44.646.44 1.06h0v6c0 .415-.168.79-.44 1.061-.27.271-.646.44-1.06.44h0H2c-.414 0-.79-.169-1.06-.44C.667 9.615.5 9.24.5 8.826h0v-6c0-.415.168-.79.44-1.061.27-.272.646-.44 1.06-.44h0z"/>
+                    </g>
+                    <g>
+                        <g stroke-linejoin="round" transform="translate(-269 -388) translate(207 355) translate(62 30.769) translate(28 30.5)">
+                            <use fill="#000" filter="url(#9c7uen6cbh)" xlink:href="#5g4m49u08i"/>
+                            <use fill="url(#aijgioyksj)" stroke="#EBEBEB" stroke-opacity=".194" xlink:href="#5g4m49u08i"/>
+                        </g>
+                        <path stroke="#FFF" d="M9.5 6C10.88 6 12 7.12 12 8.5c0 1.025-.617 1.906-1.5 2.292V13c0 .552-.448 1-1 1s-1-.448-1-1v-2.208C7.617 10.406 7 9.525 7 8.5 7 7.12 8.12 6 9.5 6z" transform="translate(-269 -388) translate(207 355) translate(62 30.769) translate(28 30.5)"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-expediente-despacho.svg b/src/assets/images/icons-expediente-despacho.svg
new file mode 100644
index 000000000..4a60fd4f1
--- /dev/null
+++ b/src/assets/images/icons-expediente-despacho.svg
@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="51" viewBox="0 0 50 51">
+    <defs>
+        <filter id="l13s6usnfa" width="117.7%" height="113.4%" x="-8.8%" y="-3.3%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="v1g220aqmc" width="117.9%" height="114.2%" x="-8.9%" y="-3.6%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <path id="1uh80wprpb" d="M4.29 5.033c-.013-.91.688-1.636 1.566-1.623l19.073.293c.878.013 1.6.762 1.613 1.671l.384 26.355c.013.91-.688 1.636-1.566 1.623l-19.867-.278c-.543-.007-.981-.448-.986-.992L4.29 5.033z"/>
+        <path id="mpbas1q9zd" d="M3.519 4.84c0-.863.708-1.561 1.582-1.56l18.998.011c.875 0 1.584.7 1.584 1.563l.016 24.983c0 .863-.708 1.561-1.582 1.56l-19.756.013c-.553 0-1-.447-1.001-1v-.006L3.519 4.84z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <g>
+                    <g>
+                        <g transform="translate(-82 -578) translate(20 544) translate(61 28.44) rotate(-16 37.869 -34.849) rotate(15 15.608 18.381)">
+                            <use fill="#000" filter="url(#l13s6usnfa)" xlink:href="#1uh80wprpb"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M5.848 3.91l19.073.293c.303.004.578.138.779.347.207.214.338.509.342.832h0l.384 26.354c.004.315-.112.6-.309.804-.19.197-.455.317-.75.312h0L5.5 32.574 4.79 5.026c-.005-.315.112-.6.309-.803.19-.197.454-.317.749-.313h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-82 -578) translate(20 544) translate(61 28.44) rotate(-16 37.869 -34.849) rotate(15 -30.978 45.28)">
+                            <rect width="11.043" height="1" x="1.357" y="5.154" rx=".5"/>
+                            <rect width="11.043" height="1" x="1.357" y="1" rx=".5"/>
+                            <rect width="11.043" height="1" x="1.357" y="9.308" rx=".5"/>
+                            <rect width="7.13" height="1" x="1.357" y="13.462" rx=".5"/>
+                        </g>
+                    </g>
+                    <g>
+                        <g transform="translate(-82 -578) translate(20 544) translate(61 28.44) rotate(-16 95.407 12.286) rotate(15 14.527 17.345)">
+                            <use fill="#000" filter="url(#v1g220aqmc)" xlink:href="#mpbas1q9zd"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M5.1 3.78L24.1 3.79c.3 0 .572.12.769.314.194.192.315.457.315.75h0l.016 24.983c0 .292-.12.556-.314.747-.196.194-.468.313-.768.313h0L4.36 30.91 4.02 4.84c0-.293.12-.557.314-.748.196-.194.468-.313.768-.313h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-82 -578) translate(20 544) translate(61 28.44) rotate(-16 95.407 12.286) rotate(15 -29.12 40.786)">
+                            <rect width="11.043" height="1" x="1.357" y="4.923" rx=".5"/>
+                            <rect width="11.043" height="1" x="1.357" y="1" rx=".5"/>
+                            <rect width="11.043" height="1" x="1.357" y="8.846" rx=".5"/>
+                            <rect width="7.13" height="1" x="1.357" y="12.769" rx=".5"/>
+                        </g>
+                    </g>
+                    <g>
+                        <path fill="#A20505" d="M3.88 6.116L5.749 6.096 5.701 10.786 3.822 11.745z" transform="translate(-82 -578) translate(20 544) translate(61 28.44) rotate(14 -163.457 110.87) rotate(2 4.785 8.92)"/>
+                        <path fill="#A20505" d="M5.745 5.673L7.607 5.631 7.501 10.342 5.618 11.326z" transform="translate(-82 -578) translate(20 544) translate(61 28.44) rotate(14 -163.457 110.87) scale(-1 1) rotate(17 0 -35.766)"/>
+                        <g transform="translate(-82 -578) translate(20 544) translate(61 28.44) rotate(14 -163.457 110.87) rotate(-13 9.467 -.264)">
+                            <path fill="#D30A0A" d="M3.131 6.402l-.04.032c-.21.165-.513.129-.679-.08-.047-.061-.08-.133-.095-.208-.087-.454-.482-.782-.943-.785h-.069c-.253-.002-.458-.209-.456-.462 0-.082.023-.162.065-.233.236-.395.146-.904-.212-1.194l-.01-.008C.494 3.305.464 3.017.623 2.82c.053-.065.123-.115.202-.143l.043-.015c.432-.153.69-.595.61-1.046-.046-.255.124-.499.38-.544.077-.014.157-.008.232.017l.062.021c.442.15.928-.025 1.173-.422l.003-.005c.143-.233.448-.305.68-.162.066.04.121.096.162.162l.003.005c.245.397.731.572 1.173.422l.062-.02c.245-.084.511.048.595.293.025.075.031.155.017.233-.08.45.178.893.61 1.046l.043.015c.238.084.362.345.278.583-.028.08-.078.15-.143.203l-.01.008c-.359.29-.45.799-.213 1.194.13.218.059.5-.159.63-.07.041-.15.064-.232.064h-.069c-.461.004-.856.332-.943.786-.05.262-.304.433-.566.383-.076-.015-.147-.047-.208-.095l-.04-.032c-.363-.286-.875-.286-1.238 0z"/>
+                            <ellipse cx="3.75" cy="3.749" fill="#A20505" rx="1.875" ry="1.785"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-expediente-diploma.svg b/src/assets/images/icons-expediente-diploma.svg
new file mode 100644
index 000000000..05c29bf09
--- /dev/null
+++ b/src/assets/images/icons-expediente-diploma.svg
@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="51" viewBox="0 0 50 51">
+    <defs>
+        <filter id="49la8yg0ba" width="118.8%" height="114.8%" x="-9.4%" y="-3.7%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <path id="gv1ixj0a4b" d="M3.33 4.633C3.326 3.807 4 3.138 4.833 3.14l18.104.04c.834.003 1.51.674 1.512 1.5l.054 23.94c.002.826-.672 1.494-1.506 1.492l-18.782-.018c-.552 0-1-.448-1-1v-.004L3.33 4.633z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <g>
+                    <g>
+                        <g>
+                            <g transform="translate(-269 -578) translate(207 544) translate(59 31.44) rotate(14 3.14 44.86) rotate(-30 27.492 5.411) rotate(15 13.858 16.626)">
+                                <use fill="#000" filter="url(#49la8yg0ba)" xlink:href="#gv1ixj0a4b"/>
+                                <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M4.833 3.64l18.104.04c.28.001.533.114.717.296.182.181.296.43.296.706h0l.054 23.939c0 .274-.111.521-.292.7-.182.181-.434.292-.713.291h0l-18.783-.018L3.83 4.632c0-.274.111-.522.292-.7.182-.181.434-.292.712-.292h0z"/>
+                            </g>
+                            <g stroke="#FFF" stroke-width="2" transform="translate(-269 -578) translate(207 544) translate(59 31.44) rotate(14 3.14 44.86) rotate(-30 27.492 5.411) rotate(15 -27.976 38.93)">
+                                <rect width="10.424" height="1" x="1.341" y="4.761" rx=".5"/>
+                                <rect width="10.424" height="1" x="1.341" y="1" rx=".5"/>
+                                <rect width="10.424" height="1" x="1.341" y="8.521" rx=".5"/>
+                                <rect width="6.697" height="1" x="1.341" y="12.282" rx=".5"/>
+                            </g>
+                        </g>
+                        <g>
+                            <path fill="#A20505" d="M1.893 6.628L3.752 6.61 3.707 11.099 1.839 12.015z" transform="translate(-269 -578) translate(207 544) translate(59 31.44) rotate(14 3.14 44.86) rotate(-13 133.351 -89.111) rotate(15 2.795 9.312)"/>
+                            <path fill="#A20505" d="M3.757 6.628L5.616 6.61 5.57 11.099 3.702 12.015z" transform="translate(-269 -578) translate(207 544) translate(59 31.44) rotate(14 3.14 44.86) rotate(-13 133.351 -89.111) scale(-1 1) rotate(15 0 -26.077)"/>
+                            <g transform="translate(-269 -578) translate(207 544) translate(59 31.44) rotate(14 3.14 44.86) rotate(-13 133.351 -89.111) translate(.172 .988)">
+                                <path fill="#D30A0A" d="M3.09 6.762c-.205.171-.51.144-.681-.061-.054-.064-.09-.141-.105-.224l-.002-.01c-.086-.473-.495-.817-.975-.82-.27-.002-.486-.222-.484-.49 0-.084.022-.165.063-.237l.008-.015c.235-.416.142-.94-.22-1.25l-.009-.008c-.205-.176-.229-.485-.052-.69.053-.063.122-.111.2-.14l.003-.002c.448-.168.715-.63.635-1.102l-.002-.016c-.045-.264.133-.514.397-.559.082-.013.167-.006.245.022.451.163.954-.02 1.195-.436L3.31.72c.134-.23.43-.31.661-.175.073.042.134.103.176.175l.002.004c.241.415.744.599 1.196.436.252-.09.53.04.62.292.028.079.036.163.022.245l-.003.016c-.08.472.187.934.635 1.102l.004.002c.253.095.382.377.287.63-.03.078-.077.146-.14.2l-.009.008c-.362.31-.454.834-.22 1.25l.009.015c.132.235.05.532-.185.664-.072.04-.154.062-.236.063-.48.003-.89.347-.976.82l-.002.01c-.047.263-.299.437-.562.39-.082-.015-.16-.051-.223-.105-.37-.308-.906-.308-1.275 0z"/>
+                                <ellipse cx="3.727" cy="3.761" fill="#A20505" rx="1.864" ry="1.88"/>
+                            </g>
+                        </g>
+                    </g>
+                    <g stroke="#D30A0A" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+                        <path d="M45.5 18L42 21 38.5 18" transform="translate(-269 -578) translate(207 544) translate(59 31.44) translate(5 7)"/>
+                        <path d="M42 21C42 9.402 32.598 0 21 0S0 9.402 0 21s9.402 21 21 21c2.847 0 5.562-.567 8.038-1.593 2.567-1.065 4.877-2.623 6.811-4.558" transform="translate(-269 -578) translate(207 544) translate(59 31.44) translate(5 7)"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-expediente-parecer.svg b/src/assets/images/icons-expediente-parecer.svg
new file mode 100644
index 000000000..82d1e609d
--- /dev/null
+++ b/src/assets/images/icons-expediente-parecer.svg
@@ -0,0 +1,71 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="51" viewBox="0 0 50 51">
+    <defs>
+        <filter id="rexp4shzha" width="118.8%" height="114.5%" x="-9.4%" y="-3.6%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="sxhi1g2j8c" width="118.4%" height="114.2%" x="-9.2%" y="-3.5%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <filter id="kknt7dbk6e" width="121.1%" height="121.1%" x="-10.5%" y="-5.3%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <path id="c6yv7e71mb" d="M3.675 4.708c-.006-.843.665-1.52 1.5-1.515l18.127.14c.834.006 1.516.694 1.522 1.537l.183 24.418c.006.842-.665 1.52-1.5 1.514l-18.819-.12c-.55-.003-.993-.45-.993-.999l-.02-24.975z"/>
+        <path id="kw6qi72gyd" d="M4.271 4.797c-.007-.86.673-1.552 1.52-1.544l18.408.17c.847.008 1.54.712 1.548 1.573l.224 24.927c.007.86-.673 1.552-1.52 1.544l-19.128-.152c-.548-.004-.991-.45-.992-.998l-.06-25.52z"/>
+        <linearGradient id="51h6lg74og" x1="50%" x2="50%" y1="0%" y2="100%">
+            <stop offset="0%" stop-color="#061B52"/>
+            <stop offset="99.962%" stop-color="#021549"/>
+        </linearGradient>
+        <circle id="ezpcodt77f" cx="9.5" cy="9.5" r="9.5"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <g>
+                    <g>
+                        <g transform="translate(-82 -388) translate(20 355) translate(60 28.769) rotate(-15 37.832 -43.642) rotate(15 14.34 16.998)">
+                            <use fill="#000" filter="url(#rexp4shzha)" xlink:href="#c6yv7e71mb"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M5.17 3.693l18.128.14c.28.002.535.12.72.306.187.19.304.449.306.735h0l.183 24.417c.002.282-.109.537-.29.72-.18.182-.43.293-.707.291h0l-18.818-.12-.517-25.478c-.002-.282.108-.536.29-.72.18-.182.43-.293.706-.29h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-82 -388) translate(20 355) translate(60 28.769) rotate(-15 37.832 -43.642) rotate(15 -28.602 40.792)">
+                            <rect width="10.422" height="1" x="1.34" y="4.841" rx=".5"/>
+                            <rect width="10.422" height="1" x="1.34" y="1" rx=".5"/>
+                            <rect width="10.422" height="1" x="1.34" y="8.682" rx=".5"/>
+                            <rect width="6.696" height="1" x="1.34" y="12.524" rx=".5"/>
+                        </g>
+                    </g>
+                    <g>
+                        <g transform="translate(-82 -388) translate(20 355) translate(60 28.769) rotate(-15 87.468 8.673) rotate(15 15.121 17.36)">
+                            <use fill="#000" filter="url(#sxhi1g2j8c)" xlink:href="#kw6qi72gyd"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M5.787 3.753l18.407.17c.287.003.548.125.737.318.193.195.313.464.316.759h0l.224 24.928c.002.29-.11.553-.296.742-.183.186-.438.3-.72.297h0l-19.128-.152L4.77 4.792c-.002-.29.11-.553.296-.742.183-.186.438-.3.72-.297h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-82 -388) translate(20 355) translate(60 28.769) rotate(-15 87.468 8.673) rotate(15 -28.998 43.623)">
+                            <rect width="10.609" height="1" x="1.346" y="4.923" rx=".5"/>
+                            <rect width="10.609" height="1" x="1.346" y="1" rx=".5"/>
+                            <rect width="10.609" height="1" x="1.346" y="8.846" rx=".5"/>
+                            <rect width="6.826" height="1" x="1.346" y="12.769" rx=".5"/>
+                        </g>
+                    </g>
+                    <g>
+                        <g transform="translate(-82 -388) translate(20 355) translate(60 28.769) translate(27 33)">
+                            <use fill="#000" filter="url(#kknt7dbk6e)" xlink:href="#ezpcodt77f"/>
+                            <circle cx="9.5" cy="9.5" r="9" fill="url(#51h6lg74og)" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194"/>
+                        </g>
+                    </g>
+                    <g fill="#FFF" transform="translate(-82 -388) translate(20 355) translate(60 28.769) translate(36 47)">
+                        <circle cx=".5" cy=".5" r="1"/>
+                    </g>
+                    <path stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" d="M36.5 45.5V43c1.38 0 2.5-1.12 2.5-2.5S37.88 38 36.5 38 34 39.12 34 40.5" transform="translate(-82 -388) translate(20 355) translate(60 28.769)"/>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-expediente-pendente.svg b/src/assets/images/icons-expediente-pendente.svg
new file mode 100644
index 000000000..5f08df2dc
--- /dev/null
+++ b/src/assets/images/icons-expediente-pendente.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="51" viewBox="0 0 50 51">
+    <defs>
+        <filter id="taqba0hbda" width="119.3%" height="115.2%" x="-9.6%" y="-3.8%" filterUnits="objectBoundingBox">
+            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187390734 0"/>
+        </filter>
+        <path id="z94thfjixb" d="M3.232 4.528c-.003-.808.654-1.461 1.466-1.458l17.649.055c.812.002 1.473.66 1.475 1.467l.072 23.409c.003.808-.654 1.46-1.466 1.458l-18.287-.034c-.552 0-.999-.45-.998-1.001v-.002l.089-23.894z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <g>
+                    <g stroke="#FFB703" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+                        <g>
+                            <path d="M41.975 21c0-11.598-9.396-21-20.988-21C9.398 0 0 9.402 0 21s9.396 21 20.988 21c2.845 0 5.558-.567 8.033-1.593 2.565-1.065 4.874-2.623 6.807-4.558" transform="translate(-269 -198) translate(207 164) translate(62 34.44) translate(2 4)"/>
+                            <path d="M45.712 17.5L41.975 21 38.237 17.5" transform="translate(-269 -198) translate(207 164) translate(62 34.44) translate(2 4)"/>
+                        </g>
+                    </g>
+                    <g>
+                        <g transform="translate(-269 -198) translate(207 164) translate(62 34.44) rotate(-15 52.68 -17.479) rotate(15 13.517 16.264)">
+                            <use fill="#000" filter="url(#taqba0hbda)" xlink:href="#z94thfjixb"/>
+                            <path fill="#63C3FB" fill-opacity=".9" stroke="#EBEBEB" stroke-linejoin="square" stroke-opacity=".194" d="M4.696 3.57l17.65.055c.268 0 .513.11.69.286.176.175.285.416.286.683h0l.072 23.408c.001.265-.106.504-.28.677-.175.174-.417.28-.685.28h0l-18.287-.034-.41-24.399c-.001-.264.106-.504.28-.677.175-.174.417-.28.684-.28h0z"/>
+                        </g>
+                        <g stroke="#FFF" stroke-width="2" transform="translate(-269 -198) translate(207 164) translate(62 34.44) rotate(-15 52.68 -17.479) rotate(15 -27.397 37.983)">
+                            <rect width="10.109" height="1" x="1.332" y="4.678" rx=".5"/>
+                            <rect width="10.109" height="1" x="1.332" y="1" rx=".5"/>
+                            <rect width="10.109" height="1" x="1.332" y="8.356" rx=".5"/>
+                            <rect width="6.476" height="1" x="1.332" y="12.034" rx=".5"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-nav-calendar.svg b/src/assets/images/icons-nav-calendar.svg
new file mode 100644
index 000000000..368fac346
--- /dev/null
+++ b/src/assets/images/icons-nav-calendar.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+    <g fill="none" fill-rule="evenodd">
+        <g stroke="#797979" stroke-width="2">
+            <g>
+                <g>
+                    <g>
+                        <g transform="translate(-98 -740) translate(0 740) translate(82) translate(16) translate(7 7)">
+                            <rect width="26" height="26" rx="2"/>
+                            <path d="M2 7H24V8H2zM18 12H20V14H18zM12 12H14V14H12zM12 18H14V20H12zM18 18H20V20H18zM6 12H8V14H6zM6 18H8V20H6z"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-nav-gabinete.svg b/src/assets/images/icons-nav-gabinete.svg
new file mode 100644
index 000000000..097f77365
--- /dev/null
+++ b/src/assets/images/icons-nav-gabinete.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+    <g fill="none" fill-rule="evenodd">
+        <g stroke="#061B52">
+            <g>
+                <g>
+                    <g>
+                        <g>
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 22H0V4h25v18m0 0h-7M18 0L18 4 7 4 7 0 15 0z" transform="translate(-180 -740) translate(0 740) translate(164) translate(16) translate(8 9)"/>
+                            <path d="M.5 19.5L22.5 4.5M2.5 21.5L24.5 6.5" transform="translate(-180 -740) translate(0 740) translate(164) translate(16) translate(8 9)"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-nav-grupos-active@2x.png b/src/assets/images/icons-nav-grupos-active@2x.png
deleted file mode 100644
index b08a54b16..000000000
Binary files a/src/assets/images/icons-nav-grupos-active@2x.png and /dev/null differ
diff --git a/src/assets/images/icons-nav-grupos-active@3x.png b/src/assets/images/icons-nav-grupos-active@3x.png
deleted file mode 100644
index a0304a91a..000000000
Binary files a/src/assets/images/icons-nav-grupos-active@3x.png and /dev/null differ
diff --git a/src/assets/images/icons-nav-home.svg b/src/assets/images/icons-nav-home.svg
new file mode 100644
index 000000000..ad505de12
--- /dev/null
+++ b/src/assets/images/icons-nav-home.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+    <g fill="none" fill-rule="evenodd">
+        <g stroke="#797979" stroke-width="2">
+            <g>
+                <g>
+                    <path d="M20 8.136l12 6.461V30c0 .552-.224 1.052-.586 1.414-.362.362-.862.586-1.414.586h0-5v-5c0-.788-.304-1.505-.8-2.04-.51-.549-1.222-.906-2.017-.954h0L18 24c-.788 0-1.505.304-2.04.8-.549.51-.906 1.222-.954 2.017h0L15 32H10c-.552 0-1.052-.224-1.414-.586C8.224 31.052 8 30.552 8 30h0V14.597l12-6.461z" transform="translate(-16 -740) translate(0 740) translate(16)"/>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 3ae3030b4..dbaf6008a 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -349,3 +349,46 @@
   margin: 0;
   padding: 0;
 }
+.nav-icon{
+  font-size: 40px;
+}
+.btn-div{
+  width: 390px;
+  margin: 10px;
+  overflow: auto;
+}
+.btn-ok{
+  width: 160px !important;
+  height: 45px !important;
+  margin: 0 auto;
+  padding: 10px 15px;
+  border-radius: 22.5px;
+  background-color: #42b9fe;
+  color: #ffffff !important;
+}
+.btn-ok-no-width{
+  height: 45px !important;
+  margin: 0 auto;
+  padding: 10px 15px;
+  border-radius: 22.5px;
+  background-color: #42b9fe;
+  color: #ffffff !important;
+}
+.btn-delete{
+  width: 170px !important;
+  height: 45px !important;
+  margin: 0 auto;
+  padding: 10px 15px;
+  border-radius: 22.5px;
+  background-color: #ffe0e0;
+  color: #d30a0a !important;
+}
+.btn-cancel{
+  width: 160px !important;
+  height: 45px !important;
+  margin: 0 auto;
+  padding: 10px 15px;
+  border-radius: 22.5px;
+  background-color:  #e0e9ee;
+  color: #061b52 !important;
+}