diff --git a/src/app/modals/document-viewer/document-viewer.page.html b/src/app/modals/document-viewer/document-viewer.page.html
index 50abdcb04..0bc9e4ef2 100644
--- a/src/app/modals/document-viewer/document-viewer.page.html
+++ b/src/app/modals/document-viewer/document-viewer.page.html
@@ -4,6 +4,7 @@
     <div class="d-flex px-20 pt-20">
       <div class="cursor-pointer" (click)="close()">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/doneIticons-arrow-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" src="assets/images/theme/gov/icons-calendar-arrow-left.svg"></ion-icon>
       </div>
 
diff --git a/src/app/modals/preview-camera/preview-camera.page.html b/src/app/modals/preview-camera/preview-camera.page.html
index f4a96098a..713edaa99 100644
--- a/src/app/modals/preview-camera/preview-camera.page.html
+++ b/src/app/modals/preview-camera/preview-camera.page.html
@@ -5,7 +5,8 @@
       <ion-toolbar>
         <div class="title-content width-100 d-flex justify-space-between align-center">
         <div class= "btn-dismiss font-30 cursor-pointer" (click)="close()">
-          <ion-icon style="margin-bottom:-8px" slot="end" src="assets/images/icons-arrow-arrow-left.svg" class="iconsarrowarrow-left"></ion-icon> 
+          <ion-icon style="margin-bottom:-8px" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/doneIticons-arrow-arrow-left.svg"></ion-icon>
+          <ion-icon style="margin-bottom:-8px" slot="end" *ngIf="ThemeService.currentTheme != 'doneIt' " src="assets/images/icons-arrow-arrow-left.svg" class="iconsarrowarrow-left"></ion-icon> 
         </div>
         <div class="middle d-flex align-center flex-grow-1">
           <div><b><ion-label class="digitalizacao_001pd">{{name}} </ion-label></b><br>
diff --git a/src/app/modals/preview-camera/preview-camera.page.ts b/src/app/modals/preview-camera/preview-camera.page.ts
index 3f16ae5a5..e0c000ea5 100644
--- a/src/app/modals/preview-camera/preview-camera.page.ts
+++ b/src/app/modals/preview-camera/preview-camera.page.ts
@@ -6,6 +6,7 @@ import { GroupIconsPage } from '../group-icons/group-icons.page';
 import { Share } from '@capacitor/share';
 import { Router } from '@angular/router';
 import { Directory, Filesystem } from '@capacitor/filesystem';
+import { ThemeService } from 'src/app/services/theme.service'
 
 @Component({
   selector: 'app-preview-camera',
@@ -17,7 +18,8 @@ export class PreviewCameraPage implements OnInit {
   constructor( private modalController: ModalController,
     private navParams:NavParams,
     public router: Router,
-    private publicService: PublicationsService) { }
+    private publicService: PublicationsService,
+    public ThemeService: ThemeService,) { }
 
  
 @ViewChild(IonSlides) slides : IonSlides
diff --git a/src/app/modals/profile/edit-profile/edit-profile.page.html b/src/app/modals/profile/edit-profile/edit-profile.page.html
index b9b12f018..e82845b3c 100644
--- a/src/app/modals/profile/edit-profile/edit-profile.page.html
+++ b/src/app/modals/profile/edit-profile/edit-profile.page.html
@@ -88,6 +88,10 @@
               <img style="width: 40px;" src="assets/images/logo-removebg-preview.png"/>
             </div>
 
+            <div class="btn-close d-flex cursor-pointer pr-10" (click)="changeTheme('doneIt')" >
+              <span>DoneIt</span>
+            </div>
+
             <!-- <div hidden class="btn-close d-flex cursor-pointer pr-10" (click)="changeTheme('tribunal')" >
               <img style="width: 40px;" src="assets/images/theme/tribunal/tribunal-constitucional-logo.png"/>
             </div> -->
diff --git a/src/app/modals/set-room-owner/set-room-owner.page.html b/src/app/modals/set-room-owner/set-room-owner.page.html
index a6d13bec1..c1564c44d 100644
--- a/src/app/modals/set-room-owner/set-room-owner.page.html
+++ b/src/app/modals/set-room-owner/set-room-owner.page.html
@@ -3,7 +3,9 @@
     <div class="main-header">
       <div class="title-content width-100">
         <div class="back-icon">
+          <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/Theme/doneIt/icons-arrow-arrow-left.svg'></ion-icon>
           <button class="btn-no-color cursor-pointer" (click)="close()">
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " slot="end" src='assets/images/theme/doneIt/icons-arrow-arrow-left.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
diff --git a/src/app/modals/view-event/view-event.page.html b/src/app/modals/view-event/view-event.page.html
index 0a8e13f7f..fba414a85 100644
--- a/src/app/modals/view-event/view-event.page.html
+++ b/src/app/modals/view-event/view-event.page.html
@@ -15,6 +15,7 @@
           <div class="left">
             <button class="btn-no-color d-flex align-center" (click)="goBack()">
               <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+              <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/theme/zoneIt/icons-arrow-arrow-left.svg'></ion-icon>
               <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
             </button>
           </div>
diff --git a/src/app/modals/view-event/view-event.page.scss b/src/app/modals/view-event/view-event.page.scss
index acc6321ca..c23d2ca98 100644
--- a/src/app/modals/view-event/view-event.page.scss
+++ b/src/app/modals/view-event/view-event.page.scss
@@ -120,7 +120,7 @@ ion-menu{
         .button-mdgpr-Oficial{
             width: 91px;
             --border-radius: 20px;
-            --background: #ffb703;
+            --background: var(--label-bg-color);
             margin-left: 5px;
             float: left;
         }
@@ -294,7 +294,7 @@ ion-menu{
 
   .label{
     border-radius: 20px;
-    background: #ffb703;
+    background: var(--label-bg-color);
     float: right;
     padding: 5px 13.5px 5px 13.5px;
     color: #fff;
diff --git a/src/app/pages/agenda/emend-message-modal/emend-message-modal.page.html b/src/app/pages/agenda/emend-message-modal/emend-message-modal.page.html
index 37eeaa3d5..45b2646fd 100644
--- a/src/app/pages/agenda/emend-message-modal/emend-message-modal.page.html
+++ b/src/app/pages/agenda/emend-message-modal/emend-message-modal.page.html
@@ -2,6 +2,7 @@
   <div class="header-content">
     <div hidden class="header-icon-left">
       <button class="btn-no-color cursor-pointer" (click)="close()">
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
 
diff --git a/src/app/pages/agenda/view-event/view-event.page.html b/src/app/pages/agenda/view-event/view-event.page.html
index e5fa4b74b..b7b0e806a 100644
--- a/src/app/pages/agenda/view-event/view-event.page.html
+++ b/src/app/pages/agenda/view-event/view-event.page.html
@@ -15,7 +15,7 @@
         <div class="title-content  d-flex justify-between width-100">
           <div class="left">
             <button class="btn-no-color d-flex align-center" (click)="goBack()">
-              <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+              <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
               <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
             </button>
           </div>
diff --git a/src/app/pages/agenda/view-event/view-event.page.scss b/src/app/pages/agenda/view-event/view-event.page.scss
index 79c94b3dd..999227189 100644
--- a/src/app/pages/agenda/view-event/view-event.page.scss
+++ b/src/app/pages/agenda/view-event/view-event.page.scss
@@ -120,7 +120,7 @@ ion-menu{
         .button-mdgpr-Oficial{
             width: 91px;
             --border-radius: 20px;
-            --background: #ffb703;
+            --background: var(--label-bg-color);
             margin-left: 5px;
             float: left;
         }
@@ -294,7 +294,7 @@ ion-menu{
 
   .label{
     border-radius: 20px;
-    background: #ffb703;
+    background: var(--label-bg-color);
     float: right;
     padding: 5px 13.5px 5px 13.5px;
     color: #fff;
diff --git a/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html b/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html
index 00bbea785..352f84d7b 100644
--- a/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html
+++ b/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html
@@ -5,6 +5,7 @@
         <div class="back-icon">
           <button class="btn-no-color cursor-pointer" (click)="close()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
         </div>
diff --git a/src/app/pages/chat/messages/contacts/contacts.page.html b/src/app/pages/chat/messages/contacts/contacts.page.html
index 5fbf7b24b..4158db867 100644
--- a/src/app/pages/chat/messages/contacts/contacts.page.html
+++ b/src/app/pages/chat/messages/contacts/contacts.page.html
@@ -5,6 +5,7 @@
         <div class="back-icon ">
           <button class="btn-no-color cursor-pointer" (click)="close()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
         </div>
diff --git a/src/app/pages/chat/new-group/contacts/contacts.page.html b/src/app/pages/chat/new-group/contacts/contacts.page.html
index 59be5dfab..1d146e957 100644
--- a/src/app/pages/chat/new-group/contacts/contacts.page.html
+++ b/src/app/pages/chat/new-group/contacts/contacts.page.html
@@ -5,6 +5,7 @@
         <div class="back-icon">
           <button class="btn-no-color cursor-pointer" (click)="close()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
         </div>
diff --git a/src/app/pages/chat/new-group/new-group.page.html b/src/app/pages/chat/new-group/new-group.page.html
index b6b7a0690..9cf9932ed 100644
--- a/src/app/pages/chat/new-group/new-group.page.html
+++ b/src/app/pages/chat/new-group/new-group.page.html
@@ -5,6 +5,7 @@
         <div class="left">
           <button class="btn-no-color" (click)="close()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
         </div>
diff --git a/src/app/pages/events/events.page.html b/src/app/pages/events/events.page.html
index f60b7f16d..f38f4caad 100644
--- a/src/app/pages/events/events.page.html
+++ b/src/app/pages/events/events.page.html
@@ -49,6 +49,14 @@
           src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
           ></ion-icon>
 
+          <ion-icon
+          *ngIf="ThemeService.currentTheme == 'doneIt' "
+          class="icon-next"
+          slot="end"
+          src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
+          ></ion-icon>
+
+          
           <ion-icon
           *ngIf="ThemeService.currentTheme == 'tribunal' "
           class="icon-next"
@@ -109,6 +117,13 @@
           src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
           ></ion-icon>
 
+          <ion-icon
+          *ngIf="ThemeService.currentTheme == 'doneIt' "
+          class="icon-next"
+          slot="end"
+          src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
+          ></ion-icon>
+
           <ion-icon
           *ngIf="ThemeService.currentTheme == 'tribunal' "
           class="icon-next"
diff --git a/src/app/pages/events/events.page.ts b/src/app/pages/events/events.page.ts
index 180730ef3..97d25ce28 100644
--- a/src/app/pages/events/events.page.ts
+++ b/src/app/pages/events/events.page.ts
@@ -2,19 +2,14 @@ import { Component, OnInit, EventEmitter, Output } from '@angular/core';
 import { EventsService } from 'src/app/services/events.service';
 import { NavigationExtras, Router } from '@angular/router';
 import { ActivatedRoute, NavigationEnd } from '@angular/router';
-import { AlertService } from 'src/app/services/alert.service';
-import { AuthService } from 'src/app/services/auth.service';
-import { StorageService } from 'src/app/services/storage.service';
 import { ModalController, Platform } from '@ionic/angular';
 import { EventDetailPage } from './event-detail/event-detail.page';
 import { ProcessesService } from '../../services/processes.service';
 import { LoginUserRespose } from 'src/app/models/user.model';
 import { ToDayEventStorage } from 'src/app/store/to-day-event-storage.service';
-import { ScreenOrientation } from '@ionic-native/screen-orientation/ngx';
 import { ExpedienteTaskPipe } from 'src/app/pipes/expediente-task.pipe';
 import { ExpedienteGdStore } from 'src/app/store/expedientegd-store.service';
 import { SqliteService } from 'src/app/services/sqlite.service';
-import { NetworkConnectionService } from 'src/app/services/network-connection.service'
 import { BackgroundService } from 'src/app/services/background.service';
 import { momentG } from 'src/plugin/momentG';
 import { ThemeService } from 'src/app/services/theme.service'
@@ -75,16 +70,11 @@ export class EventsPage implements OnInit {
   constructor(
     private eventService: EventsService,
     private router: Router,
-    private storageService: StorageService,
     public activatedRoute: ActivatedRoute,
-    private alertController: AlertService,
-    private authService: AuthService,
     private processes: ProcessesService,
     private modalController: ModalController,
-    private screenOrientation: ScreenOrientation,
     public platform: Platform,
     private sqliteservice: SqliteService,
-    private networkconnection: NetworkConnectionService,
     private backgroundservice: BackgroundService,
     public ThemeService: ThemeService,
     private storage: Storage,
diff --git a/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.html b/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.html
index d713c4f80..8304f236e 100644
--- a/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.html
+++ b/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.html
@@ -8,6 +8,7 @@
         <div class="title-content width-100 d-flex justify-space-between align-center">
           <div class="font-30 cursor-pointer align-center d-flex" (click)="goBack()" defaultHref="#">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <div class="middle d-flex align-center flex-grow-1">
diff --git a/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.scss b/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.scss
index 53a90b9b7..0ad45013c 100644
--- a/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.scss
+++ b/src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.scss
@@ -101,7 +101,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/pages/gabinete-digital/despachos-pr/despachos-pr.page.scss b/src/app/pages/gabinete-digital/despachos-pr/despachos-pr.page.scss
index f10e7a082..8b1fa1eaf 100644
--- a/src/app/pages/gabinete-digital/despachos-pr/despachos-pr.page.scss
+++ b/src/app/pages/gabinete-digital/despachos-pr/despachos-pr.page.scss
@@ -192,7 +192,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.html b/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.html
index 5c69099f7..3d62f5b31 100644
--- a/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.html
+++ b/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.html
@@ -9,6 +9,7 @@
         <div class="title-content width-100 d-flex justify-space-between align-center">
           <div class=" btn-dismiss font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
             <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <div class="middle d-flex align-center flex-grow-1">
diff --git a/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.scss b/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.scss
index ddae3b550..bf2144bc2 100644
--- a/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.scss
+++ b/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.scss
@@ -60,7 +60,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/pages/gabinete-digital/despachos/despachos.page.scss b/src/app/pages/gabinete-digital/despachos/despachos.page.scss
index a4421e515..0de25249d 100644
--- a/src/app/pages/gabinete-digital/despachos/despachos.page.scss
+++ b/src/app/pages/gabinete-digital/despachos/despachos.page.scss
@@ -173,7 +173,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.html b/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.html
index 022fd0c0b..773282f43 100644
--- a/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.html
+++ b/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.html
@@ -9,6 +9,7 @@
         <div class="title-content width-100 d-flex justify-space-between">
           <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
             <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <div class="middle d-flex align-center flex-grow-1 ">
diff --git a/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.scss b/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.scss
index 69e728cfa..47b8d66dd 100644
--- a/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.scss
+++ b/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.scss
@@ -120,7 +120,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/pages/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss b/src/app/pages/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
index 76990574b..e3ae39439 100644
--- a/src/app/pages/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
+++ b/src/app/pages/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
@@ -182,7 +182,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss b/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss
index a4421e515..0de25249d 100644
--- a/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss
+++ b/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss
@@ -173,7 +173,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.html b/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.html
index a1fce51d3..f2db050cc 100644
--- a/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.html
+++ b/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.html
@@ -11,6 +11,7 @@
         <div class="title-content width-100 d-flex justify-space-between">
           <div class="font-30 cursor-pointer" (click)="goBack()" >
             <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <div class="middle d-flex align-center flex-grow-1 ">
diff --git a/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.scss b/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.scss
index 69e728cfa..47b8d66dd 100644
--- a/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.scss
+++ b/src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar/diplomas-gerar.page.scss
@@ -120,7 +120,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.html b/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.html
index 4f6a6ca7c..b426eb629 100644
--- a/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.html
+++ b/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.html
@@ -9,6 +9,7 @@
         <div class="title-content width-100 d-flex justify-space-between">
           <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
             <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <div class="middle d-flex align-center flex-grow-1 ">
diff --git a/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.scss b/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.scss
index 5a5cbcc77..a51ce3e25 100644
--- a/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.scss
+++ b/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.scss
@@ -102,7 +102,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/pages/gabinete-digital/diplomas/diplomas.page.scss b/src/app/pages/gabinete-digital/diplomas/diplomas.page.scss
index 129ce6c1f..121695281 100644
--- a/src/app/pages/gabinete-digital/diplomas/diplomas.page.scss
+++ b/src/app/pages/gabinete-digital/diplomas/diplomas.page.scss
@@ -172,7 +172,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html b/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html
index da328786f..3e93eb3db 100644
--- a/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html
+++ b/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html
@@ -3,6 +3,7 @@
     <div class="header-icon-left">
       <button class="btn-no-color cursor-pointer" (click)="close()">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
       </button>
     </div>
diff --git a/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.scss b/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.scss
index 30a0b66e6..a161e866b 100644
--- a/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.scss
+++ b/src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.scss
@@ -49,7 +49,7 @@ ion-menu{
   .button-calendar-type{
       width: 91px;
       --border-radius: 12.5px;
-      --background: #ffb703;
+      --background: var(--label-bg-color);
       margin-left: 5px;
       float: left;
   }
diff --git a/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html b/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
index 195d17574..a3efe7256 100644
--- a/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
+++ b/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
@@ -19,6 +19,7 @@
         <div class="header-content width-100 d-flex justify-space-between">
           <div (click)="goBack()" class="header-icon-left cursor-pointer">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <div class="header-title flex-grow-1 cursor-pointer" *ngIf="loadedEvent.workflowInstanceDataFields.Subject">
diff --git a/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.scss b/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.scss
index 3c1936fde..1b20eb1ce 100644
--- a/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.scss
+++ b/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.scss
@@ -58,7 +58,7 @@ ion-menu{
     .event-type-Oficial{
       font-family: Roboto;
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right !important;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
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 cb11441d9..851b07e8c 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
@@ -7,6 +7,7 @@
     <div class="header-icon-left">
       <button class="btn-no-color cursor-pointer" (click)="goBack()">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
       </button>
     </div>
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 97121dcc7..1d0a71852 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
@@ -13,6 +13,7 @@
         <div class="title-content width-100 d-flex justify-between">
           <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
             <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
diff --git a/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.scss b/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.scss
index 8855cc71b..43e56c179 100644
--- a/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.scss
+++ b/src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.scss
@@ -100,7 +100,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      //background: #ffb703;
+      //background: var(--label-bg-color);
       background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/expediente/expediente.page.html b/src/app/pages/gabinete-digital/expediente/expediente.page.html
index 7221de123..f989f787d 100644
--- a/src/app/pages/gabinete-digital/expediente/expediente.page.html
+++ b/src/app/pages/gabinete-digital/expediente/expediente.page.html
@@ -8,6 +8,7 @@
     <div class="header-icon-left">
       <button class="btn-no-color cursor-pointer" (click)="goBack()">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
       </button>
     </div>
diff --git a/src/app/pages/gabinete-digital/expediente/expediente.page.scss b/src/app/pages/gabinete-digital/expediente/expediente.page.scss
index f5085216c..6a8675ebd 100644
--- a/src/app/pages/gabinete-digital/expediente/expediente.page.scss
+++ b/src/app/pages/gabinete-digital/expediente/expediente.page.scss
@@ -167,13 +167,17 @@ ion-item{
     float: left;
     margin: 0 !important;
   
-    .label{
+    .label {
       border-radius: 15px;
-      background: #ffb703;
-      /* font-size: 12px; */
-      float: right;
+      background: var(--label-bg-color);
+      /*font-size: 12px;
+      */float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
       color: #fff;
+      -webkit-border-radius: 15px;
+      -moz-border-radius: 15px;
+      -ms-border-radius: 15px;
+      -o-border-radius: 15px;
   }
   }
   .exp-date{
diff --git a/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.html b/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.html
index 6f023e836..1d2c86be3 100644
--- a/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.html
+++ b/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.html
@@ -13,6 +13,7 @@
         <div class="title-content width-100 d-flex justify-between">
           <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
             <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <div class="middle flex-grow-1">
diff --git a/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.scss b/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.scss
index 763ad1941..46df34636 100644
--- a/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.scss
+++ b/src/app/pages/gabinete-digital/expedientes-pr/expediente-pr/expediente-pr.page.scss
@@ -100,7 +100,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.scss b/src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
index e8032a26c..2f5b5b8d4 100644
--- a/src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
+++ b/src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
@@ -171,7 +171,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index ac142e8a0..f576bd6b2 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -163,6 +163,7 @@
               <div (click)="openExpedientListPage(); selectedElement='Correspondence'" [class.active]="selectedElement == 'Correspondence'" class="box-hover exp-card d-flex flex-column justify-center">
                 <div class="d-flex justify-center">
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-correspondencia.svg"></ion-icon>
+                  <ion-icon  *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-expediente-deferimento.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Correspondence'" src="assets/images/theme/gov/icons-correspondencia.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Correspondence'" src="assets/images/theme/gov/icons-correspondencia-hover.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'tribunal' && selectedElement != 'Correspondence'" src="assets/images/theme/gov/icons-correspondencia.svg"></ion-icon>
@@ -173,6 +174,7 @@
   
               <div  [class.active]="selectedElementF('Pending')" (click)="openPendentesPage(); selectedElement='Pending'" class="box-hover exp-card d-flex flex-column justify-center"  >
                 <div class="d-flex justify-center">
+                  <ion-icon  *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-expediente-pendente.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-pendente.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Pending'" src="assets/images/theme/gov/icons-expediente-pendente.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Pending'" src="assets/images/theme/gov/icons-expediente-pendente-hover.svg"></ion-icon>
@@ -185,6 +187,7 @@
 
               <div *ngIf="!p.userPermission([p.permissionList.Gabinete.pr_tasks])" [class.active]="selectedElement == 'Dispatches'" class="box-hover exp-card d-flex flex-column justify-center" (click)="openDespachosPage(); selectedElement='Dispatches'">
                 <div class="d-flex justify-center">
+                  <ion-icon  *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-despachos-presidente.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-despachos-presidente.svg"></ion-icon>
                   <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'Dispatches'"  src="assets/images/theme/gov/icons-despachos-presidente.svg"></ion-icon>
                   <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'Dispatches'"  src="assets/images/theme/gov/icons-despachos-presidente-hover.svg"></ion-icon>
@@ -194,8 +197,9 @@
                 <p class="text-center exp-card-content">{{despachoStore.count}} <span class="title1">Documentos</span> </p>
               </div>
   
-              <div (click)="openPedidosPage('parecer'); selectedElement='RequestsForOpinion'" [class.active]="selectedElement == 'RequestsForOpinion'" class="box-hover exp-card d-flex flex-column justify-center">
+              <div (click)="openPedidosPage('parecer'); selgectedElement='RequestsForOpinion'" [class.active]="selectedElement == 'RequestsForOpinion'" class="box-hover exp-card d-flex flex-column justify-center">
                 <div class="d-flex justify-center">
+                  <ion-icon  *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-expediente-parecer.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-parecer.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'RequestsForOpinion' " src="assets/images/theme/gov/icons-expediente-parecer.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'RequestsForOpinion'" src="assets/images/theme/gov/icons-expediente-parecer-hover.svg"></ion-icon>
@@ -208,6 +212,7 @@
   
               <div (click)="openPedidosPage('deferimento'); selectedElement = 'RequestForApproval'" [class.active]="selectedElement == 'RequestForApproval'" class="box-hover exp-card d-flex flex-column justify-center">
                 <div class="d-flex justify-center">
+                  <ion-icon  *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-expediente-deferimento.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement != 'RequestForApproval'" src="assets/images/theme/gov/icons-expediente-deferimento.svg"></ion-icon>
                   <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && selectedElement == 'RequestForApproval'" src="assets/images/theme/gov/icons-expediente-deferimento-hover.svg"></ion-icon>
diff --git a/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.html b/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.html
index 5d2d76ee3..c183c94b2 100644
--- a/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.html
+++ b/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.html
@@ -9,6 +9,7 @@
         <div class="title-content width-100 d-flex justify-space-between ">
           <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </div>
           <!-- <app-btn-modal-dismiss></app-btn-modal-dismiss> -->
diff --git a/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.scss b/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.scss
index 3be2de130..4241aa5ec 100644
--- a/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.scss
+++ b/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.scss
@@ -66,7 +66,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/pages/gabinete-digital/pedidos/pedidos.page.scss b/src/app/pages/gabinete-digital/pedidos/pedidos.page.scss
index ed46e7f05..76a3def57 100644
--- a/src/app/pages/gabinete-digital/pedidos/pedidos.page.scss
+++ b/src/app/pages/gabinete-digital/pedidos/pedidos.page.scss
@@ -170,7 +170,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/gabinete-digital/pendentes/pendentes.page.scss b/src/app/pages/gabinete-digital/pendentes/pendentes.page.scss
index d1de562e8..94990800b 100644
--- a/src/app/pages/gabinete-digital/pendentes/pendentes.page.scss
+++ b/src/app/pages/gabinete-digital/pendentes/pendentes.page.scss
@@ -172,7 +172,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/pages/publications/publication-detail/publication-detail.page.html b/src/app/pages/publications/publication-detail/publication-detail.page.html
index d778e071d..5972a1a12 100644
--- a/src/app/pages/publications/publication-detail/publication-detail.page.html
+++ b/src/app/pages/publications/publication-detail/publication-detail.page.html
@@ -6,6 +6,7 @@
     <div class="title-content">
       <div class="back-icon cursor-pointer">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " tappable (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  tappable (click)="close()" slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
       </div>
       <div class="div-title">
@@ -34,6 +35,7 @@
       <div class="title-content">
         <div class="back-icon cursor-pointer">
           <ion-icon *ngIf="ThemeService.currentTheme == 'default' " (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
           <ion-icon *ngIf="ThemeService.currentTheme == 'default' " (click)="close()" slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>
         <div class="div-title">
diff --git a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html
index 7b06bd70d..2d0baf161 100644
--- a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html
+++ b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html
@@ -13,6 +13,7 @@
       <div class="title-content px-20 width-100 ">
         <div class="back-icon cursor-pointer"  (click)="goBack()">
           <ion-icon *ngIf="ThemeService.currentTheme == 'default' "  slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
           <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>
         <div class="div-title">
@@ -38,6 +39,7 @@
       <div class="title-content width-100">
         <div class="back-icon cursor-pointer">
           <ion-icon *ngIf="ThemeService.currentTheme == 'default' " (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
           <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " (click)="close()" slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>
         <div class="div-title">
diff --git a/src/app/pages/publications/view-publications/view-publications.page.html b/src/app/pages/publications/view-publications/view-publications.page.html
index 8ed7372e8..da24e9228 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.html
+++ b/src/app/pages/publications/view-publications/view-publications.page.html
@@ -8,6 +8,7 @@
     <div class="title-content d-flex width-100">
       <div class="back-icon cursor-pointer" (click)="goBack()">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' "  slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
       </div>
       <div class="div-title flex-grow-1">
diff --git a/src/app/pages/search/organic-entity/organic-entity.page.html b/src/app/pages/search/organic-entity/organic-entity.page.html
index 370fe9c6a..4dd96ae76 100644
--- a/src/app/pages/search/organic-entity/organic-entity.page.html
+++ b/src/app/pages/search/organic-entity/organic-entity.page.html
@@ -8,6 +8,7 @@
     <div class="d-flex align-center">
       <div class="icon" (click)="close()">
       <ion-icon *ngIf="ThemeService.currentTheme == 'default' " style="font-size:35px;" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+      <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
       <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " style="font-size:35px;" src="assets/images/theme/gov/icons-calendar-arrow-left.svg"></ion-icon>
     </div>
 
diff --git a/src/app/services/events/events.page.html b/src/app/services/events/events.page.html
index 4fb2378e8..463004977 100644
--- a/src/app/services/events/events.page.html
+++ b/src/app/services/events/events.page.html
@@ -39,6 +39,14 @@
             class="icon-next"
             slot="end"
             src="assets/images/icons-arrow-circle-arrow-right.svg"
+            *ngIf="ThemeService.currentTheme != 'doneIt' "
+            ></ion-icon>
+
+
+            <ion-icon
+            class="icon-next"
+            slot="end"
+            src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
             ></ion-icon>
           </button>
         </div>
diff --git a/src/app/services/events/events.page.ts b/src/app/services/events/events.page.ts
index 80e67ff11..22affd076 100644
--- a/src/app/services/events/events.page.ts
+++ b/src/app/services/events/events.page.ts
@@ -14,6 +14,7 @@ import { ScreenOrientation } from '@ionic-native/screen-orientation/ngx';
 import { ExpedienteTaskPipe } from 'src/app/pipes/expediente-task.pipe';
 import { ExpedienteGdStore } from 'src/app/store/expedientegd-store.service';
 import { SessionStore } from 'src/app/store/session.service';
+import { ThemeService } from 'src/app/services/theme.service';
 
 @Component({
   selector: 'app-events',
@@ -80,6 +81,7 @@ export class EventsPage implements OnInit {
     private modalController:ModalController,
     private screenOrientation: ScreenOrientation,
     public platform: Platform,
+    public ThemeService: ThemeService,
     ) {
       this.existingScreenOrientation = this.screenOrientation.type;
       
diff --git a/src/app/services/theme.service.ts b/src/app/services/theme.service.ts
index 960033b3f..0f3ae20f8 100644
--- a/src/app/services/theme.service.ts
+++ b/src/app/services/theme.service.ts
@@ -10,10 +10,11 @@ export class ThemeService {
   themes = [
     'gov',
     'default',
-    'tribunal'
+    'tribunal',
+    'doneIt'
   ]
 
-  currentTheme: 'gov' | 'default' | 'tribunal' = 'gov'
+  currentTheme: 'gov' | 'default' | 'tribunal' | 'doneIt' = 'gov'
   keyName: string
 
   constructor(
@@ -35,6 +36,7 @@ export class ThemeService {
       document.body.classList.remove("gov");
       document.body.classList.remove("default");
       document.body.classList.remove("tribunal");
+      document.body.classList.remove("doneIt");
       
       document.body.classList.add(theme);
       this.currentTheme = theme;
diff --git a/src/app/shared/agenda/approve-event/approve-event.page.html b/src/app/shared/agenda/approve-event/approve-event.page.html
index 33d8046d3..7b75ec450 100644
--- a/src/app/shared/agenda/approve-event/approve-event.page.html
+++ b/src/app/shared/agenda/approve-event/approve-event.page.html
@@ -19,6 +19,7 @@
         <div class="header-content width-100 d-flex justify-space-between">
           <div (click)="close()" class="header-icon-left cursor-pointer">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-calendar-arrow-left.svg"></ion-icon>
           </div>
           <div class="header-title flex-grow-1 cursor-pointer">
diff --git a/src/app/shared/agenda/approve-event/approve-event.page.scss b/src/app/shared/agenda/approve-event/approve-event.page.scss
index ef234d200..5866fc140 100644
--- a/src/app/shared/agenda/approve-event/approve-event.page.scss
+++ b/src/app/shared/agenda/approve-event/approve-event.page.scss
@@ -51,7 +51,7 @@
       .event-type-Oficial{
         font-family: Roboto;
         border-radius: 20px;
-        background: #ffb703;
+        background: var(--label-bg-color);
         float: right !important;
         padding: 5px 13.5px 5px 13.5px;
         color: #fff;
diff --git a/src/app/shared/agenda/event-list/event-list.page.scss b/src/app/shared/agenda/event-list/event-list.page.scss
index a9ce19c12..dc8dd0c24 100644
--- a/src/app/shared/agenda/event-list/event-list.page.scss
+++ b/src/app/shared/agenda/event-list/event-list.page.scss
@@ -48,7 +48,7 @@
   }
   .event-mdgpr-Oficial{
     border-radius: 5px;
-    border-right: 5px solid #ffb703;
+    border-right: 5px solid var(--label-bg-color);
     overflow: auto;
   }
   .event-mdgpr-Pessoal{
diff --git a/src/app/shared/agenda/view-event/view-event.page.scss b/src/app/shared/agenda/view-event/view-event.page.scss
index 3de94031a..69450e406 100644
--- a/src/app/shared/agenda/view-event/view-event.page.scss
+++ b/src/app/shared/agenda/view-event/view-event.page.scss
@@ -112,7 +112,7 @@ ion-content{
           .label{
             width: fit-content;
             border-radius: 20px;
-            background: #ffb703;
+            background: var(--label-bg-color);
             float: right !important;
             padding: 5px 13.5px 5px 13.5px;
             color: #fff;
diff --git a/src/app/shared/btn-modal-dismiss/btn-modal-dismiss.page.html b/src/app/shared/btn-modal-dismiss/btn-modal-dismiss.page.html
index c984dc2d8..b3494c7e4 100644
--- a/src/app/shared/btn-modal-dismiss/btn-modal-dismiss.page.html
+++ b/src/app/shared/btn-modal-dismiss/btn-modal-dismiss.page.html
@@ -1,6 +1,7 @@
 <div class="btn-modal-dismiss">
   <button class="btn-no-color" (click)="close()">
     <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+    <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
     <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
   </button>
 </div>
diff --git a/src/app/shared/chat/edit-group/edit-group.page.html b/src/app/shared/chat/edit-group/edit-group.page.html
index 5de4ba1db..75532b7e5 100644
--- a/src/app/shared/chat/edit-group/edit-group.page.html
+++ b/src/app/shared/chat/edit-group/edit-group.page.html
@@ -5,6 +5,7 @@
         <div class="left">
           <button class="btn-no-color" (click)="close()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/iassets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
         </div>
diff --git a/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html b/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html
index fa3f46fe3..882b0c426 100644
--- a/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html
+++ b/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html
@@ -5,6 +5,7 @@
         <div class="back-icon cursor-pointer">
           <button title="Retroceder" class="btn-no-color" (click)="openGroupMessagesPage()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
         </div>
diff --git a/src/app/shared/chat/messages/contacts/contacts.page.html b/src/app/shared/chat/messages/contacts/contacts.page.html
index f5e7824f7..11b11f721 100644
--- a/src/app/shared/chat/messages/contacts/contacts.page.html
+++ b/src/app/shared/chat/messages/contacts/contacts.page.html
@@ -4,6 +4,7 @@
       <div class="title-content">
         <div class="back-icon cursor-pointer" (click)="close()">
           <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
           <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>
         <div class="div-title">
diff --git a/src/app/shared/gabinete-digital/despachos-pr/despachos-pr.page.scss b/src/app/shared/gabinete-digital/despachos-pr/despachos-pr.page.scss
index 84fb46129..ca27d8432 100644
--- a/src/app/shared/gabinete-digital/despachos-pr/despachos-pr.page.scss
+++ b/src/app/shared/gabinete-digital/despachos-pr/despachos-pr.page.scss
@@ -176,7 +176,7 @@ ion-item{
   
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/despachos/despachos.page.scss b/src/app/shared/gabinete-digital/despachos/despachos.page.scss
index 3c095e7f0..193e35618 100644
--- a/src/app/shared/gabinete-digital/despachos/despachos.page.scss
+++ b/src/app/shared/gabinete-digital/despachos/despachos.page.scss
@@ -157,7 +157,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss b/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
index 8d76ee6cd..14a992c15 100644
--- a/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
+++ b/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
@@ -177,7 +177,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss b/src/app/shared/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss
index 8d76ee6cd..14a992c15 100644
--- a/src/app/shared/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss
+++ b/src/app/shared/gabinete-digital/diplomas-gerar/diplomas-gerar.page.scss
@@ -177,7 +177,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/diplomas-gerar/expedients/expedients.page.scss b/src/app/shared/gabinete-digital/diplomas-gerar/expedients/expedients.page.scss
index 6f388901b..a238b635c 100644
--- a/src/app/shared/gabinete-digital/diplomas-gerar/expedients/expedients.page.scss
+++ b/src/app/shared/gabinete-digital/diplomas-gerar/expedients/expedients.page.scss
@@ -98,7 +98,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       //font-size: 12px;
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss b/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss
index ddde8b525..f16a177d3 100644
--- a/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss
+++ b/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss
@@ -166,7 +166,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.scss b/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.scss
index 27d2cbb71..39ddfe79c 100644
--- a/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.scss
+++ b/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.scss
@@ -42,7 +42,7 @@
     }
     .event-mdgpr-Oficial{
       border-radius: 5px;
-      border-right: 5px solid #ffb703;
+      border-right: 5px solid var(--label-bg-color);
       overflow: auto;
     }
     .event-mdgpr-Pessoal{
@@ -161,7 +161,7 @@
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
index 6f388901b..a238b635c 100644
--- a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
+++ b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
@@ -98,7 +98,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       //font-size: 12px;
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/expedients/expedients.page.scss b/src/app/shared/gabinete-digital/expedients/expedients.page.scss
index 6f388901b..a238b635c 100644
--- a/src/app/shared/gabinete-digital/expedients/expedients.page.scss
+++ b/src/app/shared/gabinete-digital/expedients/expedients.page.scss
@@ -98,7 +98,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       //font-size: 12px;
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss
index 9235ed78a..e487210a4 100644
--- a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss
+++ b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss
@@ -60,7 +60,7 @@ ion-button{
 
   .label{
       border-radius: 20px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       float: right;
       padding: 5px 13.5px 5px 13.5px;
       color: #fff;
diff --git a/src/app/shared/gabinete-digital/generic/task-list/task-list.page.scss b/src/app/shared/gabinete-digital/generic/task-list/task-list.page.scss
index 0fcd7aa44..fcf4c7c13 100644
--- a/src/app/shared/gabinete-digital/generic/task-list/task-list.page.scss
+++ b/src/app/shared/gabinete-digital/generic/task-list/task-list.page.scss
@@ -61,7 +61,7 @@
     
       .label{
         border-radius: 15px;
-        background: #ffb703;
+        background: var(--label-bg-color);
         /* font-size: 12px; */
         float: right;
         padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss b/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss
index 87ba12f6b..90a4be095 100644
--- a/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss
+++ b/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss
@@ -165,7 +165,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/gabinete-digital/pendentes/pendentes.page.scss b/src/app/shared/gabinete-digital/pendentes/pendentes.page.scss
index 4406e6541..3fd913976 100644
--- a/src/app/shared/gabinete-digital/pendentes/pendentes.page.scss
+++ b/src/app/shared/gabinete-digital/pendentes/pendentes.page.scss
@@ -160,7 +160,7 @@ ion-item{
 
     .label{
       border-radius: 15px;
-      background: #ffb703;
+      background: var(--label-bg-color);
       /* font-size: 12px; */
       float: right;
       padding: 2.5px 13.5px 2.5px 13.5px;
diff --git a/src/app/shared/header/header.page.html b/src/app/shared/header/header.page.html
index f0234d2e7..e2ea662e1 100644
--- a/src/app/shared/header/header.page.html
+++ b/src/app/shared/header/header.page.html
@@ -5,7 +5,8 @@
       
       <div title="Pesquisa" *ngIf="!hideSearchBtn" class="div-search">
         <div (click)="openSearch()">
-          <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-45" src='assets/images/icons-search.svg'></ion-icon>
+          <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
+          <ion-icon *ngIf=" ThemeService.currentTheme == 'default' " class="font-45" src='assets/images/icons-search.svg'></ion-icon>
           <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-45" src='assets/images/theme/gov/icons-search.svg'></ion-icon>
           <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-45" src='assets/images/theme/tribunal/icons-search.svg'></ion-icon>
         </div>
@@ -13,7 +14,7 @@
 
       <div class="div-logo align-center justify-center">
         <div class="logo-icon">
-          <img *ngIf="ThemeService.currentTheme == 'default' " src='assets/images/logo-no-bg.png' alt='logo'>
+          <img *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " src='assets/images/logo-no-bg.png' alt='logo'>
           <img *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/governoangola_A.png' alt='logo'>
           <img *ngIf="ThemeService.currentTheme == 'tribunal' " src='assets/images/theme/tribunal/tribunal-constitucional.png' alt='logo'>
         </div>
@@ -23,7 +24,7 @@
             <div class="add-line"></div>
           </div>
         </div>
-        <div *ngIf="ThemeService.currentTheme == 'default'" class="logo-description d-flex align-center justify-content-center">
+        <div *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt'" class="logo-description d-flex align-center justify-content-center">
           <div class="logo-description-content">
             <p class="logo-description-text tp-5 color-white">GABINETE DIGITAL</p>
             <div class="add-line-white"></div>
@@ -33,7 +34,8 @@
 
       <div title="Perfil" class="div-profile cursor-pointer" (click)="openProfile()">
         <div *ngIf="this.notificationLength > 0" class="icon-badge">{{notificationLength}}</div>
-        <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="icon" src='assets/images/icons-profile.svg'></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="icon" src='assets/images/theme/doneIt/icons-profile.svg'></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="icon" src='assets/images/icons-profile.svg'></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="icon" src='assets/images/theme/gov/icons-profile.svg'></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="icon" src='assets/images/theme/tribunal/icons-profile.svg'></ion-icon>
       </div>
@@ -43,14 +45,14 @@
       <div class="d-flex justify-space-between align-center">
         <div tab="events" class="div-logo height-fit-content">
           <div class="logo-icon">
-            <img *ngIf="ThemeService.currentTheme == 'default' " src='assets/images/logo-no-bg.png' alt='logo'>
+            <img *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " src='assets/images/logo-no-bg.png' alt='logo'>
             <img *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/governoangola_A.png' alt='logo'>
             <img *ngIf="ThemeService.currentTheme == 'tribunal' " src='assets/images/theme/tribunal/tribunal-constitucional.png' alt='logo'>
           </div>
           <div class="logo-description d-flex align-center justify-content-center">
 
             <div class="logo-description-content">
-              <!-- <div *ngIf="ThemeService.currentTheme == 'default' " class="logo-description-content">
+              <!-- <div *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="logo-description-content">
                 <p class="logo-description-text color-white">GABINETE DIGITAL</p>
                 <div class="add-line-white"></div>
               </div> -->
@@ -61,7 +63,7 @@
                 <div class="add-line"></div>
               </div>
 
-              <div *ngIf="ThemeService.currentTheme == 'default' " class="logo-description-content">
+              <div *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="logo-description-content">
                 <p *ngIf="environment.presidencia" class="logo-description-text">Calendário Partilhado</p>
                 <p *ngIf="!environment.presidencia" class="logo-description-text" style="color: white;">GABINETE DIGITAL</p>
                 <div class="add-line" style="border-bottom: 1px solid white;"></div>
@@ -76,7 +78,7 @@
           <div *ngIf="p.userPermission([permissionList.Agenda.access]) || p.userPermission([permissionList.Gabinete.access])" class="tab mr-20 d-flex align-center cursor-pointer" (click)="changeRoute('/home/events')"
             [class.active]="locationPathname() == '/home/events'">
 
-            <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-40" src='assets/images/icons-nav-home-active-black.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-40" src='assets/images/icons-nav-home-active-black.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-40" src='assets/images/theme/gov/icons-nav-home-active-black.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-40" src='assets/images/theme/gov/icons-nav-home-active-black.svg'></ion-icon>
 
@@ -85,7 +87,7 @@
 
           <div *ngIf="p.userPermission([permissionList.Agenda.access])" class="tab mr-20 d-flex align-center cursor-pointer" (click)="changeRoute('/home/agenda')"
             [class.active]="locationPathname() == '/home/agenda'">
-            <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-40" src='assets/images/icons-nav-agenda-inactive.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-40" src='assets/images/icons-nav-agenda-inactive.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-40" src='assets/images/theme/gov/icons-nav-agenda-inactive.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-40" src='assets/images/theme/gov/icons-nav-agenda-inactive.svg'></ion-icon>
 
@@ -95,7 +97,7 @@
           <div *ngIf="p.userPermission([permissionList.Gabinete.access])" class="tab mr-20  d-flex align-center cursor-pointer" (click)="changeRoute('/home/gabinete-digital')"
             [class.active]="locationPathname() == '/home/gabinete-digital'">
 
-            <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-40" src='assets/images/icons-nav-home-dk.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-40" src='assets/images/icons-nav-home-dk.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-40" src='assets/images/theme/gov/icons-nav-home-dk.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-40" src='assets/images/theme/gov/icons-nav-home-dk.svg'></ion-icon>
             <span>Gabinete</span>
@@ -103,7 +105,7 @@
 
           <div *ngIf="p.userPermission([permissionList.Actions.access])" class="tab mr-20  d-flex align-center cursor-pointer" (click)="changeRoute('/home/publications')"
             [class.active]="locationPathname() == '/home/publications'">
-            <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-40" src='assets/images/icons-nav-a-es-inactive.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-40" src='assets/images/icons-nav-a-es-inactive.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-40" src='assets/images/theme/gov/icons-nav-a-es-inactive.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-40" src='assets/images/theme/gov/icons-nav-a-es-inactive.svg'></ion-icon>
             <span>Acções</span>
@@ -111,7 +113,7 @@
 
           <div *ngIf="p.userPermission([permissionList.Chat.access])" class="tab mr-20  d-flex align-center cursor-pointer" (click)="changeRoute('/home/chat')"
             [class.active]="locationPathname() == '/home/chat'">
-            <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-40" src='assets/images/icons-nav-grupos-inactive-dk-white.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-40" src='assets/images/icons-nav-grupos-inactive-dk-white.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-40" src='assets/images/theme/gov/icons-nav-grupos-inactive-dk-white.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-40" src='assets/images/theme/gov/icons-nav-grupos-inactive-dk-white.svg'></ion-icon>
             <span>Chat</span>
@@ -121,12 +123,13 @@
         <div class="header-btns d-flex">
           <div title="Pesquisa" *ngIf="!hideSearchBtn" class="mr-20 d-flex align-center cursor-pointer">
             <div style="padding-top: 5px;" (click)="openSearch();showSearch=true" *ngIf="!showSearch">
+              <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-45" src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
               <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'default' " class="font-45" src='assets/images/icons-search.svg'></ion-icon>
               <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'gov' " class="font-45" src='assets/images/theme/gov/icons-search.svg'></ion-icon>
               <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-45" src='assets/images/theme/tribunal/icons-search.svg'></ion-icon>
             </div>
             <button title="Fechar" class="btn-no-color" (click)="closeSearch();showSearch=false;searchSubject=''" *ngIf="showSearch">
-              <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-40" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
+              <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-40" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
               <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-40" name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
               <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="font-40" name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
             </button>
@@ -140,8 +143,10 @@
                   <ion-input (keyup.enter)="basicSearch()" [(ngModel)]='searchSubject' (ngModelChange)="dynamicSearch()"
                     class="search-input text-black" type="search" placeholder="Pesquisar"></ion-input>
                 </div>
+                
                 <div class="icon" (click)="clearSearchInput()">
                   <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'default' "name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
+                  <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'doneIt' "name="restaurant-outline"  src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
                   <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'gov' " name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
                   <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'tribunal' " name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
                 </div>
@@ -150,8 +155,9 @@
           </div>
 
           <div title="Perfil" class="div-profile d-flex cursor-pointer" (click)="openProfile()">
-
-            <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="icon" src='assets/images/icons-profile.svg'></ion-icon>
+            
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default'  " class="icon" src='assets/images/icons-profile.svg'></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt'  " class="icon" src='assets/images/theme/doneIt/icons-profile.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="icon" src='assets/images/theme/gov/icons-profile.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' " class="icon" src='assets/images/theme/tribunal/icons-profile.svg'></ion-icon>
 
diff --git a/src/assets/images/theme/doneIt/New Microsoft Publisher Document.pub b/src/assets/images/theme/doneIt/New Microsoft Publisher Document.pub
new file mode 100644
index 000000000..56b6e9731
Binary files /dev/null and b/src/assets/images/theme/doneIt/New Microsoft Publisher Document.pub differ
diff --git a/src/assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg b/src/assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg
new file mode 100644
index 000000000..fb5e29db8
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg
@@ -0,0 +1,11 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_401_2)">
+<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#243A5E"/>
+<path d="M14 9L23 18L14 27" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_401_2">
+<rect width="35" height="35" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-calendar-arrow-left (2).svg b/src/assets/images/theme/doneIt/icons-calendar-arrow-left (2).svg
new file mode 100644
index 000000000..5243a7c7a
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-calendar-arrow-left (2).svg	
@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 9L13 18L22 27" stroke="#243A5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-calendar-arrow-left.svg b/src/assets/images/theme/doneIt/icons-calendar-arrow-left.svg
new file mode 100644
index 000000000..5243a7c7a
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 9L13 18L22 27" stroke="#243A5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-calendar-arrow-right (2).svg b/src/assets/images/theme/doneIt/icons-calendar-arrow-right (2).svg
new file mode 100644
index 000000000..b8e835845
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-calendar-arrow-right (2).svg	
@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 9L22 18L13 27" stroke="#243A5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-calendar-arrow-right.svg b/src/assets/images/theme/doneIt/icons-calendar-arrow-right.svg
new file mode 100644
index 000000000..b8e835845
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 9L22 18L13 27" stroke="#243A5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-despachos-presidente.svg b/src/assets/images/theme/doneIt/icons-despachos-presidente.svg
new file mode 100644
index 000000000..cdd134ae5
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-despachos-presidente.svg
@@ -0,0 +1,49 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_403_230)">
+<g filter="url(#filter0_d_403_230)">
+<path d="M19.5933 4.30648C19.5644 3.39685 20.2526 2.65873 21.1307 2.6564L40.2059 2.61649C41.084 2.61416 41.819 3.35045 41.8479 4.25908L42.6918 30.6034C42.7206 31.513 42.0324 32.2511 41.1543 32.2535L21.2855 32.3222C20.7425 32.3247 20.2968 31.8914 20.2823 31.3476L19.5933 4.30648Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.1315 3.15646L40.2067 3.11655C40.5097 3.11526 40.787 3.24444 40.9916 3.4499C41.2023 3.66026 41.3384 3.95293 41.3481 4.27581L42.192 30.6191C42.2015 30.934 42.0905 31.221 41.897 31.4284C41.7105 31.6286 41.4476 31.7533 41.1526 31.7534L21.2838 31.8222L20.0931 4.29076C20.0826 3.97589 20.1946 3.6889 20.388 3.48249C20.5746 3.2822 20.8364 3.15761 21.1315 3.15646Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M35.9467 15.2845L25.9053 15.4598C25.6292 15.4646 25.4092 15.6923 25.4141 15.9684C25.4189 16.2445 25.6466 16.4645 25.9227 16.4596L35.9642 16.2844C36.2403 16.2795 36.4602 16.0518 36.4554 15.7757C36.4506 15.4996 36.2228 15.2797 35.9467 15.2845Z" stroke="white" stroke-width="2"/>
+<path d="M35.8742 11.1312L25.8328 11.3064C25.5567 11.3112 25.3368 11.539 25.3416 11.8151C25.3464 12.0912 25.5741 12.3111 25.8502 12.3063L35.8917 12.131C36.1678 12.1262 36.3877 11.8985 36.3829 11.6224C36.3781 11.3463 36.1503 11.1263 35.8742 11.1312Z" stroke="white" stroke-width="2"/>
+<path d="M36.0192 19.4379L25.9778 19.6132C25.7017 19.618 25.4818 19.8457 25.4866 20.1218C25.4914 20.3979 25.7191 20.6178 25.9952 20.613L36.0367 20.4377C36.3128 20.4329 36.5327 20.2052 36.5279 19.9291C36.5231 19.653 36.2953 19.4331 36.0192 19.4379Z" stroke="white" stroke-width="2"/>
+<path d="M32.1793 23.6595L26.0503 23.7665C25.7742 23.7713 25.5542 23.9991 25.5591 24.2752C25.5639 24.5513 25.7916 24.7712 26.0677 24.7664L32.1968 24.6594C32.4729 24.6546 32.6928 24.4268 32.688 24.1507C32.6832 23.8746 32.4554 23.6547 32.1793 23.6595Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter1_d_403_230)">
+<path d="M7.83004 22.1316C7.81498 21.2687 8.51069 20.5585 9.38457 20.5442L28.3799 20.2236C29.2547 20.2084 29.9758 20.8959 29.9909 21.7588L30.4429 46.7377C30.458 47.6005 29.7623 48.3108 28.8884 48.325L9.13562 48.6828C8.58271 48.6925 8.12797 48.2534 8.11732 47.7005L8.11722 47.6945L7.83004 22.1316Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.3923 21.0441L28.3896 20.7226C28.6895 20.7173 28.9636 20.8325 29.1639 21.0231C29.3613 21.2117 29.4869 21.4745 29.492 21.7675L29.944 46.7464C29.9491 47.0383 29.8337 47.3044 29.6431 47.4988C29.4505 47.6961 29.1806 47.8199 28.8807 47.8251L9.1259 48.1829L8.33096 22.1228C8.32585 21.8299 8.44122 21.5638 8.63186 21.3695C8.82445 21.1721 9.09433 21.0483 9.39428 21.0431L9.3923 21.0441Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M23.9475 32.4328L13.906 32.6081C13.6299 32.6129 13.41 32.8406 13.4148 33.1167C13.4196 33.3928 13.6474 33.6127 13.9235 33.6079L23.9649 33.4327C24.241 33.4278 24.461 33.2001 24.4561 32.924C24.4513 32.6479 24.2236 32.428 23.9475 32.4328Z" stroke="white" stroke-width="2"/>
+<path d="M23.879 28.5104L13.8376 28.6857C13.5615 28.6905 13.3415 28.9182 13.3464 29.1943C13.3512 29.4704 13.5789 29.6903 13.855 29.6855L23.8965 29.5103C24.1726 29.5054 24.3925 29.2777 24.3877 29.0016C24.3829 28.7255 24.1551 28.5056 23.879 28.5104Z" stroke="white" stroke-width="2"/>
+<path d="M24.016 36.3552L13.9745 36.5305C13.6984 36.5353 13.4785 36.763 13.4833 37.0391C13.4881 37.3152 13.7158 37.5351 13.9919 37.5303L24.0334 37.3551C24.3095 37.3502 24.5294 37.1225 24.5246 36.8464C24.5198 36.5703 24.2921 36.3504 24.016 36.3552Z" stroke="white" stroke-width="2"/>
+<path d="M20.172 40.3459L14.043 40.4529C13.7669 40.4577 13.5469 40.6854 13.5518 40.9615C13.5566 41.2376 13.7843 41.4575 14.0604 41.4527L20.1895 41.3457C20.4656 41.3409 20.6855 41.1132 20.6807 40.8371C20.6759 40.561 20.4481 40.3411 20.172 40.3459Z" stroke="white" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.3544 44.7049L25.1565 45.2009L23.8176 49.696L21.7471 50.0999L23.3544 44.7049Z" fill="#A20505"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.0507 44.8164L24.1891 44.8719L24.5415 49.5709L26.4734 50.455L26.0507 44.8164Z" fill="#A20505"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9183 45.3464L24.8033 45.881L23.6453 49.3001L21.5286 49.4494L22.9183 45.3464Z" fill="#AEAEAE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.8396 44.9315L23.9062 44.915L24.5361 49.503L26.5956 50.4365L25.8396 44.9315Z" fill="#AEAEAE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9879 46.1935L23.7063 46.4008C23.4812 46.5674 23.1626 46.5214 22.9946 46.2992C22.9444 46.2326 22.9111 46.1557 22.8988 46.0742L22.8524 45.7733C22.8042 45.467 22.5445 45.2371 22.2307 45.2243L21.8781 45.2096C21.6061 45.1989 21.3943 44.9719 21.4058 44.7034C21.4088 44.6179 21.4354 44.5346 21.4819 44.463L21.6402 44.2164C21.8125 43.9482 21.7619 43.5952 21.5207 43.3847L21.2934 43.1857C21.0897 43.0083 21.071 42.7011 21.2514 42.5006C21.3095 42.4352 21.3847 42.3866 21.469 42.3604L21.7803 42.2609C22.0836 42.1651 22.2733 41.8671 22.2291 41.5558L22.1882 41.2654C22.1499 40.9951 22.3411 40.7457 22.6148 40.7085C22.6985 40.6971 22.7835 40.7066 22.8632 40.7365L23.2012 40.8655C23.49 40.9752 23.8172 40.8712 23.9864 40.6152L24.1632 40.3478C24.3192 40.1121 24.6391 40.0454 24.8772 40.1994C24.9478 40.2446 25.006 40.3056 25.0461 40.3783L25.2042 40.6572C25.3549 40.9242 25.674 41.0505 25.9698 40.9609L26.3161 40.8562C26.5801 40.7759 26.8597 40.9223 26.9411 41.1824C26.9658 41.2623 26.9694 41.3473 26.9521 41.429L26.8907 41.7165C26.8247 42.024 26.9929 42.3344 27.2887 42.4515L27.5929 42.5715C27.844 42.6709 27.9665 42.9538 27.8659 43.2024C27.8328 43.2829 27.7791 43.3536 27.709 43.4069L27.4676 43.5898C27.2127 43.7832 27.1374 44.1318 27.2902 44.4112L27.4308 44.6681C27.5602 44.9046 27.471 45.1996 27.2309 45.3274C27.1547 45.3682 27.0693 45.3879 26.9828 45.3856L26.6294 45.376C26.316 45.3671 26.0401 45.5786 25.971 45.8808L25.9034 46.1779C25.8414 46.4485 25.5696 46.6187 25.2948 46.558C25.2134 46.5396 25.1379 46.502 25.0742 46.448L24.8086 46.2218C24.5754 46.0232 24.2339 46.0114 23.9879 46.1935Z" fill="#DDDADA"/>
+<path d="M24.4306 45.2924C25.5166 45.3299 26.4268 44.517 26.4636 43.4768C26.5004 42.4366 25.6498 41.5629 24.5638 41.5255C23.4779 41.488 22.5677 42.3009 22.5309 43.3411C22.4941 44.3814 23.3446 45.255 24.4306 45.2924Z" fill="#B7B7B7"/>
+</g>
+<defs>
+<filter id="filter0_d_403_230" x="18.5924" y="2.61649" width="25.1002" height="31.7057" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_230"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_230" result="shape"/>
+</filter>
+<filter id="filter1_d_403_230" x="6.8298" y="20.2234" width="24.6134" height="30.4596" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_230"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_230" result="shape"/>
+</filter>
+<clipPath id="clip0_403_230">
+<rect width="50" height="50" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-expediente-deferimento 4.svg b/src/assets/images/theme/doneIt/icons-expediente-deferimento 4.svg
new file mode 100644
index 000000000..c6ba5d493
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-expediente-deferimento 4.svg	
@@ -0,0 +1,78 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_403_335)">
+<g filter="url(#filter0_d_403_335)">
+<path d="M22.8103 4.42702C22.8053 3.71802 23.3683 3.14702 24.0703 3.15302L39.2983 3.27502C39.9983 3.28102 40.5713 3.86002 40.5773 4.56902L40.7373 25.104C40.7423 25.813 40.1783 26.383 39.4773 26.377L23.8273 26.273C23.2773 26.269 22.8343 25.823 22.8333 25.273L22.8103 4.42802V4.42702Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0653 3.65302L39.2943 3.77502C39.5083 3.77702 39.7013 3.86702 39.8423 4.01002C39.9863 4.15502 40.0753 4.35402 40.0773 4.57302L40.2373 25.108C40.2383 25.323 40.1553 25.518 40.0173 25.658C39.8803 25.795 39.6913 25.879 39.4813 25.878L23.8303 25.773L23.3103 4.42302C23.3083 4.20802 23.3923 4.01302 23.5303 3.87302C23.6673 3.73602 23.8563 3.65202 24.0653 3.65302V3.65302Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M35.3503 13.3662H27.9153C27.6392 13.3662 27.4153 13.59 27.4153 13.8662C27.4153 14.1423 27.6392 14.3662 27.9153 14.3662H35.3503C35.6265 14.3662 35.8503 14.1423 35.8503 13.8662C35.8503 13.59 35.6265 13.3662 35.3503 13.3662Z" stroke="white" stroke-width="2"/>
+<path d="M35.3503 10.1352H27.9153C27.6392 10.1352 27.4153 10.359 27.4153 10.6352C27.4153 10.9113 27.6392 11.1352 27.9153 11.1352H35.3503C35.6265 11.1352 35.8503 10.9113 35.8503 10.6352C35.8503 10.359 35.6265 10.1352 35.3503 10.1352Z" stroke="white" stroke-width="2"/>
+<path d="M35.3503 16.5972H27.9153C27.6392 16.5972 27.4153 16.821 27.4153 17.0972C27.4153 17.3733 27.6392 17.5972 27.9153 17.5972H35.3503C35.6265 17.5972 35.8503 17.3733 35.8503 17.0972C35.8503 16.821 35.6265 16.5972 35.3503 16.5972Z" stroke="white" stroke-width="2"/>
+<path d="M32.2193 19.8272H27.9153C27.6392 19.8272 27.4153 20.051 27.4153 20.3272C27.4153 20.6033 27.6392 20.8272 27.9153 20.8272H32.2193C32.4955 20.8272 32.7193 20.6033 32.7193 20.3272C32.7193 20.051 32.4955 19.8272 32.2193 19.8272Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter1_d_403_335)">
+<path d="M12.9463 16.5797C12.9413 15.8457 13.5293 15.2537 14.2593 15.2597L30.1153 15.3627C30.8453 15.3677 31.4413 15.9667 31.4453 16.7007L31.5813 37.9777C31.5863 38.7117 30.9983 39.3037 30.2683 39.2987L13.9333 39.2137C13.3833 39.2107 12.9383 38.7637 12.9393 38.2137L12.9463 16.5797V16.5797Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2553 15.7587L30.1123 15.8627C30.3403 15.8637 30.5473 15.9587 30.6983 16.1107C30.8493 16.2627 30.9443 16.4727 30.9453 16.7037L31.0813 37.9807C31.0833 38.2087 30.9933 38.4147 30.8453 38.5627C30.6993 38.7097 30.4963 38.7997 30.2713 38.7987L13.9363 38.7137L13.4463 16.5767C13.4443 16.3487 13.5343 16.1427 13.6813 15.9947C13.8283 15.8477 14.0313 15.7577 14.2553 15.7587V15.7587Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M26.0524 25.7929H18.1824C17.9063 25.7929 17.6824 26.0168 17.6824 26.2929C17.6824 26.5691 17.9063 26.7929 18.1824 26.7929H26.0524C26.3285 26.7929 26.5524 26.5691 26.5524 26.2929C26.5524 26.0168 26.3285 25.7929 26.0524 25.7929Z" stroke="white" stroke-width="2"/>
+<path d="M26.0524 22.4469H18.1824C17.9063 22.4469 17.6824 22.6708 17.6824 22.9469C17.6824 23.223 17.9063 23.4469 18.1824 23.4469H26.0524C26.3285 23.4469 26.5524 23.223 26.5524 22.9469C26.5524 22.6708 26.3285 22.4469 26.0524 22.4469Z" stroke="white" stroke-width="2"/>
+<path d="M26.0524 29.1389H18.1824C17.9063 29.1389 17.6824 29.3628 17.6824 29.6389C17.6824 29.9151 17.9063 30.1389 18.1824 30.1389H26.0524C26.3285 30.1389 26.5524 29.9151 26.5524 29.6389C26.5524 29.3628 26.3285 29.1389 26.0524 29.1389Z" stroke="white" stroke-width="2"/>
+<path d="M22.7914 32.4849H18.1824C17.9063 32.4849 17.6824 32.7088 17.6824 32.9849C17.6824 33.2611 17.9063 33.4849 18.1824 33.4849H22.7914C23.0675 33.4849 23.2914 33.2611 23.2914 32.9849C23.2914 32.7088 23.0675 32.4849 22.7914 32.4849Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter2_d_403_335)">
+<path d="M2 40.223H9.304C9.754 40.223 10.192 40.376 10.546 40.655L15.77 44.791C16.124 45.071 16.561 45.223 17.012 45.223H33.252C33.702 45.223 34.14 45.071 34.492 44.791L39.718 40.655C40.071 40.375 40.508 40.223 40.959 40.223H48C49.105 40.223 50 41.119 50 42.223V48.223C50 49.328 49.105 50.223 48 50.223H2C0.895 50.223 0 49.328 0 48.223V42.223C0 41.119 0.895 40.223 2 40.223V40.223Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.304 40.723C9.642 40.723 9.97 40.837 10.235 41.047L15.46 45.183C15.902 45.533 16.448 45.723 17.012 45.723H33.252C33.815 45.723 34.362 45.533 34.803 45.183L40.028 41.047C40.293 40.837 40.621 40.723 40.959 40.723H48C48.414 40.723 48.79 40.891 49.06 41.163C49.332 41.434 49.5 41.809 49.5 42.223V48.223C49.5 48.638 49.332 49.013 49.06 49.284C48.79 49.555 48.414 49.724 48 49.724H2C1.586 49.724 1.21 49.555 0.94 49.284C0.667 49.013 0.5 48.638 0.5 48.224V42.224C0.5 41.809 0.668 41.434 0.94 41.163C1.21 40.891 1.586 40.723 2 40.723H9.304Z" fill="url(#paint0_linear_403_335)" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<g filter="url(#filter3_d_403_335)">
+<path d="M37.5 47.769C39 46.769 41 46.769 42.5 46.269C44 45.769 46.5 44.033 46.5 40.269V32.213C46.5 31.69 46.1 31.207 45.577 31.216C42.5 31.269 39.5 30.269 37.5 28.269C35.5 30.269 32.5 31.269 29.5 31.269C29.5 31.269 28.5 31.269 28.5 32.269V40.269C28.833 43.936 30.167 45.936 32.5 46.269C34.833 46.602 36.5 47.102 37.5 47.769Z" fill="black"/>
+</g>
+<path d="M37.5 47.769C39 46.769 41 46.769 42.5 46.269C44 45.769 46.5 44.033 46.5 40.269V32.213C46.5 31.69 46.1 31.207 45.577 31.216C42.5 31.269 39.5 30.269 37.5 28.269C35.5 30.269 32.5 31.269 29.5 31.269C29.5 31.269 28.5 31.269 28.5 32.269V40.269C28.833 43.936 30.167 45.936 32.5 46.269C34.833 46.602 36.5 47.102 37.5 47.769Z" fill="url(#paint1_linear_403_335)" stroke="#EBEBEB" stroke-opacity="0.194" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.5 34.269C38.88 34.269 40 35.389 40 36.769C40 37.794 39.383 38.675 38.5 39.061V41.269C38.5 41.821 38.052 42.269 37.5 42.269C36.948 42.269 36.5 41.821 36.5 41.269V39.061C35.617 38.675 35 37.794 35 36.769C35 35.389 36.12 34.269 37.5 34.269Z" stroke="white"/>
+</g>
+<defs>
+<filter id="filter0_d_403_335" x="21.8102" y="3.15298" width="19.9271" height="25.2241" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<filter id="filter1_d_403_335" x="11.9393" y="15.2597" width="20.642" height="26.0391" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<filter id="filter2_d_403_335" x="-1" y="40.223" width="52" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<filter id="filter3_d_403_335" x="27.5" y="28.269" width="20" height="21.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_403_335" x1="25" y1="40.723" x2="25" y2="49.724" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD759"/>
+<stop offset="1" stop-color="#FFCB26"/>
+</linearGradient>
+<linearGradient id="paint1_linear_403_335" x1="37.5" y1="28.269" x2="37.5" y2="47.769" gradientUnits="userSpaceOnUse">
+<stop stop-color="#061B52"/>
+<stop offset="0.99962" stop-color="#021549"/>
+</linearGradient>
+<clipPath id="clip0_403_335">
+<rect width="50" height="51" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-expediente-deferimento.svg b/src/assets/images/theme/doneIt/icons-expediente-deferimento.svg
new file mode 100644
index 000000000..f7508ad9c
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-expediente-deferimento.svg
@@ -0,0 +1,78 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_403_335)">
+<g filter="url(#filter0_d_403_335)">
+<path d="M22.8103 4.42702C22.8053 3.71802 23.3683 3.14702 24.0703 3.15302L39.2983 3.27502C39.9983 3.28102 40.5713 3.86002 40.5773 4.56902L40.7373 25.104C40.7423 25.813 40.1783 26.383 39.4773 26.377L23.8273 26.273C23.2773 26.269 22.8343 25.823 22.8333 25.273L22.8103 4.42802V4.42702Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0653 3.65302L39.2943 3.77502C39.5083 3.77702 39.7013 3.86702 39.8423 4.01002C39.9863 4.15502 40.0753 4.35402 40.0773 4.57302L40.2373 25.108C40.2383 25.323 40.1553 25.518 40.0173 25.658C39.8803 25.795 39.6913 25.879 39.4813 25.878L23.8303 25.773L23.3103 4.42302C23.3083 4.20802 23.3923 4.01302 23.5303 3.87302C23.6673 3.73602 23.8563 3.65202 24.0653 3.65302Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M35.3503 13.3662H27.9153C27.6392 13.3662 27.4153 13.59 27.4153 13.8662C27.4153 14.1423 27.6392 14.3662 27.9153 14.3662H35.3503C35.6265 14.3662 35.8503 14.1423 35.8503 13.8662C35.8503 13.59 35.6265 13.3662 35.3503 13.3662Z" stroke="white" stroke-width="2"/>
+<path d="M35.3503 10.1352H27.9153C27.6392 10.1352 27.4153 10.359 27.4153 10.6352C27.4153 10.9113 27.6392 11.1352 27.9153 11.1352H35.3503C35.6265 11.1352 35.8503 10.9113 35.8503 10.6352C35.8503 10.359 35.6265 10.1352 35.3503 10.1352Z" stroke="white" stroke-width="2"/>
+<path d="M35.3503 16.5972H27.9153C27.6392 16.5972 27.4153 16.821 27.4153 17.0972C27.4153 17.3733 27.6392 17.5972 27.9153 17.5972H35.3503C35.6265 17.5972 35.8503 17.3733 35.8503 17.0972C35.8503 16.821 35.6265 16.5972 35.3503 16.5972Z" stroke="white" stroke-width="2"/>
+<path d="M32.2193 19.8272H27.9153C27.6392 19.8272 27.4153 20.051 27.4153 20.3272C27.4153 20.6033 27.6392 20.8272 27.9153 20.8272H32.2193C32.4955 20.8272 32.7193 20.6033 32.7193 20.3272C32.7193 20.051 32.4955 19.8272 32.2193 19.8272Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter1_d_403_335)">
+<path d="M12.9463 16.5797C12.9413 15.8457 13.5293 15.2537 14.2593 15.2597L30.1153 15.3627C30.8453 15.3677 31.4413 15.9667 31.4453 16.7007L31.5813 37.9777C31.5863 38.7117 30.9983 39.3037 30.2683 39.2987L13.9333 39.2137C13.3833 39.2107 12.9383 38.7637 12.9393 38.2137L12.9463 16.5797Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2553 15.7587L30.1123 15.8627C30.3403 15.8637 30.5473 15.9587 30.6983 16.1107C30.8493 16.2627 30.9443 16.4727 30.9453 16.7037L31.0813 37.9807C31.0833 38.2087 30.9933 38.4147 30.8453 38.5627C30.6993 38.7097 30.4963 38.7997 30.2713 38.7987L13.9363 38.7137L13.4463 16.5767C13.4443 16.3487 13.5343 16.1427 13.6813 15.9947C13.8283 15.8477 14.0313 15.7577 14.2553 15.7587Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M26.0524 25.7929H18.1824C17.9063 25.7929 17.6824 26.0168 17.6824 26.2929C17.6824 26.5691 17.9063 26.7929 18.1824 26.7929H26.0524C26.3285 26.7929 26.5524 26.5691 26.5524 26.2929C26.5524 26.0168 26.3285 25.7929 26.0524 25.7929Z" stroke="white" stroke-width="2"/>
+<path d="M26.0524 22.4469H18.1824C17.9063 22.4469 17.6824 22.6708 17.6824 22.9469C17.6824 23.223 17.9063 23.4469 18.1824 23.4469H26.0524C26.3285 23.4469 26.5524 23.223 26.5524 22.9469C26.5524 22.6708 26.3285 22.4469 26.0524 22.4469Z" stroke="white" stroke-width="2"/>
+<path d="M26.0524 29.1389H18.1824C17.9063 29.1389 17.6824 29.3628 17.6824 29.6389C17.6824 29.9151 17.9063 30.1389 18.1824 30.1389H26.0524C26.3285 30.1389 26.5524 29.9151 26.5524 29.6389C26.5524 29.3628 26.3285 29.1389 26.0524 29.1389Z" stroke="white" stroke-width="2"/>
+<path d="M22.7914 32.4849H18.1824C17.9063 32.4849 17.6824 32.7088 17.6824 32.9849C17.6824 33.2611 17.9063 33.4849 18.1824 33.4849H22.7914C23.0675 33.4849 23.2914 33.2611 23.2914 32.9849C23.2914 32.7088 23.0675 32.4849 22.7914 32.4849Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter2_d_403_335)">
+<path d="M2 40.223H9.304C9.754 40.223 10.192 40.376 10.546 40.655L15.77 44.791C16.124 45.071 16.561 45.223 17.012 45.223H33.252C33.702 45.223 34.14 45.071 34.492 44.791L39.718 40.655C40.071 40.375 40.508 40.223 40.959 40.223H48C49.105 40.223 50 41.119 50 42.223V48.223C50 49.328 49.105 50.223 48 50.223H2C0.895 50.223 0 49.328 0 48.223V42.223C0 41.119 0.895 40.223 2 40.223Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.304 40.723C9.642 40.723 9.97 40.837 10.235 41.047L15.46 45.183C15.902 45.533 16.448 45.723 17.012 45.723H33.252C33.815 45.723 34.362 45.533 34.803 45.183L40.028 41.047C40.293 40.837 40.621 40.723 40.959 40.723H48C48.414 40.723 48.79 40.891 49.06 41.163C49.332 41.434 49.5 41.809 49.5 42.223V48.223C49.5 48.638 49.332 49.013 49.06 49.284C48.79 49.555 48.414 49.724 48 49.724H2C1.586 49.724 1.21 49.555 0.94 49.284C0.667 49.013 0.5 48.638 0.5 48.224V42.224C0.5 41.809 0.668 41.434 0.94 41.163C1.21 40.891 1.586 40.723 2 40.723H9.304Z" fill="url(#paint0_linear_403_335)" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<g filter="url(#filter3_d_403_335)">
+<path d="M37.5 47.769C39 46.769 41 46.769 42.5 46.269C44 45.769 46.5 44.033 46.5 40.269V32.213C46.5 31.69 46.1 31.207 45.577 31.216C42.5 31.269 39.5 30.269 37.5 28.269C35.5 30.269 32.5 31.269 29.5 31.269C29.5 31.269 28.5 31.269 28.5 32.269V40.269C28.833 43.936 30.167 45.936 32.5 46.269C34.833 46.602 36.5 47.102 37.5 47.769Z" fill="black"/>
+</g>
+<path d="M37.5 47.769C39 46.769 41 46.769 42.5 46.269C44 45.769 46.5 44.033 46.5 40.269V32.213C46.5 31.69 46.1 31.207 45.577 31.216C42.5 31.269 39.5 30.269 37.5 28.269C35.5 30.269 32.5 31.269 29.5 31.269C29.5 31.269 28.5 31.269 28.5 32.269V40.269C28.833 43.936 30.167 45.936 32.5 46.269C34.833 46.602 36.5 47.102 37.5 47.769Z" fill="url(#paint1_linear_403_335)" stroke="#EBEBEB" stroke-opacity="0.194" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.5 34.269C38.88 34.269 40 35.389 40 36.769C40 37.794 39.383 38.675 38.5 39.061V41.269C38.5 41.821 38.052 42.269 37.5 42.269C36.948 42.269 36.5 41.821 36.5 41.269V39.061C35.617 38.675 35 37.794 35 36.769C35 35.389 36.12 34.269 37.5 34.269Z" stroke="white"/>
+</g>
+<defs>
+<filter id="filter0_d_403_335" x="21.8102" y="3.15298" width="19.9271" height="25.2241" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<filter id="filter1_d_403_335" x="11.9393" y="15.2597" width="20.642" height="26.0391" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<filter id="filter2_d_403_335" x="-1" y="40.223" width="52" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<filter id="filter3_d_403_335" x="27.5" y="28.269" width="20" height="21.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_335"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_335" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_403_335" x1="25" y1="40.723" x2="25" y2="49.724" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD759"/>
+<stop offset="1" stop-color="#FFCB26"/>
+</linearGradient>
+<linearGradient id="paint1_linear_403_335" x1="37.5" y1="28.269" x2="37.5" y2="47.769" gradientUnits="userSpaceOnUse">
+<stop stop-color="#061B52"/>
+<stop offset="0.99962" stop-color="#021549"/>
+</linearGradient>
+<clipPath id="clip0_403_335">
+<rect width="50" height="51" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-expediente-parecer.svg b/src/assets/images/theme/doneIt/icons-expediente-parecer.svg
new file mode 100644
index 000000000..327f18be0
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-expediente-parecer.svg
@@ -0,0 +1,57 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_403_265)">
+<path d="M18.1703 4.49092C18.1643 3.64792 18.8353 2.97092 19.6703 2.97592L37.7973 3.11592C38.6313 3.12192 39.3133 3.80992 39.3193 4.65292L39.5023 29.0709C39.5083 29.9129 38.8373 30.5909 38.0023 30.5849L19.1833 30.4649C18.6333 30.4619 18.1903 30.0149 18.1903 29.4659L18.1703 4.49092Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6653 3.47592L37.7933 3.61592C38.0733 3.61792 38.3283 3.73592 38.5133 3.92192C38.7003 4.11192 38.8173 4.37092 38.8193 4.65692L39.0023 29.0739C39.0043 29.3559 38.8933 29.6109 38.7123 29.7939C38.5323 29.9759 38.2823 30.0869 38.0053 30.0849L19.1873 29.9649L18.6703 4.48692C18.6683 4.20492 18.7783 3.95092 18.9603 3.76692C19.1403 3.58492 19.3903 3.47392 19.6663 3.47692L19.6653 3.47592Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M33.3788 14.9274H23.9568C23.6807 14.9274 23.4568 15.1512 23.4568 15.4274C23.4568 15.7035 23.6807 15.9274 23.9568 15.9274H33.3788C33.655 15.9274 33.8788 15.7035 33.8788 15.4274C33.8788 15.1512 33.655 14.9274 33.3788 14.9274Z" stroke="white" stroke-width="2"/>
+<path d="M33.3788 11.0864H23.9568C23.6807 11.0864 23.4568 11.3102 23.4568 11.5864C23.4568 11.8625 23.6807 12.0864 23.9568 12.0864H33.3788C33.655 12.0864 33.8788 11.8625 33.8788 11.5864C33.8788 11.3102 33.655 11.0864 33.3788 11.0864Z" stroke="white" stroke-width="2"/>
+<path d="M33.3788 18.7684H23.9568C23.6807 18.7684 23.4568 18.9922 23.4568 19.2684C23.4568 19.5445 23.6807 19.7684 23.9568 19.7684H33.3788C33.655 19.7684 33.8788 19.5445 33.8788 19.2684C33.8788 18.9922 33.655 18.7684 33.3788 18.7684Z" stroke="white" stroke-width="2"/>
+<path d="M29.6528 22.6104H23.9568C23.6807 22.6104 23.4568 22.8342 23.4568 23.1104C23.4568 23.3865 23.6807 23.6104 23.9568 23.6104H29.6528C29.929 23.6104 30.1528 23.3865 30.1528 23.1104C30.1528 22.8342 29.929 22.6104 29.6528 22.6104Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter1_d_403_265)">
+<path d="M6.98453 18.9948C6.97753 18.1348 7.65753 17.4428 8.50453 17.4508L26.9125 17.6208C27.7595 17.6288 28.4525 18.3328 28.4605 19.1938L28.6845 44.1208C28.6915 44.9808 28.0115 45.6728 27.1645 45.6648L8.03653 45.5128C7.48853 45.5088 7.04553 45.0628 7.04453 44.5148L6.98453 18.9948Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.50053 17.9508L26.9075 18.1208C27.1945 18.1238 27.4555 18.2458 27.6445 18.4388C27.8375 18.6338 27.9575 18.9028 27.9605 19.1978L28.1845 44.1258C28.1865 44.4158 28.0745 44.6788 27.8885 44.8678C27.7055 45.0538 27.4505 45.1678 27.1685 45.1648L8.04053 45.0128L7.48353 18.9898C7.48153 18.6998 7.59353 18.4368 7.77953 18.2478C7.96253 18.0618 8.21753 17.9478 8.49953 17.9508H8.50053Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M22.4692 29.6447H12.8602C12.5841 29.6447 12.3602 29.8686 12.3602 30.1447C12.3602 30.4209 12.5841 30.6447 12.8602 30.6447H22.4692C22.7454 30.6447 22.9692 30.4209 22.9692 30.1447C22.9692 29.8686 22.7454 29.6447 22.4692 29.6447Z" stroke="white" stroke-width="2"/>
+<path d="M22.4692 25.7217H12.8602C12.5841 25.7217 12.3602 25.9456 12.3602 26.2217C12.3602 26.4979 12.5841 26.7217 12.8602 26.7217H22.4692C22.7454 26.7217 22.9692 26.4979 22.9692 26.2217C22.9692 25.9456 22.7454 25.7217 22.4692 25.7217Z" stroke="white" stroke-width="2"/>
+<path d="M22.4692 33.5677H12.8602C12.5841 33.5677 12.3602 33.7916 12.3602 34.0677C12.3602 34.3439 12.5841 34.5677 12.8602 34.5677H22.4692C22.7454 34.5677 22.9692 34.3439 22.9692 34.0677C22.9692 33.7916 22.7454 33.5677 22.4692 33.5677Z" stroke="white" stroke-width="2"/>
+<path d="M18.6862 37.4907H12.8602C12.5841 37.4907 12.3602 37.7146 12.3602 37.9907C12.3602 38.2669 12.5841 38.4907 12.8602 38.4907H18.6862C18.9624 38.4907 19.1862 38.2669 19.1862 37.9907C19.1862 37.7146 18.9624 37.4907 18.6862 37.4907Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter2_d_403_265)">
+<path d="M34.5 47.769C39.7467 47.769 44 43.5157 44 38.269C44 33.0223 39.7467 28.769 34.5 28.769C29.2533 28.769 25 33.0223 25 38.269C25 43.5157 29.2533 47.769 34.5 47.769Z" fill="black"/>
+</g>
+<path d="M34.5 47.269C39.4706 47.269 43.5 43.2396 43.5 38.269C43.5 33.2984 39.4706 29.269 34.5 29.269C29.5294 29.269 25.5 33.2984 25.5 38.269C25.5 43.2396 29.5294 47.269 34.5 47.269Z" fill="url(#paint0_linear_403_265)" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M34.5 44.269C35.0523 44.269 35.5 43.8213 35.5 43.269C35.5 42.7167 35.0523 42.269 34.5 42.269C33.9477 42.269 33.5 42.7167 33.5 43.269C33.5 43.8213 33.9477 44.269 34.5 44.269Z" fill="white"/>
+<path d="M34.5 41.269V38.769C35.88 38.769 37 37.649 37 36.269C37 34.889 35.88 33.769 34.5 33.769C33.12 33.769 32 34.889 32 36.269" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<filter id="filter0_d_403_265" x="17.1702" y="2.97589" width="23.3321" height="29.6091" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_265"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_265" result="shape"/>
+</filter>
+<filter id="filter1_d_403_265" x="5.98447" y="17.4507" width="23.7001" height="30.2141" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_265"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_265" result="shape"/>
+</filter>
+<filter id="filter2_d_403_265" x="24" y="28.769" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_265"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_265" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_403_265" x1="34.5" y1="29.269" x2="34.5" y2="47.269" gradientUnits="userSpaceOnUse">
+<stop stop-color="#061B52"/>
+<stop offset="0.99962" stop-color="#021549"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-expediente-pendente.svg b/src/assets/images/theme/doneIt/icons-expediente-pendente.svg
new file mode 100644
index 000000000..dbe2016d0
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-expediente-pendente.svg
@@ -0,0 +1,23 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M43.975 25.44C43.975 13.842 34.579 4.44 22.987 4.44C11.398 4.44 2 13.842 2 25.44C2 37.038 11.396 46.44 22.988 46.44C25.833 46.44 28.546 45.873 31.021 44.847C33.586 43.782 35.895 42.224 37.828 40.289" stroke="#FFB703" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M47.712 21.94L43.975 25.44L40.237 21.94" stroke="#FFB703" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_d_403_212)">
+<path d="M13.2998 13.9544C13.2968 13.1464 13.9538 12.4934 14.7658 12.4964L32.4148 12.5514C33.2268 12.5534 33.8878 13.2114 33.8898 14.0184L33.9618 37.4274C33.9648 38.2354 33.3078 38.8874 32.4958 38.8854L14.2088 38.8514C13.6568 38.8514 13.2098 38.4014 13.2108 37.8504V37.8484L13.2998 13.9544Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7638 12.9964L32.4138 13.0514C32.6818 13.0514 32.9268 13.1614 33.1038 13.3374C33.2798 13.5124 33.3888 13.7534 33.3898 14.0204L33.4618 37.4284C33.4628 37.6934 33.3558 37.9324 33.1818 38.1054C33.0068 38.2794 32.7648 38.3854 32.4968 38.3854L14.2098 38.3514L13.7998 13.9524C13.7988 13.6884 13.9058 13.4484 14.0798 13.2754C14.2548 13.1014 14.4968 12.9954 14.7638 12.9954V12.9964Z" fill="#243A5E" stroke="#EBEBEB" stroke-opacity="0.194"/>
+<path d="M28.0242 23.9536H18.9152C18.639 23.9536 18.4152 24.1775 18.4152 24.4536C18.4152 24.7298 18.639 24.9536 18.9152 24.9536H28.0242C28.3003 24.9536 28.5242 24.7298 28.5242 24.4536C28.5242 24.1775 28.3003 23.9536 28.0242 23.9536Z" stroke="white" stroke-width="2"/>
+<path d="M28.0242 20.2756H18.9152C18.639 20.2756 18.4152 20.4995 18.4152 20.7756C18.4152 21.0518 18.639 21.2756 18.9152 21.2756H28.0242C28.3003 21.2756 28.5242 21.0518 28.5242 20.7756C28.5242 20.4995 28.3003 20.2756 28.0242 20.2756Z" stroke="white" stroke-width="2"/>
+<path d="M28.0242 27.6316H18.9152C18.639 27.6316 18.4152 27.8555 18.4152 28.1316C18.4152 28.4078 18.639 28.6316 18.9152 28.6316H28.0242C28.3003 28.6316 28.5242 28.4078 28.5242 28.1316C28.5242 27.8555 28.3003 27.6316 28.0242 27.6316Z" stroke="white" stroke-width="2"/>
+<path d="M24.3912 31.3096H18.9152C18.639 31.3096 18.4152 31.5335 18.4152 31.8096C18.4152 32.0858 18.639 32.3096 18.9152 32.3096H24.3912C24.6673 32.3096 24.8912 32.0858 24.8912 31.8096C24.8912 31.5335 24.6673 31.3096 24.3912 31.3096Z" stroke="white" stroke-width="2"/>
+<defs>
+<filter id="filter0_d_403_212" x="12.2108" y="12.4964" width="22.751" height="28.389" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.187391 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_212"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_403_212" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-most-searched-words-open 5.svg b/src/assets/images/theme/doneIt/icons-most-searched-words-open 5.svg
new file mode 100644
index 000000000..034f994f2
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-most-searched-words-open 5.svg	
@@ -0,0 +1,14 @@
+<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_403_450)">
+<path d="M22.5 45C34.9264 45 45 34.9264 45 22.5C45 10.0736 34.9264 0 22.5 0C10.0736 0 0 10.0736 0 22.5C0 34.9264 10.0736 45 22.5 45Z" fill="#243A5E"/>
+<path d="M24.714 25.428C28.422 25.428 31.428 22.422 31.428 18.714C31.428 15.006 28.422 12 24.714 12C21.006 12 18 15.006 18 18.714C18 22.422 21.006 25.428 24.714 25.428Z" stroke="white" stroke-width="2"/>
+<path d="M29.857 23.857L34.357 28.357" stroke="white" stroke-width="2" stroke-linecap="round"/>
+<path d="M16.857 27.857C16.857 27.3047 16.4093 26.857 15.857 26.857C15.3047 26.857 14.857 27.3047 14.857 27.857V33.857C14.857 34.4093 15.3047 34.857 15.857 34.857C16.4093 34.857 16.857 34.4093 16.857 33.857V27.857Z" fill="white"/>
+<path d="M18.857 29.857H12.857C12.3047 29.857 11.857 30.3047 11.857 30.857C11.857 31.4093 12.3047 31.857 12.857 31.857H18.857C19.4093 31.857 19.857 31.4093 19.857 30.857C19.857 30.3047 19.4093 29.857 18.857 29.857Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_403_450">
+<rect width="45" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-profile.svg b/src/assets/images/theme/doneIt/icons-profile.svg
new file mode 100644
index 000000000..a2a89c088
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-profile.svg
@@ -0,0 +1,16 @@
+<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_401_134)">
+<path d="M45 22.5C45 10.0736 34.9264 0 22.5 0C10.0736 0 0 10.0736 0 22.5C0 34.9264 10.0736 45 22.5 45C34.9264 45 45 34.9264 45 22.5Z" fill="#243A5E"/>
+<mask id="mask0_401_134" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="45" height="45">
+<path d="M22.5 45C34.9264 45 45 34.9264 45 22.5C45 10.0736 34.9264 0 22.5 0C10.0736 0 0 10.0736 0 22.5C0 34.9264 10.0736 45 22.5 45Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_401_134)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 10.5C28.299 10.5 33 15.537 33 21.75C33 25.652 31.146 29.09 28.33 31.108C34.565 33.57 39 39.868 39 47.25C39 56.777 31.613 64.5 22.5 64.5C13.387 64.5 6 56.777 6 47.25C6 39.869 10.435 33.57 16.67 31.108C13.854 29.09 12 25.652 12 21.75C12 15.537 16.701 10.5 22.5 10.5Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_401_134">
+<rect width="45" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/theme/doneIt/icons-search.svg b/src/assets/images/theme/doneIt/icons-search.svg
new file mode 100644
index 000000000..b173149a2
--- /dev/null
+++ b/src/assets/images/theme/doneIt/icons-search.svg
@@ -0,0 +1,14 @@
+<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_401_9)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 9H23V10H9V9Z" fill="white"/>
+<path d="M14 12C15.1046 12 16 11.1046 16 10C16 8.89543 15.1046 8 14 8C12.8954 8 12 8.89543 12 10C12 11.1046 12.8954 12 14 12Z" fill="white"/>
+<path d="M22.5 45C34.9264 45 45 34.9264 45 22.5C45 10.0736 34.9264 0 22.5 0C10.0736 0 0 10.0736 0 22.5C0 34.9264 10.0736 45 22.5 45Z" fill="#243A5E"/>
+<path d="M21.857 28.571C25.565 28.571 28.571 25.565 28.571 21.857C28.571 18.149 25.565 15.143 21.857 15.143C18.149 15.143 15.143 18.149 15.143 21.857C15.143 25.565 18.149 28.571 21.857 28.571Z" stroke="white" stroke-width="2"/>
+<path d="M27 27L31.5 31.5" stroke="white" stroke-width="2" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_401_9">
+<rect width="45" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index 5dc446e56..8ff148b8d 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -22,8 +22,8 @@
 export const environment = {
   production: false,
   //apiURL: 'https://gabinetedigital.dyndns.info/GabineteDigital.Services/V5/api/',
-  //apiURL: 'http://gpr-dev-01.gabinetedigital.local/GabineteDigital.Services/V5/api/',
-  apiURL: 'https://gdapi-dev.dyndns.info/GabineteDigital.Services/V5/api/',
+  apiURL: 'http://gpr-dev-01.gabinetedigital.local/GabineteDigital.Services/V5/api/',
+  //apiURL: 'https://gdapi-dev.dyndns.info/GabineteDigital.Services/V5/api/',
   // apiChatUrl: 'http://192.168.0.29:3000/api/v1/',
   // apiWsChatUrl: 'wss://192.168.0.29:3000/websocket',
   apiChatUrl: 'https://gdchat-dev.dyndns.info/api/v1/',
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 6ada1a3db..26f7e7275 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -815,29 +815,34 @@ body {
 }
 
 // blue
-.default {
+.default, .doneIt {
+  --a: #FFFFFF;
+  --b: #F0F4FF;
+  --c: #4E67EB;
+  --d: #291D89;
+  //
   --login-label-text: #fff;
   --chat-alert-msg-color: #fef4c5;
   --chat-incoming-msg-color: #e4f4fe;
   --ion-color-primary: #3880ff;
   --ion-color-secondary: #e4e8eb75;
-  --login-background: linear-gradient(180deg, #42b9fe 0%, #0782c9 100%) !important;
-  --button-hover: #42b9fe;
-  --inicio-open-page-from-box: #42b9fe;
+  --login-background: linear-gradient(180deg, #291D89 0%, #0782c9 100%) !important;
+  --button-hover: #291D89;
+  --inicio-open-page-from-box: #291D89;
   --button-color: #e0e9ee;
   --button-text-color: #061b52;
   --header-tab-top-border: white;
   --header-tab-text-white: white;
-  --mat-selected: #87cefa;
+  --mat-selected: #291D89;
   --mat-selected-hover: rgb(216 240 255);
-  --mat-calendar-body-selected: #42b9fe ;
+  --mat-calendar-body-selected: #291D89 ;
   --monthview-selected: lightskyblue;
 
-  --PinDots: #44b5ea;
-  --PinTextColor: #44b5ea;
+  --PinDots: #291D89;
+  --PinTextColor: #291D89;
   --PinCircleBackground: url(/assets/background/auth.svg);
   --PinBackground: white !important;
-  --Event-approve-header-color: #42b9fe;
+  --Event-approve-header-color: #291D89;
 
 
   --header-container-background: linear-gradient(
@@ -883,26 +888,26 @@ body {
     var(--color4) 78.13%,
     var(--color5) 100%
   ) !important;
-  --font-awesome: #42b9fe;
-  --font-awesome-1: #42b9fe;
+  --font-awesome: #291D89;
+  --font-awesome-1: #291D89;
   --color: #0782c9;
   --color2: #45baff;
   --color3: #0782c9;
   --color4: #0782c9f0;
   --color5: #45baff;
 
-  --title-text-color: #0d89d1;
+  --title-text-color: #243a5e;
   --subtitle-text-color: #000;
-  --label-bg-color: #ffb703;
+  --label-bg-color: #4E67EB;
 
   --gabinete-title-container: #ecf8ff;
   --gabinete-main-container: #ecf8ff;
 
-  --gabinete-active-hove-background: #42b9fe;
-  --gabinete-active-hove-box-border: 1px solid #42b9fe;
+  --gabinete-active-hove-background: #291D89;
+  --gabinete-active-hove-box-border: 1px solid #291D89;
 
   --box-hover-background-color: #e6f6ff75;
-  --box-hover-background-border-color: 1px solid #42b9fe;
+  --box-hover-background-border-color: 1px solid #291D89;
 
   --profile-text-color: #ffffff;