From 4b334dbebf8351ef7fe0108b22e4cc03aedea7ec Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Wed, 27 Oct 2021 08:50:20 +0100
Subject: [PATCH 1/9] fix

---
 src/app/pages/agenda/edit-event/edit-event.page.html          | 1 -
 .../approve-event-modal/approve-event-modal.page.html         | 2 +-
 .../edit-event-to-approve/edit-event-to-approve.page.html     | 2 +-
 src/app/shared/agenda/edit-event/edit-event.page.html         | 2 +-
 src/app/shared/agenda/edit-event/edit-event.page.ts           | 4 ++--
 .../edit-event-to-approve/edit-event.page.html                | 2 +-
 6 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/app/pages/agenda/edit-event/edit-event.page.html b/src/app/pages/agenda/edit-event/edit-event.page.html
index 5a3fa6351..b24cfd28f 100644
--- a/src/app/pages/agenda/edit-event/edit-event.page.html
+++ b/src/app/pages/agenda/edit-event/edit-event.page.html
@@ -275,7 +275,6 @@
                   <span class="app-name span-left" *ngIf="document.ApplicationId == 386"> Acções Presidenciais </span>
                   <span class="app-name span-left" *ngIf="document.ApplicationId == 361 "> Arquivo Despacho Electrónico </span>
 
-                  <!-- <span class="span-right" *ngIf="document.CreateDate"> {{document.CreateDate | date: 'dd-MM-yyyy HH:mm'}} </span> -->
                 </p>
               </ion-label>
             </ion-item>
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 418781d21..05ea1fc20 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
@@ -92,7 +92,7 @@
             <span class="app-name" *ngIf="document.ApplicationId == 386"> AccoesPresidenciais </span>
             <span class="app-name" *ngIf="document.ApplicationId == 361 "> ArquivoDespachoElect </span>
           </p>
-          <p><span class="span-left">{{document.Stakeholders}}</span><span class="span-right"> {{document.CreateDate | date: 'dd-MM-yyyy HH:mm'}} </span></p>
+          <p><span class="span-left" *ngIf="document.Stakeholders != false">{{document.Stakeholders}}</span><span class="span-right" *ngIf="document.CreateDate != false"> {{document.CreateDate }} </span></p>
         </ion-label>
       </ion-item>
     </ion-list>
diff --git a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
index 8b14106a4..f3d876fd4 100644
--- a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
+++ b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
@@ -355,7 +355,7 @@
                       <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
                     </span>
                   </p>
-                  <p><span class="span-left">{{document.Stakeholders}}</span><span class="span-right"> {{document.CreateDate | date: 'dd-MM-yyyy HH:mm'}} </span></p>
+                  <p><span class="span-left" *ngIf="document.Stakeholders != false">{{document.Stakeholders}}</span><span class="span-right" *ngIf="document.CreateDate != false"> {{document.CreateDate }} </span></p>
                 </ion-label>
               </ion-item>
             </ion-list>
diff --git a/src/app/shared/agenda/edit-event/edit-event.page.html b/src/app/shared/agenda/edit-event/edit-event.page.html
index 7aebf08da..488b36e05 100644
--- a/src/app/shared/agenda/edit-event/edit-event.page.html
+++ b/src/app/shared/agenda/edit-event/edit-event.page.html
@@ -3,7 +3,7 @@
     <div class="main-header">
       <div class="title-content">
         <div class="middle">
-          <ion-label class="title">Editar Evento aganda</ion-label>
+          <ion-label class="title">Editar Evento</ion-label>
         </div>
       </div>
       <ion-progress-bar class="calendar-progress-bar" type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
diff --git a/src/app/shared/agenda/edit-event/edit-event.page.ts b/src/app/shared/agenda/edit-event/edit-event.page.ts
index 682380246..494b832fa 100644
--- a/src/app/shared/agenda/edit-event/edit-event.page.ts
+++ b/src/app/shared/agenda/edit-event/edit-event.page.ts
@@ -405,9 +405,9 @@ export class EditEventPage implements OnInit {
           SourceName: data.selected.Assunto,
           ParentId: this.postEvent.EventId,
           SourceId: data.selected.Id,
-          Stakeholders: false,
+          Stakeholders: data.selected.Stakeholders | data.selected.EntidadeOrganicaNome,
           ApplicationId: data.selected.ApplicationType.toString(),
-          CreateDate: false,
+          CreateDate: data.selected.Data,
           // needed to attach this document
           Id: 'add',
           SourceTitle: data.selected.Assunto,
diff --git a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html
index 12165e065..5e55f3555 100644
--- a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html
+++ b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html
@@ -349,7 +349,7 @@
                       <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
                     </span>
                   </p>
-                  <p><span class="span-left">{{document.Stakeholders}}</span><span class="span-right"> {{document.CreateDate | date: 'dd-MM-yyyy HH:mm'}} </span></p>
+                  <p><span class="span-left" *ngIf="document.Stakeholders != false">{{document.Stakeholders}}</span><span class="span-right" *ngIf="document.CreateDate != false"> {{document.CreateDate }} </span></p>
                 </ion-label>
               </ion-item>
             </ion-list>

From 7882f76d5407dd625755402293efce1f4f7c7577 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Wed, 27 Oct 2021 09:49:50 +0100
Subject: [PATCH 2/9] Improve

---
 package.json                                              | 2 +-
 src/app/modals/view-document/view-document.page.html      | 2 +-
 src/app/pages/agenda/agenda.page.html                     | 8 ++++----
 src/app/pages/chat/chat.page.html                         | 4 ++--
 .../group-contacts/group-contacts.page.html               | 2 +-
 .../pages/chat/group-messages/group-messages.page.html    | 2 +-
 src/app/pages/chat/messages/contacts/contacts.page.html   | 4 ++--
 src/app/pages/chat/new-group/contacts/contacts.page.html  | 2 +-
 .../new-publication/new-publication.page.html             | 2 +-
 .../publication-detail/publication-detail.page.html       | 4 ++--
 .../view-publications/view-publications.page.html         | 2 +-
 .../group-contacts/group-contacts.page.html               | 2 +-
 src/app/shared/chat/messages/contacts/contacts.page.html  | 2 +-
 src/app/shared/chat/new-group/contacts/contacts.page.html | 2 +-
 .../publication/new-publication/new-publication.page.html | 6 +++---
 .../publication-detail/publication-detail.page.html       | 4 ++--
 16 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/package.json b/package.json
index bd977f239..63c179b6b 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve --port 4200",
-    "build": "ng build",
+    "build": "node --max_old_space_size=999192 ./node_modules/@angular/cli/bin/ng build",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "test": "jest  --detectOpenHandles  --runInBand",
diff --git a/src/app/modals/view-document/view-document.page.html b/src/app/modals/view-document/view-document.page.html
index 0c02abea3..4c3fd741f 100644
--- a/src/app/modals/view-document/view-document.page.html
+++ b/src/app/modals/view-document/view-document.page.html
@@ -10,7 +10,7 @@
       </div>
 
       <div class="right cursor-pointer" (click)="openOptions()">
-        <fa-icon icon="ellipsis-v" class="menu-icon font-awesome'1"></fa-icon>
+        <fa-icon icon="ellipsis-v" class="menu-icon font-awesome-1"></fa-icon>
       </div>
 
     </div>
diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index 53e4bfa2b..7198a0828 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -40,7 +40,7 @@
                   <h2 class="capitaliseText d-flex align-center">
                     {{ viewTitle }}  
 
-                    <div (click)="dropdownScrollWeal = true; onDropDownScrollWeal()">
+                    <div (click)="dropdownScrollWeal = true; onDropDownScrollWeal()" class="cursor-pointer">
                       <ion-icon *ngIf="ThemeService.currentTheme == 'default' " style="font-size: 19pt;" src="assets/images/icons-arrow-arrow-down.svg" ></ion-icon>
                       <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " style="font-size: 19pt;" src="assets/images/theme/gov/icons-arrow-arrow-down.svg" ></ion-icon>
                     </div>
@@ -100,7 +100,7 @@
                     </div>
                   </div> -->
                   <!-- Move forward one screen of the slides -->
-                  <div (click)="next()" class="arrow">
+                  <div (click)="next()" class="arrow cursor-pointer">
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="icon-only" src="assets/images/icons-calendar-arrow-right.svg"></ion-icon>
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " slot="icon-only" src="assets/images/theme/gov/icons-calendar-arrow-right.svg"></ion-icon>
                   </div>
@@ -116,12 +116,12 @@
                     <ion-icon class="right-icons d-md-none" src="assets/images/icons-profile-calendar-pr.svg"></ion-icon>
                   </button>
 
-                  <button class="btn-no-color" (click)="viewEventsToApprove()" *ngIf="loggeduser.Profile == 'MDGPR'">
+                  <button class="btn-no-color cursor-pointer" (click)="viewEventsToApprove()" *ngIf="loggeduser.Profile == 'MDGPR'">
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " class="right-icons" src="assets/images/icons-received-event.svg"></ion-icon>
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " class="right-icons" src="assets/images/theme/gov/icons-received-event.svg"></ion-icon>
                   </button>
 
-                  <button class="btn-no-color cy-add-event" (click)="clearContact();openAddEvent();">
+                  <button class="btn-no-color cy-add-event cursor-pointer" (click)="clearContact();openAddEvent();">
                     <ion-icon *ngIf="ThemeService.currentTheme == 'default' "   class="right-icons" src="assets/images/icons-add.svg" ></ion-icon>
                     <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "   class="right-icons" src="assets/images/theme/gov/icons-add.svg" ></ion-icon>
                   </button>
diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 919b18561..9f08e568f 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -54,7 +54,7 @@
                     </div>
                     <div [class.highlight]="dm._id =='cjFv5XfreKz5j3fWW'"
                      (click)="openMessagesPage(dm._id)"
-                     class="item-content flex-grow-1"><!-- (click)="openMessages(dm)" -->
+                     class="item-content flex-grow-1 cursor-pointer"><!-- (click)="openMessages(dm)" -->
                       <div class="item-title-time">
                         <div class="item-title" [class.item-title-active]="dm._id == idSelected">
                           <ion-label *ngFor="let user of dm.uids">
@@ -101,7 +101,7 @@
                       
                     </div>
                     <div
-                     (click)="openGroupMessagesPage(group._id)" class="item-content flex-grow-1">
+                     (click)="openGroupMessagesPage(group._id)" class="item-content flex-grow-1 cursor-pointer">
                       <div class="item-title-time">
                         <div class="item-title" [class.item-title-active]="group._id ==idSelected">
                           <ion-label>{{group.name.split('-').join(' ')}}</ion-label>
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 dafbabf47..734643f4d 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
@@ -3,7 +3,7 @@
     <div class="main-header">
       <div class="title-content width-100">
         <div class="back-icon">
-          <button class="btn-no-color" (click)="close()">
+          <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 == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
diff --git a/src/app/pages/chat/group-messages/group-messages.page.html b/src/app/pages/chat/group-messages/group-messages.page.html
index 7d456ffcb..2f0b9fc4c 100644
--- a/src/app/pages/chat/group-messages/group-messages.page.html
+++ b/src/app/pages/chat/group-messages/group-messages.page.html
@@ -20,7 +20,7 @@
         <div class="right">
           <button class="btn-no-color" (click)="openOptions()">
            <!--  <ion-icon src="assets/images/icons-menu.svg"></ion-icon> -->
-            <fa-icon icon="ellipsis-v" class="header-top-btn font-awesome'1"></fa-icon>
+            <fa-icon icon="ellipsis-v" class="header-top-btn font-awesome-1"></fa-icon>
           </button>
         </div>
       </div>
diff --git a/src/app/pages/chat/messages/contacts/contacts.page.html b/src/app/pages/chat/messages/contacts/contacts.page.html
index 576e531d5..c7b9c6077 100644
--- a/src/app/pages/chat/messages/contacts/contacts.page.html
+++ b/src/app/pages/chat/messages/contacts/contacts.page.html
@@ -2,8 +2,8 @@
   <ion-toolbar class="header-toolbar">
     <div class="main-header">
       <div class="title-content width-100">
-        <div class="back-icon">
-          <button class="btn-no-color" (click)="close()">
+        <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 == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
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 08afbe556..deaaec451 100644
--- a/src/app/pages/chat/new-group/contacts/contacts.page.html
+++ b/src/app/pages/chat/new-group/contacts/contacts.page.html
@@ -3,7 +3,7 @@
     <div class="main-header">
       <div class="title-content width-100">
         <div class="back-icon">
-          <button class="btn-no-color" (click)="close()">
+          <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 == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>
diff --git a/src/app/pages/publications/new-publication/new-publication.page.html b/src/app/pages/publications/new-publication/new-publication.page.html
index d60a88c1b..ac53a9562 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.html
+++ b/src/app/pages/publications/new-publication/new-publication.page.html
@@ -70,7 +70,7 @@
           <div class="attach-icon">
             <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
           </div>
-          <div class="attach-document">
+          <div class="attach-document cursor-pointer">
             <ion-label>Anexar Fotografia</ion-label>
           </div>
         </ion-label>
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 9fed86dd4..ea16990a6 100644
--- a/src/app/pages/publications/publication-detail/publication-detail.page.html
+++ b/src/app/pages/publications/publication-detail/publication-detail.page.html
@@ -4,7 +4,7 @@
   <div class="content-container">
     <div *ngIf="publication.Title != ''">
     <div class="title-content">
-      <div class="back-icon">
+      <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 == 'gov' "  tappable (click)="close()" slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
       </div>
@@ -32,7 +32,7 @@
   </div>
     <div *ngIf="publication.Title == ''">
       <div class="title-content">
-        <div class="back-icon">
+        <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 == 'default' " (click)="close()" slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>
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 d1a547375..b37990a07 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.html
+++ b/src/app/pages/publications/view-publications/view-publications.page.html
@@ -6,7 +6,7 @@
   <!-- <ion-toolbar class="bg-blue"> -->
   <div class="main-header">
     <div class="title-content d-flex width-100">
-      <div class="back-icon" (click)="goBack()">
+      <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 == 'gov' "  slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
       </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 d30645d4b..e2ed656ff 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
@@ -2,7 +2,7 @@
   <ion-toolbar class="header-toolbar">
     <div class="main-header width-100">
       <div class="title-content width-100">
-        <div class="back-icon">
+        <div class="back-icon cursor-pointer">
           <button 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 == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
diff --git a/src/app/shared/chat/messages/contacts/contacts.page.html b/src/app/shared/chat/messages/contacts/contacts.page.html
index c2e87f080..6e4038328 100644
--- a/src/app/shared/chat/messages/contacts/contacts.page.html
+++ b/src/app/shared/chat/messages/contacts/contacts.page.html
@@ -2,7 +2,7 @@
   <ion-toolbar class="header-toolbar">
     <div class="main-header">
       <div class="title-content">
-        <div class="back-icon">
+        <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 == 'gov' " (click)="close()" slot="end" src='assets/images/assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>
diff --git a/src/app/shared/chat/new-group/contacts/contacts.page.html b/src/app/shared/chat/new-group/contacts/contacts.page.html
index 300c58faf..0844cb4e2 100644
--- a/src/app/shared/chat/new-group/contacts/contacts.page.html
+++ b/src/app/shared/chat/new-group/contacts/contacts.page.html
@@ -2,7 +2,7 @@
   <ion-toolbar class="header-toolbar">
     <div class="main-header">
       <div class="title-content">
-        <div class="back-icon">
+        <div class="back-icon cursor-pointer">
           <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 == 'gov' " slot="end" src='assets/images/assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
diff --git a/src/app/shared/publication/new-publication/new-publication.page.html b/src/app/shared/publication/new-publication/new-publication.page.html
index 378093728..e2891de57 100644
--- a/src/app/shared/publication/new-publication/new-publication.page.html
+++ b/src/app/shared/publication/new-publication/new-publication.page.html
@@ -48,7 +48,7 @@
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
       </div>
-      <div class="attach-document">
+      <div class="attach-document cursor-pointer">
         <ion-label>Anexar Fotografia</ion-label>
       </div>
     </ion-label>
@@ -75,7 +75,7 @@
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photo.svg"></ion-icon>
       </div>
-      <div class="attach-document">
+      <div class="attach-document cursor-pointer">
         <ion-label>Tirar Fotografia</ion-label>
       </div>
       </ion-label>
@@ -86,7 +86,7 @@
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
       </div>
-      <div class="attach-document">
+      <div class="attach-document cursor-pointer">
         <ion-label>Anexar Fotografia</ion-label>
       </div>
     </ion-label>
diff --git a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
index 397e714b3..c0c231441 100644
--- a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
+++ b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
@@ -8,7 +8,7 @@
   <div class="content-container">
     <div *ngIf="publication.Title != ''">
     <div class="title-content d-flex pl-20">
-      <div class="back-icon "  (click)="goBack()">
+      <div class="back-icon cursor-pointer"  (click)="goBack()">
 
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-30" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-30" slot="end" src='assets/images/assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
@@ -38,7 +38,7 @@
     </div>
     <div *ngIf="publication.Title == ''">
       <div class="title-content">
-        <div class="back-icon">
+        <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 == 'default' " (click)="close()" slot="end" src='assets/images/assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>

From edf6a46dc7853f2d971bf75cfce4487295e2e181 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eudes=20In=C3=A1cio?= <eudes.inacio@equilibrium.local>
Date: Wed, 27 Oct 2021 11:16:14 +0100
Subject: [PATCH 3/9] radius of main-content of the models and anexar text
 color changed

---
 src/app/modals/add-note/add-note.page.scss    |    2 +-
 .../create-process/create-process.page.scss   |    2 +-
 .../modals/dar-parecer/dar-parecer.page.scss  |    2 +-
 src/app/modals/delegar/delegar.page.scss      |    2 +-
 .../document-set-up-meeting.page.scss         |    2 +-
 src/app/pages/agenda/agenda.page.html         |    2 +-
 src/app/pages/agenda/agenda.page.scss         |   47 +-
 src/app/pages/chat/chat.page.html             |    2 +-
 src/app/pages/chat/chat.page.scss             |    2 -
 .../gabinete-digital.page.html                |    2 +-
 .../gabinete-digital.page.scss                |    2 -
 src/style/main.scss                           | 1342 ++++++++++++-----
 12 files changed, 964 insertions(+), 445 deletions(-)

diff --git a/src/app/modals/add-note/add-note.page.scss b/src/app/modals/add-note/add-note.page.scss
index 678a31590..d5a37d279 100644
--- a/src/app/modals/add-note/add-note.page.scss
+++ b/src/app/modals/add-note/add-note.page.scss
@@ -68,7 +68,7 @@ float: left;
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
diff --git a/src/app/modals/create-process/create-process.page.scss b/src/app/modals/create-process/create-process.page.scss
index 317b25399..35f7952e2 100644
--- a/src/app/modals/create-process/create-process.page.scss
+++ b/src/app/modals/create-process/create-process.page.scss
@@ -76,7 +76,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
     }
 
     .attach-title-item{
diff --git a/src/app/modals/dar-parecer/dar-parecer.page.scss b/src/app/modals/dar-parecer/dar-parecer.page.scss
index 9c486eb9a..dcff19e7a 100644
--- a/src/app/modals/dar-parecer/dar-parecer.page.scss
+++ b/src/app/modals/dar-parecer/dar-parecer.page.scss
@@ -80,7 +80,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
       margin: 5px 5px 5px 10px;
       padding: 5px;
       float: left;
diff --git a/src/app/modals/delegar/delegar.page.scss b/src/app/modals/delegar/delegar.page.scss
index c6fc0f6da..3a4a64875 100644
--- a/src/app/modals/delegar/delegar.page.scss
+++ b/src/app/modals/delegar/delegar.page.scss
@@ -77,7 +77,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
       margin: 5px 5px 5px 10px;
       padding: 5px;
       float: left;
diff --git a/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.scss b/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.scss
index 637cd24d1..5b53e20e1 100644
--- a/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.scss
+++ b/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.scss
@@ -74,7 +74,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
       margin: 5px 5px 5px 10px;
       padding: 5px;
       float: left;
diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index 53e4bfa2b..4389ac204 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -22,7 +22,7 @@
           <!--  Calendar is here -->
 
           <div class="calendar-segment-{{profile}}" [class.calendar-segment-pr-force]="loggeduser.Profile =='PR'">
-            <div class="calendar-container"  [style.height]="calendarHeight">
+            <div class="calendar-container"  [style.height]="calendarHeight ">
 
               <ion-row class="ion-justify-content-between calendar-tool-tip">
                 <ion-row class="ion-align-items-center">
diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss
index 823d08aee..10698bcf7 100644
--- a/src/app/pages/agenda/agenda.page.scss
+++ b/src/app/pages/agenda/agenda.page.scss
@@ -284,8 +284,6 @@ td.monthview-primary-with-event {
   height: 100%;
   font-family: Roboto;
   margin: 0 auto;
-  border-top-left-radius: 25px;
-  border-top-right-radius: 25px;
   background-color: #fff;
   overflow:auto;
   /* padding: 25px 20px 0 20px; */
@@ -572,12 +570,6 @@ td.monthview-primary-with-event {
 
 }
 
-.calendar-timeline{
-
-  height: 100%;
-  background-color: white;
-  border-top-left-radius: 25px;
-}
 
 .calendar-border{
   background: #ebebeb;
@@ -602,7 +594,7 @@ td.monthview-primary-with-event {
   overflow: hidden;
 
   .calendar-timeline{
-    border-top-right-radius: 24px;
+    border-top-right-radius: 0px;
     width: calc(100%);
     overflow: hidden;
 
@@ -618,11 +610,6 @@ td.monthview-primary-with-event {
   }
 }
 
-.event-details{
-  width: 40%;
-  background: white;
-  border-top-right-radius: 25px;
-}
 
 
 .event-details{
@@ -636,6 +623,7 @@ td.monthview-primary-with-event {
 
     .calendar-timeline{
       border-top-right-radius: 0px;
+      border-top-left-radius: 25px;
       width: calc(100% - 40%);
       border-right: 1px solid #d8d8d8;
 
@@ -769,4 +757,35 @@ app-approve-event{
   height: 100%;
   width: 100%;
   z-index: 99;
+}
+
+@media only screen and (min-width: 1225px) {
+  .calendar-timeline{
+
+    height: 100%;
+    background-color: white;
+    border-top-left-radius: 25px;
+  }
+  .event-details{
+    width: 40%;
+    background: white;
+    border-top-right-radius: 0px;
+  }
+
+}
+
+@media only screen and (min-width: 321px) {
+
+  .calendar-timeline{
+
+    height: 100%;
+    background-color: white;
+    border-top-left-radius: 0px;
+  }
+  .event-details{
+    width: 40%;
+    background: white;
+    border-top-right-radius: 25px;
+  }
+
 }
\ No newline at end of file
diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 635cc9552..ea67a9683 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -8,7 +8,7 @@
     <ion-refresher-content>
     </ion-refresher-content>
   </ion-refresher>
-  <div class="main-content d-flex height-100">
+  <div class="main-content d-flex height-100 border-t-radius">
       <!-- Aside left -->
       <div class="aside-wrapper d-flex flex-column flex-grow-1">
        <!--  <p class="text-center mt-0 aside-title px-20">Chat</p> -->
diff --git a/src/app/pages/chat/chat.page.scss b/src/app/pages/chat/chat.page.scss
index 9c0e60de2..53d84654c 100644
--- a/src/app/pages/chat/chat.page.scss
+++ b/src/app/pages/chat/chat.page.scss
@@ -38,8 +38,6 @@ ion-content{
   font-family: Roboto;
   margin: 0 auto;
   background-color: #fff;
-  border-top-left-radius: 25px;
-  border-top-right-radius: 25px;
 
   overflow: auto;
 
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index f0759e726..f06b1437f 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -8,7 +8,7 @@
     </ion-refresher-content>
   </ion-refresher>
 
-  <div class="main-content d-flex height-100">
+  <div class="main-content d-flex height-100 border-t-radius">
 
       <!-- Aside left -->
       <div class="aside-wrapper d-flex flex-column width-md-40 flex-grow-1">
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index d796b3602..3d96f2e64 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -120,8 +120,6 @@ ion-segment-button{
   background:var(--gabinete-main-container);
   overflow:hidden;
   padding: 0 !important;
-  border-top-left-radius: 25px;
-  border-top-right-radius: 25px;
 
   .aside-wrapper{
     overflow: hidden;
diff --git a/src/style/main.scss b/src/style/main.scss
index 4ccbb4f2b..87e671c4b 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -1,483 +1,987 @@
 // overflow
-.v-application .overflow-auto {overflow: auto !important;}
-.overflow-hidden {overflow: hidden !important;}
-.overflow-visible {overflow: visible !important;}
-.overflow-x-auto {overflow-x: auto !important;}
-.overflow-x-hidden {overflow-x: hidden !important;}
-.overflow-y-auto {overflow-y: auto !important;}
-.overflow-y-hidden {overflow-y: hidden !important;}
+.v-application .overflow-auto {
+  overflow: auto !important;
+}
+.overflow-hidden {
+  overflow: hidden !important;
+}
+.overflow-visible {
+  overflow: visible !important;
+}
+.overflow-x-auto {
+  overflow-x: auto !important;
+}
+.overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+.overflow-y-auto {
+  overflow-y: auto !important;
+}
+.overflow-y-hidden {
+  overflow-y: hidden !important;
+}
 // display
-.d-none {display: none !important;}
-.d-inline {display: inline !important;}
-.d-inline-block {display: inline-block !important;}
-.d-block {display: block !important;}
-.d-table {display: table !important;}
-.d-table-row {display: table-row !important;}
-.d-table-cell {display: table-cell !important;}
-.d-flex {display: flex !important;}
-.d-inline-flex {display: inline-flex !important;}
+.d-none {
+  display: none !important;
+}
+.d-inline {
+  display: inline !important;
+}
+.d-inline-block {
+  display: inline-block !important;
+}
+.d-block {
+  display: block !important;
+}
+.d-table {
+  display: table !important;
+}
+.d-table-row {
+  display: table-row !important;
+}
+.d-table-cell {
+  display: table-cell !important;
+}
+.d-flex {
+  display: flex !important;
+}
+.d-inline-flex {
+  display: inline-flex !important;
+}
 //float
-.float-none {float: none !important;}
-.float-left {float: left !important;}
-.float-right {float: right !important;}
+.float-none {
+  float: none !important;
+}
+.float-left {
+  float: left !important;
+}
+.float-right {
+  float: right !important;
+}
 //flex
-.flex-fill {flex: 1 1 auto !important;}
-.flex-row {flex-direction: row !important;}
-.flex-column {flex-direction: column !important;}
-.flex-row-reverse {flex-direction: row-reverse !important;}
-.flex-column-reverse {flex-direction: column-reverse !important;}
-.flex-grow-0 {flex-grow: 0 !important;}
-.flex-grow-1 {flex-grow: 1 !important;}
-.flex-md-1{ flex: 1;}
-.flex-md-0{ flex: 0;}
-.flex-shrink-0 {flex-shrink: 0 !important;}
-.flex-shrink-1 {flex-shrink: 1 !important;}
-.flex-wrap {flex-wrap: wrap !important;}
-.flex-nowrap {flex-wrap: nowrap !important;}
-.flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
+.flex-fill {
+  flex: 1 1 auto !important;
+}
+.flex-row {
+  flex-direction: row !important;
+}
+.flex-column {
+  flex-direction: column !important;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+.flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+.flex-grow-0 {
+  flex-grow: 0 !important;
+}
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+.flex-md-1 {
+  flex: 1;
+}
+.flex-md-0 {
+  flex: 0;
+}
+.flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+.flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+.flex-wrap {
+  flex-wrap: wrap !important;
+}
+.flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
 //justify
-.justify-start {justify-content: flex-start !important;}
-.justify-end {justify-content: flex-end !important;}
-.justify-center {justify-content: center !important;}
-.justify-space-between {justify-content: space-between !important;}
-.justify-space-around {justify-content: space-around !important;}
+.justify-start {
+  justify-content: flex-start !important;
+}
+.justify-end {
+  justify-content: flex-end !important;
+}
+.justify-center {
+  justify-content: center !important;
+}
+.justify-space-between {
+  justify-content: space-between !important;
+}
+.justify-space-around {
+  justify-content: space-around !important;
+}
 //align
-.align-start {align-items: flex-start !important;}
-.align-end {align-items: flex-end !important;}
-.align-center {align-items: center !important;}
-.align-baseline {align-items: baseline !important;}
-.align-stretch {align-items: stretch !important;}
+.align-start {
+  align-items: flex-start !important;
+}
+.align-end {
+  align-items: flex-end !important;
+}
+.align-center {
+  align-items: center !important;
+}
+.align-baseline {
+  align-items: baseline !important;
+}
+.align-stretch {
+  align-items: stretch !important;
+}
 //align-content
-.align-content-start {align-content: flex-start !important;}
-.align-content-end {align-content: flex-end !important;}
-.align-content-center {align-content: center !important;}
-.align-content-space-between {align-content: space-between !important;}
-.align-content-space-around {align-content: space-around !important;}
-.align-content-stretch {align-content: stretch !important;}
+.align-content-start {
+  align-content: flex-start !important;
+}
+.align-content-end {
+  align-content: flex-end !important;
+}
+.align-content-center {
+  align-content: center !important;
+}
+.align-content-space-between {
+  align-content: space-between !important;
+}
+.align-content-space-around {
+  align-content: space-around !important;
+}
+.align-content-stretch {
+  align-content: stretch !important;
+}
 // .align-self
-.align-self-auto {align-self: auto !important;}
-.align-self-start {align-self: flex-start !important;}
-.align-self-end {align-self: flex-end !important;}
-.align-self-center {align-self: center !important;}
-.align-self-baseline {align-self: baseline !important;}
-.align-self-stretch {align-self: stretch !important;}
-.flex-1{ flex: 1;}
-.flex-0{ flex: 0;}
-
+.align-self-auto {
+  align-self: auto !important;
+}
+.align-self-start {
+  align-self: flex-start !important;
+}
+.align-self-end {
+  align-self: flex-end !important;
+}
+.align-self-center {
+  align-self: center !important;
+}
+.align-self-baseline {
+  align-self: baseline !important;
+}
+.align-self-stretch {
+  align-self: stretch !important;
+}
+.flex-1 {
+  flex: 1;
+}
+.flex-0 {
+  flex: 0;
+}
 
 @media only screen and (min-width: 800px) {
   // overflow
-  .v-application-md .overflow-md-auto {overflow: auto !important;}
-  .overflow-md-hidden {overflow: hidden !important;}
-  .overflow-md-visible {overflow: visible !important;}
-  .overflow-md-x-auto {overflow-x: auto !important;}
-  .overflow-md-x-hidden {overflow-x: hidden !important;}
-  .overflow-md-y-auto {overflow-y: auto !important;}
-  .overflow-md-y-hidden {overflow-y: hidden !important;}
+  .v-application-md .overflow-md-auto {
+    overflow: auto !important;
+  }
+  .overflow-md-hidden {
+    overflow: hidden !important;
+  }
+  .overflow-md-visible {
+    overflow: visible !important;
+  }
+  .overflow-md-x-auto {
+    overflow-x: auto !important;
+  }
+  .overflow-md-x-hidden {
+    overflow-x: hidden !important;
+  }
+  .overflow-md-y-auto {
+    overflow-y: auto !important;
+  }
+  .overflow-md-y-hidden {
+    overflow-y: hidden !important;
+  }
   //display
-  .d-md-flex {display: flex !important;}
-  .d-md-inline-flex {display: inline-flex !important;}
-  .d-md-none {display: none !important;}
-  .d-md-inline {display: inline !important;}
-  .d-md-inline-block {display: inline-block !important;}
-  .d-md-block {display: block !important;}
-  .d-md-table {display: table !important;}
-  .d-md-table-row {display: table-row !important;}
-  .d-md-table-cell {display: table-cell !important;}
-  .d-md-flex {display: flex !important;}
-  .d-md-inline-flex {display: inline-flex !important;}
+  .d-md-flex {
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-md-none {
+    display: none !important;
+  }
+  .d-md-inline {
+    display: inline !important;
+  }
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+  .d-md-block {
+    display: block !important;
+  }
+  .d-md-table {
+    display: table !important;
+  }
+  .d-md-table-row {
+    display: table-row !important;
+  }
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+  .d-md-flex {
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: inline-flex !important;
+  }
   //float
-  .float-md-none {float: none !important;}
-  .float-md-left {float: left !important;}
-  .float-md-right {float: right !important;}
+  .float-md-none {
+    float: none !important;
+  }
+  .float-md-left {
+    float: left !important;
+  }
+  .float-md-right {
+    float: right !important;
+  }
   //flex
-  .flex-md-fill {flex: 1 1 auto !important;}
-  .flex-md-row {flex-direction: row !important;}
-  .flex-md-column {flex-direction: column !important;}
-  .flex-md-row-reverse {flex-direction: row-reverse !important;}
-  .flex-md-column-reverse {flex-direction: column-reverse !important;}
-  .flex-md-grow-0 {flex-grow: 0 !important;}
-  .flex-md-grow-1 {flex-grow: 1 !important;}
-  .flex-md-1{ flex: 1;}
-  .flex-md-0{ flex: 0;}
-  .flex-md-shrink-0 {flex-shrink: 0 !important;}
-  .flex-md-shrink-1 {flex-shrink: 1 !important;}
-  .flex-md-wrap {flex-wrap: wrap !important;}
-  .flex-md-nowrap {flex-wrap: nowrap !important;}
-  .flex-md-wrap-reverse {flex-wrap: wrap-reverse !important;}
+  .flex-md-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-md-row {
+    flex-direction: row !important;
+  }
+  .flex-md-column {
+    flex-direction: column !important;
+  }
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-md-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-md-1 {
+    flex: 1;
+  }
+  .flex-md-0 {
+    flex: 0;
+  }
+  .flex-md-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-md-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
   // justify
-  .justify-md-end{  justify-content: flex-end !important;}
-  .justify-md-center{ justify-content: flex-start !important;}
-  .justify-md-space-between{ justify-content: space-between !important;}
-  .justify-md-space-around{ justify-content: space-around !important;}
+  .justify-md-end {
+    justify-content: flex-end !important;
+  }
+  .justify-md-center {
+    justify-content: flex-start !important;
+  }
+  .justify-md-space-between {
+    justify-content: space-between !important;
+  }
+  .justify-md-space-around {
+    justify-content: space-around !important;
+  }
   // align
-  .align-md-start{ align-items: flex-start !important;}
-  .align-md-end{align-items: flex-end !important;}
-  .align-md-center{ align-items: center !important;}
-  .align-md-baseline{ align-items: baseline !important;}
-  .align-md-stretch{align-items: stretch !important;}
+  .align-md-start {
+    align-items: flex-start !important;
+  }
+  .align-md-end {
+    align-items: flex-end !important;
+  }
+  .align-md-center {
+    align-items: center !important;
+  }
+  .align-md-baseline {
+    align-items: baseline !important;
+  }
+  .align-md-stretch {
+    align-items: stretch !important;
+  }
   // .align-self
-  .align-self-md-start{ align-self: flex-start !important;}
-  .align-self-md-end{ align-self: flex-end !important;}
-  .align-self-md-center{ align-self: center !important;}
-  .align-self-md-baseline{ align-self: baseline !important;}
-  .align-self-md-auto{ align-self: auto !important;}
-  .align-self-md-stretch{ align-self: stretch !important; }
+  .align-self-md-start {
+    align-self: flex-start !important;
+  }
+  .align-self-md-end {
+    align-self: flex-end !important;
+  }
+  .align-self-md-center {
+    align-self: center !important;
+  }
+  .align-self-md-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-md-auto {
+    align-self: auto !important;
+  }
+  .align-self-md-stretch {
+    align-self: stretch !important;
+  }
   // flex wrap
-  .flex-md-nowrap{   flex-wrap: nowrap !important;}
-  .flex-md-wrap{  flex-wrap: wrap !important;}
-  .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important;}
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
   // align content
-  .align-md-content-start{  align-content: flex-start !important;}
-  .align-md-content-end{  align-content: flex-end !important;}
-  .align-md-content-center{ align-content: center !important;}
-  .align-md-content-space-between{ align-content: space-between !important;}
-  .align-md-content-space-around{ align-content: space-around !important;}
-  .align-md-content-stretch{ align-content: stretch !important;}
+  .align-md-content-start {
+    align-content: flex-start !important;
+  }
+  .align-md-content-end {
+    align-content: flex-end !important;
+  }
+  .align-md-content-center {
+    align-content: center !important;
+  }
+  .align-md-content-space-between {
+    align-content: space-between !important;
+  }
+  .align-md-content-space-around {
+    align-content: space-around !important;
+  }
+  .align-md-content-stretch {
+    align-content: stretch !important;
+  }
 
   @for $i from 0 through 50 {
-      .font-md-#{$i} {
-          font-size: #{$i}px ;
-      }
+    .font-md-#{$i} {
+      font-size: #{$i}px;
+    }
   }
   @for $i from 0 through 10 {
+    $size: $i * 5;
 
-      $size: $i * 5;
-      
-      $properties:
-        "margin" "m",
-        "padding" "p";
-    
-      @each $property, $short in $properties {
-        // all directions
-        .#{$short}a-md-#{$size} {
-          #{$property}-left: #{$size}px !important; 
-          #{$property}-right: #{$size}px !important;
-          #{$property}-top: #{$size}px !important; 
-          #{$property}-bottom: #{$size}px !important;
-        }
-        // top
-        .#{$short}t-md-#{$size} {
-          #{$property}-top: #{$size}px !important
-        }
-        // bottom
-        .#{$short}b-md-#{$size} {
-          #{$property}-bottom: #{$size}px !important
-        }
-        // left
-        .#{$short}l-md-#{$size} {
-          #{$property}-left: #{$size}px!important
-        }
-        // right
-        .#{$short}r-md-#{$size} {
-          #{$property}-right: #{$size}px!important
-        }
-        // left and right
-        .#{$short}x-md-#{$size} {
-          #{$property}-left: #{$size}px!important;
-          #{$property}-right: #{$size}px!important;
-        }
-        // top and bottom
-        .#{$short}y-md-#{$size} {
-          #{$property}-top: #{$size}px !important;
-          #{$property}-bottom: #{$size}px !important;
-        }
-    
+    $properties: "margin" "m", "padding" "p";
+
+    @each $property, $short in $properties {
+      // all directions
+      .#{$short}a-md-#{$size} {
+        #{$property}-left: #{$size}px !important;
+        #{$property}-right: #{$size}px !important;
+        #{$property}-top: #{$size}px !important;
+        #{$property}-bottom: #{$size}px !important;
       }
+      // top
+      .#{$short}t-md-#{$size} {
+        #{$property}-top: #{$size}px !important;
+      }
+      // bottom
+      .#{$short}b-md-#{$size} {
+        #{$property}-bottom: #{$size}px !important;
+      }
+      // left
+      .#{$short}l-md-#{$size} {
+        #{$property}-left: #{$size}px !important;
+      }
+      // right
+      .#{$short}r-md-#{$size} {
+        #{$property}-right: #{$size}px !important;
+      }
+      // left and right
+      .#{$short}x-md-#{$size} {
+        #{$property}-left: #{$size}px !important;
+        #{$property}-right: #{$size}px !important;
+      }
+      // top and bottom
+      .#{$short}y-md-#{$size} {
+        #{$property}-top: #{$size}px !important;
+        #{$property}-bottom: #{$size}px !important;
+      }
+    }
   }
 
+  .width-md-100 {
+    width: 100%;
+  }
+  .width-md-90 {
+    width: 90%;
+  }
+  .width-md-80 {
+    width: 80%;
+  }
+  .width-md-70 {
+    width: 70%;
+  }
+  .width-md-60 {
+    width: 60%;
+  }
+  .width-md-50 {
+    width: 50%;
+  }
+  .width-md-40 {
+    width: 40%;
+  }
+  .width-md-30 {
+    width: 30%;
+  }
+  .width-md-20 {
+    width: 20%;
+  }
+  .width-md-10 {
+    width: 10%;
+  }
 
-.width-md-100{width: 100%;}
-.width-md-90{width: 90%;}
-.width-md-80{width: 80%;}
-.width-md-70{width: 70%;}
-.width-md-60{width: 60%;}
-.width-md-50{width: 50%;}
-.width-md-40{width: 40%;}
-.width-md-30{width: 30%;}
-.width-md-20{width: 20%;}
-.width-md-10{width: 10%;}
-
-.width-md-unset{ width: unset;}
-.height-md-unset{ height: unset !important;}
-
-.max-width-md-100{max-width: 100%;}
-.max-width-md-90{max-width: 90%;}
-.max-width-md-80{max-width: 80%;}
-.max-width-md-70{max-width: 70%;}
-.max-width-md-60{max-width: 60%;}
-.max-width-md-50{max-width: 50%;}
-.max-width-md-40{max-width: 40%;}
-.max-width-md-35{max-width: 35%;}
-.max-width-md-30{max-width: 30%;}
-.max-width-md-20{max-width: 20%;}
-.max-width-md-10{max-width: 10%;}
+  .width-md-unset {
+    width: unset;
+  }
+  .height-md-unset {
+    height: unset !important;
+  }
 
+  .max-width-md-100 {
+    max-width: 100%;
+  }
+  .max-width-md-90 {
+    max-width: 90%;
+  }
+  .max-width-md-80 {
+    max-width: 80%;
+  }
+  .max-width-md-70 {
+    max-width: 70%;
+  }
+  .max-width-md-60 {
+    max-width: 60%;
+  }
+  .max-width-md-50 {
+    max-width: 50%;
+  }
+  .max-width-md-40 {
+    max-width: 40%;
+  }
+  .max-width-md-35 {
+    max-width: 35%;
+  }
+  .max-width-md-30 {
+    max-width: 30%;
+  }
+  .max-width-md-20 {
+    max-width: 20%;
+  }
+  .max-width-md-10 {
+    max-width: 10%;
+  }
 }
 
 @media only screen and (min-width: 1366px) {
   // overflow
-  .v-application-lg .overflow-md-auto {overflow: auto !important;}
-  .overflow-lg-hidden {overflow: hidden !important;}
-  .overflow-lg-visible {overflow: visible !important;}
-  .overflow-lg-x-auto {overflow-x: auto !important;}
-  .overflow-lg-x-hidden {overflow-x: hidden !important;}
-  .overflow-lg-y-auto {overflow-y: auto !important;}
-  .overflow-lg-y-hidden {overflow-y: hidden !important;}
+  .v-application-lg .overflow-md-auto {
+    overflow: auto !important;
+  }
+  .overflow-lg-hidden {
+    overflow: hidden !important;
+  }
+  .overflow-lg-visible {
+    overflow: visible !important;
+  }
+  .overflow-lg-x-auto {
+    overflow-x: auto !important;
+  }
+  .overflow-lg-x-hidden {
+    overflow-x: hidden !important;
+  }
+  .overflow-lg-y-auto {
+    overflow-y: auto !important;
+  }
+  .overflow-lg-y-hidden {
+    overflow-y: hidden !important;
+  }
   //display
-  .d-lg-flex {display: flex !important;}
-  .d-lg-inline-flex {display: inline-flex !important;}
-  .d-lg-none {display: none !important;}
-  .d-lg-inline {display: inline !important;}
-  .d-lg-inline-block {display: inline-block !important;}
-  .d-lg-block {display: block !important;}
-  .d-lg-table {display: table !important;}
-  .d-lg-table-row {display: table-row !important;}
-  .d-lg-table-cell {display: table-cell !important;}
-  .d-lg-flex {display: flex !important;}
-  .d-lg-inline-flex {display: inline-flex !important;}
+  .d-lg-flex {
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-lg-none {
+    display: none !important;
+  }
+  .d-lg-inline {
+    display: inline !important;
+  }
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+  .d-lg-block {
+    display: block !important;
+  }
+  .d-lg-table {
+    display: table !important;
+  }
+  .d-lg-table-row {
+    display: table-row !important;
+  }
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+  .d-lg-flex {
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: inline-flex !important;
+  }
   //float
-  .float-lg-none {float: none !important;}
-  .float-lg-left {float: left !important;}
-  .float-lg-right {float: right !important;}
+  .float-lg-none {
+    float: none !important;
+  }
+  .float-lg-left {
+    float: left !important;
+  }
+  .float-lg-right {
+    float: right !important;
+  }
   //flex
-  .flex-lg-fill {flex: 1 1 auto !important;}
-  .flex-lg-row {flex-direction: row !important;}
-  .flex-lg-column {flex-direction: column !important;}
-  .flex-lg-row-reverse {flex-direction: row-reverse !important;}
-  .flex-lg-column-reverse {flex-direction: column-reverse !important;}
-  .flex-lg-grow-0 {flex-grow: 0 !important;}
-  .flex-lg-grow-1 {flex-grow: 1 !important;}
-  .flex-lg-1{ flex: 1;}
-  .flex-lg-0{ flex: 0;}
-  .flex-lg-shrink-0 {flex-shrink: 0 !important;}
-  .flex-lg-shrink-1 {flex-shrink: 1 !important;}
-  .flex-lg-wrap {flex-wrap: wrap !important;}
-  .flex-lg-nowrap {flex-wrap: nowrap !important;}
-  .flex-lg-wrap-reverse {flex-wrap: wrap-reverse !important;}
+  .flex-lg-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-row {
+    flex-direction: row !important;
+  }
+  .flex-lg-column {
+    flex-direction: column !important;
+  }
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-lg-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-lg-1 {
+    flex: 1;
+  }
+  .flex-lg-0 {
+    flex: 0;
+  }
+  .flex-lg-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-lg-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
   // justify
-  .justify-lg-end{  justify-content: flex-end !important;}
-  .justify-lg-center{ justify-content: flex-start !important;}
-  .justify-lg-space-between{ justify-content: space-between !important;}
-  .justify-lg-space-around{ justify-content: space-around !important;}
+  .justify-lg-end {
+    justify-content: flex-end !important;
+  }
+  .justify-lg-center {
+    justify-content: flex-start !important;
+  }
+  .justify-lg-space-between {
+    justify-content: space-between !important;
+  }
+  .justify-lg-space-around {
+    justify-content: space-around !important;
+  }
   // align
-  .align-lg-start{ align-items: flex-start !important;}
-  .align-lg-end{align-items: flex-end !important;}
-  .align-lg-center{ align-items: center !important;}
-  .align-lg-baseline{ align-items: baseline !important;}
-  .align-lg-stretch{align-items: stretch !important;}
+  .align-lg-start {
+    align-items: flex-start !important;
+  }
+  .align-lg-end {
+    align-items: flex-end !important;
+  }
+  .align-lg-center {
+    align-items: center !important;
+  }
+  .align-lg-baseline {
+    align-items: baseline !important;
+  }
+  .align-lg-stretch {
+    align-items: stretch !important;
+  }
   // .align-self
-  .align-self-lg-start{ align-self: flex-start !important;}
-  .align-self-lg-end{ align-self: flex-end !important;}
-  .align-self-lg-center{ align-self: center !important;}
-  .align-self-lg-baseline{ align-self: baseline !important;}
-  .align-self-lg-auto{ align-self: auto !important;}
-  .align-self-lg-stretch{ align-self: stretch !important; }
+  .align-self-lg-start {
+    align-self: flex-start !important;
+  }
+  .align-self-lg-end {
+    align-self: flex-end !important;
+  }
+  .align-self-lg-center {
+    align-self: center !important;
+  }
+  .align-self-lg-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-lg-auto {
+    align-self: auto !important;
+  }
+  .align-self-lg-stretch {
+    align-self: stretch !important;
+  }
   // flex wrap
-  .flex-lg-nowrap{   flex-wrap: nowrap !important;}
-  .flex-lg-wrap{  flex-wrap: wrap !important;}
-  .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important;}
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
   // align content
-  .align-lg-content-start{  align-content: flex-start !important;}
-  .align-lg-content-end{  align-content: flex-end !important;}
-  .align-lg-content-center{ align-content: center !important;}
-  .align-lg-content-space-between{ align-content: space-between !important;}
-  .align-lg-content-space-around{ align-content: space-around !important;}
-  .align-lg-content-stretch{ align-content: stretch !important;}
+  .align-lg-content-start {
+    align-content: flex-start !important;
+  }
+  .align-lg-content-end {
+    align-content: flex-end !important;
+  }
+  .align-lg-content-center {
+    align-content: center !important;
+  }
+  .align-lg-content-space-between {
+    align-content: space-between !important;
+  }
+  .align-lg-content-space-around {
+    align-content: space-around !important;
+  }
+  .align-lg-content-stretch {
+    align-content: stretch !important;
+  }
 
-  .width-lg-unset{ width: unset;}
-  .height-lg-unset{ height: unset !important;}
+  .width-lg-unset {
+    width: unset;
+  }
+  .height-lg-unset {
+    height: unset !important;
+  }
 
   @for $i from 0 through 50 {
     .font-lg-#{$i} {
-        font-size: #{$i}px ;
+      font-size: #{$i}px;
     }
   }
   @for $i from 0 through 10 {
-
-      $size: $i * 5;
-      
-      $properties:
-        "margin" "m",
-        "padding" "p";
-    
-      @each $property, $short in $properties {
-        // all directions
-        .#{$short}a-lg-#{$size} {
-          #{$property}-left: #{$size}px !important; 
-          #{$property}-right: #{$size}px !important;
-          #{$property}-top: #{$size}px !important; 
-          #{$property}-bottom: #{$size}px !important;
-        }
-        // top
-        .#{$short}t-lg-#{$size} {
-          #{$property}-top: #{$size}px !important
-        }
-        // bottom
-        .#{$short}b-lg-#{$size} {
-          #{$property}-bottom: #{$size}px !important
-        }
-        // left
-        .#{$short}l-lg-#{$size} {
-          #{$property}-left: #{$size}px!important
-        }
-        // right
-        .#{$short}r-lg-#{$size} {
-          #{$property}-right: #{$size}px!important
-        }
-        // left and right
-        .#{$short}x-lg-#{$size} {
-          #{$property}-left: #{$size}px!important;
-          #{$property}-right: #{$size}px!important;
-        }
-        // top and bottom
-        .#{$short}y-lg-#{$size} {
-          #{$property}-top: #{$size}px !important;
-          #{$property}-bottom: #{$size}px !important;
-        }
-    
-      }
-  }
-}
-
-.m-l-auto {margin-left: auto;}
-.m-auto {margin: 0 auto;}
-.ml-auto, .mx-auto {margin-left: auto!important;}
-.mr-auto, .mx-auto {margin-right: auto!important;}
-
-.text-bold {font-weight: 700;}
-.text-bold {font-weight: 700;}
-
-.text-blue {color: #0d89d1;}
-.text-red {color: #d30a0a;}
-.text-dark-blue {color: #061b52;}
-.text-grey {color: #797979;}
-.text-white {color: white;}
-.text-black {color: black;}
-
-.background-blue {background-color: #0d89d1;}
-.background-red {background: #d30a0a;}
-.background-dark-blue {background: #061b52;}
-.background-grey {background: #797979;}
-.background-white {background: white;}
-.background-black {background: black;}
-
-.text-center {text-align: center;}
-.tex-left{ text-align: left;}
-.text-right{text-align: right;}
-
-.width-100{width: 100%;}
-.width-90{width: 90%;}
-.width-80{width: 80%;}
-.width-70{width: 70%;}
-.width-60{width: 60%;}
-.width-50{width: 50%;}
-.width-45{width: 45%;}
-.width-40{width: 40%;}
-.width-30{width: 30%;}
-.width-20{width: 20%;}
-.width-10{width: 10%;}
-
-
-.max-width-100{max-width: 100%;}
-.max-width-90{max-width: 90%;}
-.max-width-80{max-width: 80%;}
-.max-width-70{max-width: 70%;}
-.max-width-60{max-width: 60%;}
-.max-width-65{max-width: 65%;}
-.max-width-50{max-width: 50%;}
-.max-width-45{max-width: 45%;}
-.max-width-40{max-width: 40%;}
-.max-width-35{max-width: 35%;}
-.max-width-30{max-width: 30%;}
-.max-width-20{max-width: 20%;}
-.max-width-10{max-width: 10%;}
-
-
-.height-100{height: 100%;}
-.height-90{height: 90%;}
-.height-80{height: 80%;}
-.height-70{width: 70%;}
-.height-60{height: 60%;}
-.height-50{height: 50%;}
-.height-40{height: 40%;}
-.height-30{height: 30%;}
-.height-20{height: 20%;}
-.height-10{height: 10%;}
-
-.height-unset{ height: unset;}
-.width-unset{ width: unset;}
-
-.height-fit-content{height: fit-content;}
-
-
-.border-t-radius{
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
-}
-.border-b-radius{
-    border-bottom-left-radius: 25px;
-    border-bottom-right-radius: 25px;
-}
-
-
-
-// system spacing
-
-
-@for $i from 0 through 10 {
-
     $size: $i * 5;
-    
-    $properties:
-      "margin" "m",
-      "padding" "p";
-  
+
+    $properties: "margin" "m", "padding" "p";
+
     @each $property, $short in $properties {
       // all directions
-      .#{$short}a-#{$size} {
-        #{$property}-left: #{$size}px !important; 
+      .#{$short}a-lg-#{$size} {
+        #{$property}-left: #{$size}px !important;
         #{$property}-right: #{$size}px !important;
-        #{$property}-top: #{$size}px !important; 
-        #{$property}-bottom: #{$size}px !important;
-      }
-      // top
-      .#{$short}t-#{$size} {
-        #{$property}-top: #{$size}px !important
-      }
-      // bottom
-      .#{$short}b-#{$size} {
-        #{$property}-bottom: #{$size}px !important
-      }
-      // left
-      .#{$short}l-#{$size} {
-        #{$property}-left: #{$size}px!important
-      }
-      // right
-      .#{$short}r-#{$size} {
-        #{$property}-right: #{$size}px!important
-      }
-      // left and right
-      .#{$short}x-#{$size} {
-        #{$property}-left: #{$size}px!important;
-        #{$property}-right: #{$size}px!important;
-      }
-      // top and bottom
-      .#{$short}y-#{$size} {
         #{$property}-top: #{$size}px !important;
         #{$property}-bottom: #{$size}px !important;
       }
-  
+      // top
+      .#{$short}t-lg-#{$size} {
+        #{$property}-top: #{$size}px !important;
+      }
+      // bottom
+      .#{$short}b-lg-#{$size} {
+        #{$property}-bottom: #{$size}px !important;
+      }
+      // left
+      .#{$short}l-lg-#{$size} {
+        #{$property}-left: #{$size}px !important;
+      }
+      // right
+      .#{$short}r-lg-#{$size} {
+        #{$property}-right: #{$size}px !important;
+      }
+      // left and right
+      .#{$short}x-lg-#{$size} {
+        #{$property}-left: #{$size}px !important;
+        #{$property}-right: #{$size}px !important;
+      }
+      // top and bottom
+      .#{$short}y-lg-#{$size} {
+        #{$property}-top: #{$size}px !important;
+        #{$property}-bottom: #{$size}px !important;
+      }
     }
   }
+}
 
+.m-l-auto {
+  margin-left: auto;
+}
+.m-auto {
+  margin: 0 auto;
+}
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important;
+}
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important;
+}
+
+.text-bold {
+  font-weight: 700;
+}
+.text-bold {
+  font-weight: 700;
+}
+
+.text-blue {
+  color: #0d89d1;
+}
+.text-red {
+  color: #d30a0a;
+}
+.text-dark-blue {
+  color: #061b52;
+}
+.text-grey {
+  color: #797979;
+}
+.text-white {
+  color: white;
+}
+.text-black {
+  color: black;
+}
+
+.background-blue {
+  background-color: #0d89d1;
+}
+.background-red {
+  background: #d30a0a;
+}
+.background-dark-blue {
+  background: #061b52;
+}
+.background-grey {
+  background: #797979;
+}
+.background-white {
+  background: white;
+}
+.background-black {
+  background: black;
+}
+
+.text-center {
+  text-align: center;
+}
+.tex-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+
+.width-100 {
+  width: 100%;
+}
+.width-90 {
+  width: 90%;
+}
+.width-80 {
+  width: 80%;
+}
+.width-70 {
+  width: 70%;
+}
+.width-60 {
+  width: 60%;
+}
+.width-50 {
+  width: 50%;
+}
+.width-45 {
+  width: 45%;
+}
+.width-40 {
+  width: 40%;
+}
+.width-30 {
+  width: 30%;
+}
+.width-20 {
+  width: 20%;
+}
+.width-10 {
+  width: 10%;
+}
+
+.max-width-100 {
+  max-width: 100%;
+}
+.max-width-90 {
+  max-width: 90%;
+}
+.max-width-80 {
+  max-width: 80%;
+}
+.max-width-70 {
+  max-width: 70%;
+}
+.max-width-60 {
+  max-width: 60%;
+}
+.max-width-65 {
+  max-width: 65%;
+}
+.max-width-50 {
+  max-width: 50%;
+}
+.max-width-45 {
+  max-width: 45%;
+}
+.max-width-40 {
+  max-width: 40%;
+}
+.max-width-35 {
+  max-width: 35%;
+}
+.max-width-30 {
+  max-width: 30%;
+}
+.max-width-20 {
+  max-width: 20%;
+}
+.max-width-10 {
+  max-width: 10%;
+}
+
+.height-100 {
+  height: 100%;
+}
+.height-90 {
+  height: 90%;
+}
+.height-80 {
+  height: 80%;
+}
+.height-70 {
+  width: 70%;
+}
+.height-60 {
+  height: 60%;
+}
+.height-50 {
+  height: 50%;
+}
+.height-40 {
+  height: 40%;
+}
+.height-30 {
+  height: 30%;
+}
+.height-20 {
+  height: 20%;
+}
+.height-10 {
+  height: 10%;
+}
+
+.height-unset {
+  height: unset;
+}
+.width-unset {
+  width: unset;
+}
+
+.height-fit-content {
+  height: fit-content;
+}
+
+@media only screen and (min-width: 1224px) {
+  .border-t-radius {
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+  }
+}
+
+@media only screen and (min-width: 321px) {
+  .border-t-radius {
+
+  }
+}
+.border-b-radius {
+  border-bottom-left-radius: 25px;
+  border-bottom-right-radius: 25px;
+}
+
+// system spacing
+
+@for $i from 0 through 10 {
+  $size: $i * 5;
+
+  $properties: "margin" "m", "padding" "p";
+
+  @each $property, $short in $properties {
+    // all directions
+    .#{$short}a-#{$size} {
+      #{$property}-left: #{$size}px !important;
+      #{$property}-right: #{$size}px !important;
+      #{$property}-top: #{$size}px !important;
+      #{$property}-bottom: #{$size}px !important;
+    }
+    // top
+    .#{$short}t-#{$size} {
+      #{$property}-top: #{$size}px !important;
+    }
+    // bottom
+    .#{$short}b-#{$size} {
+      #{$property}-bottom: #{$size}px !important;
+    }
+    // left
+    .#{$short}l-#{$size} {
+      #{$property}-left: #{$size}px !important;
+    }
+    // right
+    .#{$short}r-#{$size} {
+      #{$property}-right: #{$size}px !important;
+    }
+    // left and right
+    .#{$short}x-#{$size} {
+      #{$property}-left: #{$size}px !important;
+      #{$property}-right: #{$size}px !important;
+    }
+    // top and bottom
+    .#{$short}y-#{$size} {
+      #{$property}-top: #{$size}px !important;
+      #{$property}-bottom: #{$size}px !important;
+    }
+  }
+}
 
 @for $i from 0 through 50 {
-    .font-#{$i} {
-        font-size: #{$i}px ;
-    }
+  .font-#{$i} {
+    font-size: #{$i}px;
+  }
 }
 
 .cursor-pointer {
   cursor: pointer;
-} 
\ No newline at end of file
+}

From 38f741562f60b3ce091f344e3b2cee1b28ce13bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eudes=20In=C3=A1cio?= <eudes.inacio@equilibrium.local>
Date: Wed, 27 Oct 2021 13:49:41 +0100
Subject: [PATCH 4/9] Anexar documento text color changed and on chat contact
 color and search icon color changed

---
 src/app/modals/document-detail/document-detail.page.scss      | 2 +-
 src/app/modals/forward/forward.page.scss                      | 2 +-
 src/app/pages/chat/messages/contacts/contacts.page.scss       | 4 ++--
 src/app/pages/events/edit-event/edit-event.page.scss          | 2 +-
 .../despachos-pr/despacho-pr/despacho-pr.page.scss            | 2 +-
 .../gabinete-digital/despachos/despacho/despacho.page.scss    | 2 +-
 .../diploma-assinar/diploma-assinar.page.scss                 | 2 +-
 .../pages/gabinete-digital/diplomas/diploma/diploma.page.scss | 2 +-
 .../book-meeting-modal/book-meeting-modal.page.scss           | 2 +-
 .../expedient-task-modal/expedient-task-modal.page.scss       | 2 +-
 .../expediente/expediente-detail/expediente-detail.page.scss  | 2 +-
 .../expedientes-pr/expediente-pr/expediente-pr.page.scss      | 2 +-
 .../pages/gabinete-digital/pedidos/pedido/pedido.page.scss    | 2 +-
 .../publications/new-publication/new-publication.page.scss    | 2 +-
 src/app/services/events/edit-event/edit-event.page.scss       | 2 +-
 src/app/shared/agenda/approve-event/approve-event.page.scss   | 2 +-
 .../edit-event-to-approve/edit-event-to-approve.page.scss     | 2 +-
 src/app/shared/agenda/edit-event/edit-event.page.scss         | 2 +-
 src/app/shared/agenda/new-event/new-event.page.scss           | 2 +-
 src/app/shared/agenda/view-event/view-event.page.scss         | 2 +-
 src/app/shared/chat/messages/contacts/contacts.page.scss      | 4 ++--
 .../edit-event-to-approve/edit-event.page.scss                | 2 +-
 .../generic/task-details/task-details.page.scss               | 2 +-
 .../publication/new-publication/new-publication.page.scss     | 2 +-
 24 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/app/modals/document-detail/document-detail.page.scss b/src/app/modals/document-detail/document-detail.page.scss
index 7cddfaadf..e69376b4c 100644
--- a/src/app/modals/document-detail/document-detail.page.scss
+++ b/src/app/modals/document-detail/document-detail.page.scss
@@ -130,7 +130,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
diff --git a/src/app/modals/forward/forward.page.scss b/src/app/modals/forward/forward.page.scss
index c6fc0f6da..3a4a64875 100644
--- a/src/app/modals/forward/forward.page.scss
+++ b/src/app/modals/forward/forward.page.scss
@@ -77,7 +77,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
       margin: 5px 5px 5px 10px;
       padding: 5px;
       float: left;
diff --git a/src/app/pages/chat/messages/contacts/contacts.page.scss b/src/app/pages/chat/messages/contacts/contacts.page.scss
index a50120cba..157f8d7c9 100644
--- a/src/app/pages/chat/messages/contacts/contacts.page.scss
+++ b/src/app/pages/chat/messages/contacts/contacts.page.scss
@@ -71,7 +71,7 @@
      --border-radius: 5px;
      --box-shadow: none;
      overflow: hidden;
-     --icon-color:#0d89d1;
+     --icon-color: var( --font-awesome);
    }
  
  }
@@ -107,7 +107,7 @@
         margin: 0 !important;
         width: 90%;
         font-size: 15px;
-        color: #0d89d1;
+        color: var(--title-text-color);
         float: left;
      }
      .item-user .icon{
diff --git a/src/app/pages/events/edit-event/edit-event.page.scss b/src/app/pages/events/edit-event/edit-event.page.scss
index 0224ee793..69f54a2a0 100644
--- a/src/app/pages/events/edit-event/edit-event.page.scss
+++ b/src/app/pages/events/edit-event/edit-event.page.scss
@@ -91,7 +91,7 @@
         }
         .attach-document{
           font-size: 15px;
-          color: #0d89d1;
+          color: var(--title-text-color);
           margin: 5px 5px 5px 10px;
           padding: 5px;
           float: left;
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 089feddae..19779f9bc 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
@@ -132,7 +132,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
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 686e62d8f..1526a1154 100644
--- a/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.scss
+++ b/src/app/pages/gabinete-digital/despachos/despacho/despacho.page.scss
@@ -91,7 +91,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
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 9e023d87a..7cb38f87d 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
@@ -151,7 +151,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
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 7e0df6d1a..4ad9a6faa 100644
--- a/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.scss
+++ b/src/app/pages/gabinete-digital/diplomas/diploma/diploma.page.scss
@@ -133,7 +133,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
diff --git a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.scss b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.scss
index 24d21b73b..8d00c7cde 100644
--- a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.scss
+++ b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.scss
@@ -74,7 +74,7 @@
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
diff --git a/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.scss b/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.scss
index c082ed853..161e89228 100644
--- a/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.scss
+++ b/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.scss
@@ -78,7 +78,7 @@
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
   }
 
   .attach-title-item{
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 c60efcf8a..8f8a6042f 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
@@ -131,7 +131,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
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 2402864da..f0ff4a797 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
@@ -131,7 +131,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
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 2a232317f..4f3aea66d 100644
--- a/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.scss
+++ b/src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.scss
@@ -97,7 +97,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
diff --git a/src/app/pages/publications/new-publication/new-publication.page.scss b/src/app/pages/publications/new-publication/new-publication.page.scss
index e75e9c30b..282f5cd02 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.scss
+++ b/src/app/pages/publications/new-publication/new-publication.page.scss
@@ -113,7 +113,7 @@ font-size: 25px;
 
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 20px 10px;
     padding: 5px;
     float: left;
diff --git a/src/app/services/events/edit-event/edit-event.page.scss b/src/app/services/events/edit-event/edit-event.page.scss
index 0224ee793..69f54a2a0 100644
--- a/src/app/services/events/edit-event/edit-event.page.scss
+++ b/src/app/services/events/edit-event/edit-event.page.scss
@@ -91,7 +91,7 @@
         }
         .attach-document{
           font-size: 15px;
-          color: #0d89d1;
+          color: var(--title-text-color);
           margin: 5px 5px 5px 10px;
           padding: 5px;
           float: left;
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 16e0df76b..a3c0500fd 100644
--- a/src/app/shared/agenda/approve-event/approve-event.page.scss
+++ b/src/app/shared/agenda/approve-event/approve-event.page.scss
@@ -93,7 +93,7 @@
       }
       .attach-document{
         font-size: 15px;
-        color: #0d89d1;
+        color: var(--title-text-color);
         margin: 5px 5px 5px 10px;
         padding: 5px;
         float: left;
diff --git a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss
index 182551484..974b7236f 100644
--- a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss
+++ b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss
@@ -91,7 +91,7 @@
         }
         .attach-document{
           font-size: 15px;
-          color: #0d89d1;
+          color: var(--title-text-color);
           margin: 5px 5px 5px 10px;
           padding: 5px;
           float: left;
diff --git a/src/app/shared/agenda/edit-event/edit-event.page.scss b/src/app/shared/agenda/edit-event/edit-event.page.scss
index e91c29131..e7613134d 100644
--- a/src/app/shared/agenda/edit-event/edit-event.page.scss
+++ b/src/app/shared/agenda/edit-event/edit-event.page.scss
@@ -103,7 +103,7 @@ ion-content{
       }
       .attach-document{
         font-size: 15px;
-        color: #0d89d1;
+        color: var(--title-text-color);
         margin: 5px 5px 5px 10px;
         padding: 5px;
         float: left;
diff --git a/src/app/shared/agenda/new-event/new-event.page.scss b/src/app/shared/agenda/new-event/new-event.page.scss
index 0e05a84b1..8eeb1f499 100644
--- a/src/app/shared/agenda/new-event/new-event.page.scss
+++ b/src/app/shared/agenda/new-event/new-event.page.scss
@@ -106,7 +106,7 @@
       }
       .attach-document{
         font-size: 15px;
-        color: #0d89d1;
+        color: var(--title-text-color);
         margin: 5px 5px 5px 10px;
         padding: 5px;
         float: left;
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 81059a609..4f044aa5f 100644
--- a/src/app/shared/agenda/view-event/view-event.page.scss
+++ b/src/app/shared/agenda/view-event/view-event.page.scss
@@ -163,7 +163,7 @@ ion-content{
         }
         .attach-document{
           font-size: 15px;
-          color: #0d89d1;
+          color: var(--title-text-color);
           margin: 5px 5px 5px 10px;
           padding: 5px;
           float: left;
diff --git a/src/app/shared/chat/messages/contacts/contacts.page.scss b/src/app/shared/chat/messages/contacts/contacts.page.scss
index 24392c458..55c867f4c 100644
--- a/src/app/shared/chat/messages/contacts/contacts.page.scss
+++ b/src/app/shared/chat/messages/contacts/contacts.page.scss
@@ -71,7 +71,7 @@
      --border-radius: 5px;
      --box-shadow: none;
      overflow: hidden;
-     --icon-color:#0d89d1;
+     --icon-color:var( --font-awesome);
    }
  
  }
@@ -107,7 +107,7 @@
         margin: 0 !important;
         width: 90%;
         font-size: 15px;
-        color: #0d89d1;
+        color: var(--title-text-color);
         float: left;
      }
      .item-user .icon{
diff --git a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss
index f52dd4e07..756e96fd5 100644
--- a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss
+++ b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss
@@ -91,7 +91,7 @@
       }
       .attach-document{
         font-size: 15px;
-        color: #0d89d1;
+        color: var(--title-text-color);
         margin: 5px 5px 5px 10px;
         padding: 5px;
         float: left;
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 592d2c19e..818bde4da 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
@@ -91,7 +91,7 @@ ion-button{
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;
diff --git a/src/app/shared/publication/new-publication/new-publication.page.scss b/src/app/shared/publication/new-publication/new-publication.page.scss
index 79762d048..46fd6d940 100644
--- a/src/app/shared/publication/new-publication/new-publication.page.scss
+++ b/src/app/shared/publication/new-publication/new-publication.page.scss
@@ -113,7 +113,7 @@ font-size: 25px;
 
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 20px 10px;
     padding: 5px;
     float: left;

From f0a44ef5838af5085342d239ea5c9a567154cede Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eudes=20In=C3=A1cio?= <eudes.inacio@equilibrium.local>
Date: Wed, 27 Oct 2021 14:05:03 +0100
Subject: [PATCH 5/9] chat create group button color change and houver on
 actions

---
 src/app/pages/publications/publications.page.scss | 1 +
 src/app/shared/chat/new-group/new-group.page.scss | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/publications/publications.page.scss b/src/app/pages/publications/publications.page.scss
index 5cb817ed6..c98ad9b40 100644
--- a/src/app/pages/publications/publications.page.scss
+++ b/src/app/pages/publications/publications.page.scss
@@ -174,6 +174,7 @@ ion-toolbar{
   .item-active{
     background-color: var(--gabinete-active-hove-background) !important;
     color: #fff !important;
+    pointer-events: none;
   }
 
   .item:hover{
diff --git a/src/app/shared/chat/new-group/new-group.page.scss b/src/app/shared/chat/new-group/new-group.page.scss
index f7486d5fc..fa33e3e9f 100644
--- a/src/app/shared/chat/new-group/new-group.page.scss
+++ b/src/app/shared/chat/new-group/new-group.page.scss
@@ -69,7 +69,7 @@ ion-content{
         padding: 0!important;
         float: right;
         font-size: 15px;
-        color: #0782c9;
+        color: var(--font-awesome);
         margin: 8px 5px 0 5px;
       }
       .right{

From 42a930cb82bd1209a91aa52e4d508d2b7a0ec73a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eudes=20In=C3=A1cio?= <eudes.inacio@equilibrium.local>
Date: Wed, 27 Oct 2021 14:30:53 +0100
Subject: [PATCH 6/9] group add contact color changed

---
 .../group-contacts/group-contacts.page.scss            | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.scss b/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.scss
index b28c08b5b..5c79cb69a 100644
--- a/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.scss
+++ b/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.scss
@@ -45,7 +45,7 @@
       padding: 0!important;
       float: right;
       font-size: 15px;
-      color: #0782c9;
+      color: var(--font-awesome);
       margin: 8px 5px 0 5px;
     }
      .title{
@@ -71,7 +71,7 @@
      --border-radius: 5px;
      --box-shadow: none;
      overflow: hidden;
-     --icon-color:#0d89d1;
+     --icon-color:var(--font-awesome);
    }
  }
 
@@ -142,15 +142,15 @@
      }
  
      .item-checkbox ion-checkbox, .members-checkbox ion-checkbox{
-         --border-color: #0d89d1;
-         --background-checked:#0d89d1;
+         --border-color: var(--title-text-color);
+         --background-checked:var(--title-text-color);
          float: left;
      }
  
      .item-checkbox ion-label, .members-checkbox p{
          padding-left: 10px;
          font-size: 15px;
-         color: #0d89d1;
+         color: var(--title-text-color);
          float: left;
          flex-grow: 1;
      }

From 934c998cded50aa80fbbd934db64e233a45eb04d Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Wed, 27 Oct 2021 14:42:10 +0100
Subject: [PATCH 7/9] Fix

---
 .../create-process/create-process.page.html   |  8 ++--
 src/app/modals/forward/forward.page.html      |  4 +-
 .../agenda/new-event/new-event.page.html      |  8 ++--
 src/app/pages/events/events.page.html         |  2 +
 src/app/pages/events/events.page.ts           |  9 ++++
 .../book-meeting-modal.page.html              |  4 +-
 .../expedient-task-modal.page.html            |  8 ++--
 .../new-publication/new-publication.page.html |  7 ++-
 .../new-publication/new-publication.page.ts   |  4 +-
 .../view-publications.page.html               |  2 +-
 src/app/pages/search/search.page.html         |  2 +-
 .../approve-event/approve-event.page.html     |  2 +-
 .../edit-event-to-approve.page.html           |  4 +-
 .../agenda/new-event/new-event.page.html      |  8 ++--
 .../chat/messages/contacts/contacts.page.html |  2 +-
 .../new-group/contacts/contacts.page.html     |  2 +-
 .../task-details/task-details.page.html       |  2 +-
 .../publication-detail.page.html              |  4 +-
 .../view-publications.page.html               |  6 +--
 .../images/theme/gov/icons-add-photo.svg      |  8 ++++
 .../images/theme/gov/icons-add-photos.svg     |  9 ++++
 src/assets/www/pdfjs/build/pdf.js             | 10 +---
 src/assets/www/pdfjs/build/pdf.worker.js      | 12 ++---
 src/assets/www/pdfjs/web/viewer.html          | 46 +++++++++++++++----
 src/theme/variables.scss                      |  5 ++
 25 files changed, 116 insertions(+), 62 deletions(-)
 create mode 100644 src/assets/images/theme/gov/icons-add-photo.svg
 create mode 100644 src/assets/images/theme/gov/icons-add-photos.svg

diff --git a/src/app/modals/create-process/create-process.page.html b/src/app/modals/create-process/create-process.page.html
index eb74210c0..fa243a83f 100644
--- a/src/app/modals/create-process/create-process.page.html
+++ b/src/app/modals/create-process/create-process.page.html
@@ -91,7 +91,7 @@
             <div class="ion-icon-class">
               <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
             </div>
-            <div class="ion-input-class-no-height" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
+            <div class="ion-input-class-no-height cursor-pointer" (click)="addParticipants();" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
               <div class="list-people">
                 <ion-item lines="none">
                   <ion-list>
@@ -100,7 +100,7 @@
                   </ion-list>
                 </ion-item>
               </div>
-              <div class="add-people" (click)="addParticipants();">
+              <div class="add-people" >
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
               </div>
@@ -113,7 +113,7 @@
             <div class="ion-icon-class">
               <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
             </div>
-            <div class="ion-input-class-no-height">
+            <div class="ion-input-class-no-height cursor-pointer" (click)="addParticipantsCc();">
               <div class="list-people">
                 <ion-item lines="none">
                   <ion-list>
@@ -122,7 +122,7 @@
                   </ion-list>
                 </ion-item>
               </div>
-              <div class="add-people" (click)="addParticipantsCc();">
+              <div class="add-people" >
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
               </div>
diff --git a/src/app/modals/forward/forward.page.html b/src/app/modals/forward/forward.page.html
index 36f6748ce..f930fed65 100644
--- a/src/app/modals/forward/forward.page.html
+++ b/src/app/modals/forward/forward.page.html
@@ -14,7 +14,7 @@
             <div class="ion-icon-class">
               <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
             </div>
-            <div class="ion-input-class-no-height">
+            <div class="ion-input-class-no-height cursor-pointer" (click)="addParticipants()">
               <div class="list-people">
                 <ion-item lines="none">
                   <ion-list>
@@ -23,7 +23,7 @@
                   </ion-list>
                 </ion-item>
               </div>
-              <div class="add-people" (click)="addParticipants()">
+              <div class="add-people" >
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' "  slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
               </div>
diff --git a/src/app/pages/agenda/new-event/new-event.page.html b/src/app/pages/agenda/new-event/new-event.page.html
index 722c2ef6b..1a6b55b81 100644
--- a/src/app/pages/agenda/new-event/new-event.page.html
+++ b/src/app/pages/agenda/new-event/new-event.page.html
@@ -193,7 +193,7 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
         </div>
-        <div  class="ion-input-class-no-height" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
+        <div  class="ion-input-class-no-height cursor-pointer"  (click)="addParticipants()" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
           <div class="list-people">
             <ion-item lines="none">
               <ion-list>
@@ -208,7 +208,7 @@
                 </ion-list>
             </ion-item>
           </div>
-          <div (click)="addParticipants()" class="add-people cursor-pointer">
+          <div  class="add-people cursor-pointer">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
           </div>
@@ -221,7 +221,7 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
         </div>
-        <div class="ion-input-class-no-height">
+        <div class="ion-input-class-no-height cursor-pointer" (click)="addParticipantsCC()">
           <div class="list-people">
             <ion-item lines="none">
               <ion-list>
@@ -236,7 +236,7 @@
                 </ion-list>
             </ion-item>
           </div>
-          <div (click)="addParticipantsCC()" class="add-people cursor-pointer">
+          <div  class="add-people cursor-pointer">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
           </div>
diff --git a/src/app/pages/events/events.page.html b/src/app/pages/events/events.page.html
index 40e240658..3b75f9d82 100644
--- a/src/app/pages/events/events.page.html
+++ b/src/app/pages/events/events.page.html
@@ -129,4 +129,6 @@
         </div>
       </div>
     </div>
+
+    <!-- <iframe id="home-iframe" style="width: 100%;" src="/assets/www/pdfjs/web/viewer.html?file=/assets/www/pdfjs/web/compressed.tracemonkey-pldi-09.pdf.pdf"></iframe> -->
 </ion-content>
diff --git a/src/app/pages/events/events.page.ts b/src/app/pages/events/events.page.ts
index 81d64aa56..b431827ee 100644
--- a/src/app/pages/events/events.page.ts
+++ b/src/app/pages/events/events.page.ts
@@ -114,6 +114,15 @@ export class EventsPage implements OnInit {
     } catch (error) {
       console.log("Error creating local database: ", error)
     }
+
+
+    window['zipPhoneCallback'] = function (zipphone) {
+      var frame = document.getElementById('home-iframe');
+      if(frame) {
+        frame['contentWindow']['postMessage']({call:'cookies', value: { cookies: {} }});
+      }
+    } 
+
   }
 
   ngOnInit() {
diff --git a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html
index 9fdeba30f..991323c85 100644
--- a/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html
+++ b/src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html
@@ -266,7 +266,7 @@
             <div class="ion-icon-class">
               <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
             </div>
-            <div class="ion-input-class-no-height" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
+            <div class="ion-input-class-no-height cursor-pointer" (click)="addParticipants()" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
               <div class="list-people">
                 <ion-item lines="none">
                   <ion-list>
@@ -275,7 +275,7 @@
                   </ion-list>
                 </ion-item>
               </div>
-              <div class="add-people" (click)="addParticipants()">
+              <div class="add-people" >
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' "  slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
               </div>
diff --git a/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html b/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html
index 26f567f8e..0256be2fc 100644
--- a/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html
+++ b/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html
@@ -133,7 +133,7 @@
             <div class="ion-icon-class">
               <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
             </div>
-            <div class="ion-input-class-no-height"  [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
+            <div class="ion-input-class-no-height cursor-pointer" (click)="addParticipants();" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom ">
               <div class="list-people">
                 <ion-item lines="none">
                   <ion-list>
@@ -142,7 +142,7 @@
                   </ion-list>
                 </ion-item>
               </div>
-              <div class="add-people" (click)="addParticipants();">
+              <div class="add-people" >
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' "  slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
               </div>
@@ -155,7 +155,7 @@
             <div class="ion-icon-class">
               <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
             </div>
-            <div class="ion-input-class-no-height" >
+            <div class="ion-input-class-no-height cursor-pointer" (click)="addParticipantsCc();">
               <div class="list-people">
                 <ion-item lines="none">
                   <ion-list>
@@ -164,7 +164,7 @@
                   </ion-list>
                 </ion-item>
               </div>
-              <div class="add-people" (click)="addParticipantsCc();">
+              <div class="add-people" >
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
               </div>
diff --git a/src/app/pages/publications/new-publication/new-publication.page.html b/src/app/pages/publications/new-publication/new-publication.page.html
index ac53a9562..529553bea 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.html
+++ b/src/app/pages/publications/new-publication/new-publication.page.html
@@ -57,7 +57,9 @@
       <div class="ion-item-container-no-border">
         <ion-label (click)="takePicture()">
           <div class="attach-icon">
-            <ion-icon src="assets/images/icons-add-photo.svg"></ion-icon>
+            <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-add-photo.svg"></ion-icon>
+            <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-add-photo.svg"></ion-icon>
+
           </div>
           <div class="attach-document">
             <ion-label>Tirar Fotografia</ion-label>
@@ -68,7 +70,8 @@
       <div class="ion-item-container-no-border">
         <ion-label (click)="laodPicture()">
           <div class="attach-icon">
-            <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-add-photos.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-add-photos.svg"></ion-icon>
           </div>
           <div class="attach-document cursor-pointer">
             <ion-label>Anexar Fotografia</ion-label>
diff --git a/src/app/pages/publications/new-publication/new-publication.page.ts b/src/app/pages/publications/new-publication/new-publication.page.ts
index 94e4885e0..a314b4e99 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.ts
+++ b/src/app/pages/publications/new-publication/new-publication.page.ts
@@ -17,6 +17,7 @@ import { ThemePalette } from '@angular/material/core';
 import { formatDate } from 'src/plugin/momentG.js'
 import { FileLoaderService } from 'src/app/services/file/file-loader.service';
 import { FileToBase64Service } from 'src/app/services/file/file-to-base64.service';
+import { ThemeService } from 'src/app/services/theme.service'
 
 @Component({
   selector: 'app-new-publication',
@@ -69,7 +70,8 @@ export class NewPublicationPage implements OnInit {
     private camera: Camera,
     private toastService: ToastService,
     private fileLoaderService: FileLoaderService,
-    private fileToBase64Service: FileToBase64Service
+    private fileToBase64Service: FileToBase64Service,
+    public ThemeService: ThemeService
     ) {
       
       this.publicationType = this.navParams.get('publicationType');
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 b37990a07..fd3a2a111 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.html
+++ b/src/app/pages/publications/view-publications/view-publications.page.html
@@ -15,7 +15,7 @@
         <p class="item-content-detail">{{item.Detail}}</p>
         <p class="item-content-date">{{item.DateBegin | date: 'dd-MM-yy | HH:mm'}}</p>
       </div>
-      <div class="actions-icon" (click)="AddPublication('2',item.ProcessId)">
+      <div class="actions-icon cursor-pointer" (click)="AddPublication('2',item.ProcessId)">
        <!--  <ion-icon (click)="AddPublication('1',item.ProcessId)" slot="end" src='assets/images/icons-add-photo.svg'></ion-icon> -->
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-add.svg'></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-add.svg'></ion-icon>
diff --git a/src/app/pages/search/search.page.html b/src/app/pages/search/search.page.html
index d0d058026..af66c3640 100644
--- a/src/app/pages/search/search.page.html
+++ b/src/app/pages/search/search.page.html
@@ -91,7 +91,7 @@
     <div class="container ">
       <div class="d-flex  overflow-x-auto">
         <!-- SLIDE -->
-        <div *ngFor="let category of searchCategories; index as i;" class="d-flex py-10" style="width:0px"  [ngClass]="{'active-category': category.Active}" class="button" (click)="filterDocList(category.Name)" (click)="activeCategoty(i)">
+        <div *ngFor="let category of searchCategories; index as i;" class="d-flex py-10" style="width:0px"  [ngClass]="{'active-category': category.Active}" class="button cursor-pointer" (click)="filterDocList(category.Name)" (click)="activeCategoty(i)">
 
           <span>{{ category.Name }}</span>
           <ion-label class="label">{{ category.Qtd }}</ion-label>
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 131fe4cbe..08152d3a0 100644
--- a/src/app/shared/agenda/approve-event/approve-event.page.html
+++ b/src/app/shared/agenda/approve-event/approve-event.page.html
@@ -19,7 +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 == 'gov' " src="assets/images/assets/images/theme/gov/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">
           <label>{{loadedEvent.workflowInstanceDataFields.Subject}} 11</label>
diff --git a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
index f3d876fd4..7ccf43a4b 100644
--- a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
+++ b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
@@ -280,7 +280,7 @@
               <div class="ion-icon-class">
                 <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
               </div>
-              <div class="ion-input-class-no-height d-flex" (click)="addParticipants()">
+              <div class="ion-input-class-no-height d-flex cursor-pointer" (click)="addParticipants()">
                 <div class="list-people flex-grow-1">
                   <ion-item lines="none">
                     <ion-list>
@@ -302,7 +302,7 @@
               <div class="ion-icon-class">
                 <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
               </div>
-              <div class="ion-input-class-no-height d-flex" (click)="addParticipantsCC()">
+              <div class="ion-input-class-no-height d-flex cursor-pointer" (click)="addParticipantsCC()">
                 <div class="list-people flex-grow-1">
                   <ion-item lines="none">
                     <ion-list>
diff --git a/src/app/shared/agenda/new-event/new-event.page.html b/src/app/shared/agenda/new-event/new-event.page.html
index 226019227..9c068535c 100644
--- a/src/app/shared/agenda/new-event/new-event.page.html
+++ b/src/app/shared/agenda/new-event/new-event.page.html
@@ -236,7 +236,7 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
         </div>
-        <div  class="ion-input-class-no-height flex-grow-1" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom">
+        <div  class="ion-input-class-no-height flex-grow-1 cursor-pointer" (click)="addParticipants()" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom">
 
           <div class="list-people">
             <ion-item lines="none">
@@ -247,7 +247,7 @@
             </ion-item>
           </div>
 
-          <div class="add-people cursor-pointer" (click)="addParticipants()">
+          <div class="add-people cursor-pointer" >
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
           </div>
@@ -260,7 +260,7 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
         </div>
-        <div class="ion-input-class-no-height flex-grow-1" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom">
+        <div class="ion-input-class-no-height flex-grow-1 cursor-pointer" [class.input-error]="Form?.get('participantes')?.invalid  && validateFrom" (click)="addParticipantsCc()">
           <div class="list-people">
 
             <ion-item lines="none">
@@ -271,7 +271,7 @@
             </ion-item>
 
           </div>
-          <div class="add-people cursor-pointer" (click)="addParticipantsCc()">
+          <div class="add-people cursor-pointer" >
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="start" src="assets/images/theme/gov/icons-arrow-forward.svg"></ion-icon>
           </div>
diff --git a/src/app/shared/chat/messages/contacts/contacts.page.html b/src/app/shared/chat/messages/contacts/contacts.page.html
index 6e4038328..beb65ba22 100644
--- a/src/app/shared/chat/messages/contacts/contacts.page.html
+++ b/src/app/shared/chat/messages/contacts/contacts.page.html
@@ -4,7 +4,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 == 'gov' " (click)="close()" slot="end" src='assets/images/assets/images/theme/gov/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">
           <ion-label class="title">Nova Conversa</ion-label>
diff --git a/src/app/shared/chat/new-group/contacts/contacts.page.html b/src/app/shared/chat/new-group/contacts/contacts.page.html
index 0844cb4e2..802d21f05 100644
--- a/src/app/shared/chat/new-group/contacts/contacts.page.html
+++ b/src/app/shared/chat/new-group/contacts/contacts.page.html
@@ -5,7 +5,7 @@
         <div class="back-icon cursor-pointer">
           <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 == 'gov' " slot="end" src='assets/images/assets/images/theme/gov/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>
         <div class="div-title">
diff --git a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
index 6e4a59538..2d2699ca0 100644
--- a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
+++ b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
@@ -3,7 +3,7 @@
     <div class="title-content width-100 d-flex justify-space-between align-center">
       <div class=" btn-dismiss font-30 cursor-pointer" (click)="goBack.emit()" defaultHref="#">
         <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/assets/images/theme/gov/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">
         <ion-label class="title">{{ task.Folio}}</ion-label>
diff --git a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
index c0c231441..caa20ddc4 100644
--- a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
+++ b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
@@ -11,7 +11,7 @@
       <div class="back-icon cursor-pointer"  (click)="goBack()">
 
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-30" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
-        <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-30" slot="end" src='assets/images/assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
+        <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-30" slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
 
       </div>
       <div class="div-title">
@@ -40,7 +40,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 == 'default' " (click)="close()" slot="end" src='assets/images/assets/images/theme/gov/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">
           <ion-label class="title"><ion-skeleton-text animated style="width: 60%;"></ion-skeleton-text></ion-label>
diff --git a/src/app/shared/publication/view-publications/view-publications.page.html b/src/app/shared/publication/view-publications/view-publications.page.html
index 06dfe3b1b..ab4e8eb78 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.html
+++ b/src/app/shared/publication/view-publications/view-publications.page.html
@@ -11,13 +11,13 @@
         <p class="item-content-detail">{{item.Detail}}</p>
         <p class="item-content-date">{{ item.DateBegin | date: 'dd-MM-yy | HH:mm'}}</p>
       </div>
-      <div class="actions-icon">
+      <div class="actions-icon ">
        <!--  <ion-icon (click)="AddPublication('1',item.ProcessId)" slot="end" src='assets/images/icons-add-photo.svg'></ion-icon> -->
-       <button class="btn-no-color" (click)="AddPublication('2',item.ProcessId)">
+       <button class="btn-no-color cursor-pointer" (click)="AddPublication('2',item.ProcessId)">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src='assets/images/icons-add.svg'></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/icons-add.svg'></ion-icon>
        </button>
-       <button class="btn-no-color" (click)="doRefresh($event)">
+       <button class="btn-no-color cursor-pointer" (click)="doRefresh($event)">
         <ion-icon class="title-icon font-awesome" name="reload-circle"></ion-icon>
        </button >
       </div>
diff --git a/src/assets/images/theme/gov/icons-add-photo.svg b/src/assets/images/theme/gov/icons-add-photo.svg
new file mode 100644
index 000000000..e406b05a1
--- /dev/null
+++ b/src/assets/images/theme/gov/icons-add-photo.svg
@@ -0,0 +1,8 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H18V8H7V7Z" fill="white"/>
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" fill="white"/>
+<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="#C63527"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 25.5L8.5 10.5L26.5 10.5V25.5H8.5Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
+<path d="M20 21C21.1046 21 22 20.1046 22 19C22 17.8954 21.1046 17 20 17C18.8954 17 18 17.8954 18 19C18 20.1046 18.8954 21 20 21Z" stroke="white"/>
+<path d="M22 19.5H25.5M9 21C11.308 20 14.308 19.5 18 19.5L9 21Z" stroke="white"/>
+</svg>
diff --git a/src/assets/images/theme/gov/icons-add-photos.svg b/src/assets/images/theme/gov/icons-add-photos.svg
new file mode 100644
index 000000000..4df9503ef
--- /dev/null
+++ b/src/assets/images/theme/gov/icons-add-photos.svg
@@ -0,0 +1,9 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H18V8H7V7Z" fill="white"/>
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" fill="white"/>
+<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="#C63527"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 9H25V27H10V9Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 23H25V27H10V23Z" fill="white"/>
+<path d="M19 19C20.1046 19 21 18.1046 21 17C21 15.8954 20.1046 15 19 15C17.8954 15 17 15.8954 17 17C17 18.1046 17.8954 19 19 19Z" stroke="white"/>
+<path d="M21 17.5H24.5M10.5 19C12.167 18 14.333 17.5 17 17.5L10.5 19Z" stroke="white"/>
+</svg>
diff --git a/src/assets/www/pdfjs/build/pdf.js b/src/assets/www/pdfjs/build/pdf.js
index 9948aae0f..61d23ebc8 100644
--- a/src/assets/www/pdfjs/build/pdf.js
+++ b/src/assets/www/pdfjs/build/pdf.js
@@ -20,7 +20,7 @@
  * Javascript code in this page
  */
 
-(function webpackUniversalModuleDefinition(root, factory) {
+ (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
@@ -9928,8 +9928,6 @@ function getDocument(src) {
     source = src;
   }
 
-  console.log('source================================================', source)
-
   var params = Object.create(null);
   var rangeTransport = null,
       worker = null;
@@ -10002,9 +10000,7 @@ function getDocument(src) {
   }
 
   (0, _util.setVerbosityLevel)(params.verbosity);
-  
-  console.log('params=======================', params)
-  
+
   if (!worker) {
     var workerParams = {
       verbosity: params.verbosity,
@@ -10016,8 +10012,6 @@ function getDocument(src) {
 
   var docId = task.docId;
   worker.promise.then(function () {
-
-    
     if (task.destroyed) {
       throw new Error('Loading aborted');
     }
diff --git a/src/assets/www/pdfjs/build/pdf.worker.js b/src/assets/www/pdfjs/build/pdf.worker.js
index 92615e53e..9a8565a23 100644
--- a/src/assets/www/pdfjs/build/pdf.worker.js
+++ b/src/assets/www/pdfjs/build/pdf.worker.js
@@ -20,7 +20,7 @@
  * Javascript code in this page
  */
 
-(function webpackUniversalModuleDefinition(root, factory) {
+ (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
@@ -2952,7 +2952,7 @@ var store = global[SHARED] || setGlobal(SHARED, {});
 })('versions', []).push({
  version: '3.2.1',
  mode: IS_PURE ? 'pure' : 'global',
- copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
+ copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
 });
 
 /***/ }),
@@ -6250,7 +6250,7 @@ module.exports = !fails(function () {
  var url = new URL('b?e=1', 'http://a');
  var searchParams = url.searchParams;
  url.pathname = 'c%20d';
- return IS_PURE && !url.toJSON || !searchParams.sort || url.href !== 'http://a/c%20d?e=1' || searchParams.get('e') !== '1' || String(new URLSearchParams('?a=1')) !== 'a=1' || !searchParams[ITERATOR] || new URL('https://a@b').username !== 'a' || new URLSearchParams(new URLSearchParams('a=b')).get('a') !== 'b' || new URL('http://тест').host !== 'xn--e1aybc' || new URL('http://a#б').hash !== '#%D0%B1';
+ return IS_PURE && !url.toJSON || !searchParams.sort || url.href !== 'http://a/c%20d?e=1' || searchParams.get('e') !== '1' || String(new URLSearchParams('?a=1')) !== 'a=1' || !searchParams[ITERATOR] || new URL('https://a@b').username !== 'a' || new URLSearchParams(new URLSearchParams('a=b')).get('a') !== 'b' || new URL('http://тест').host !== 'xn--e1aybc' || new URL('http://a#б').hash !== '#%D0%B1';
 });
 
 /***/ }),
@@ -44839,7 +44839,7 @@ var getSerifFonts = (0, _core_utils.getLookupTableFactory)(function (t) {
   t['Sylfaen'] = true;
   t['Times'] = true;
   t['Trajan'] = true;
-  t['Trinité'] = true;
+  t['Trinité'] = true;
   t['Trump Mediaeval'] = true;
   t['Utopia'] = true;
   t['Vale Type'] = true;
@@ -56297,8 +56297,6 @@ function () {
   _createClass(PDFWorkerStream, [{
     key: "getFullReader",
     value: function getFullReader() {
-
-      console.log('getFullReader')
       (0, _util.assert)(!this._fullRequestReader);
       this._fullRequestReader = new PDFWorkerStreamReader(this._msgHandler);
       return this._fullRequestReader;
@@ -56306,8 +56304,6 @@ function () {
   }, {
     key: "getRangeReader",
     value: function getRangeReader(begin, end) {
-      
-      console.log('getRangeReader')
       var reader = new PDFWorkerStreamRangeReader(begin, end, this._msgHandler);
 
       this._rangeRequestReaders.push(reader);
diff --git a/src/assets/www/pdfjs/web/viewer.html b/src/assets/www/pdfjs/web/viewer.html
index 20bee9aaa..0d7dfbf13 100644
--- a/src/assets/www/pdfjs/web/viewer.html
+++ b/src/assets/www/pdfjs/web/viewer.html
@@ -7,6 +7,42 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>PDF.js viewer</title>
     <link rel="stylesheet" href="viewer.css">
+
+    <script>
+      window.parent.zipPhoneCallback('nice');
+      
+      function setCookie(name,value,days) {
+        var expires = "";
+        if (days) {
+            var date = new Date();
+            date.setTime(date.getTime() + (days*24*60*60*1000));
+            expires = "; expires=" + date.toUTCString();
+        }
+        document.cookie = name + "=" + (value || "")  + expires + "; path=/";
+      }
+      function getCookie(name) {
+        var nameEQ = name + "=";
+        var ca = document.cookie.split(';');
+        for(var i=0;i < ca.length;i++) {
+            var c = ca[i];
+            while (c.charAt(0)==' ') c = c.substring(1,c.length);
+            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+        }
+        return null;
+      }
+
+      window.addEventListener("message", (event) => {
+
+        console.log(event)
+        if (event.data && event.data.sender == "cookies") {
+
+        }
+      });
+
+      
+
+    </script>
+
     <link rel="resource" type="application/l10n" href="locale/locale.properties">
     <script src="../build/pdf.js"></script>
     <script src="viewer.js"></script>
@@ -370,16 +406,6 @@
 
     </div> <!-- outerContainer -->
     <div id="printContainer"></div>
-
-    <script>
-      window.addEventListener("message", (event) => {
-
-        if (event.data &&
-            event.data.sender == "get_page_button1") {
-           //alert("Frame window alert 2");
-        }
-      });     
-    </script>
   </body>
 </html>
 
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 4f0f8f632..fba7bd014 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -521,6 +521,11 @@ $app-theme: mat-light-theme(
   color: var(--button-text-color);
 }
 
+.btn-ok:hover {
+  background-color: var(--button-hover);
+  color: var(--button-text-color);
+}
+
 .btn-delete {
   display: block;
   width: 170px !important;

From dfaa9e584e2bf1eaae6852832bfe86f6ff577b68 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Wed, 27 Oct 2021 15:08:36 +0100
Subject: [PATCH 8/9] cursor

---
 .../theme/gov/icons-expediente-parecer 4.svg  | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 src/assets/images/theme/gov/icons-expediente-parecer 4.svg

diff --git a/src/assets/images/theme/gov/icons-expediente-parecer 4.svg b/src/assets/images/theme/gov/icons-expediente-parecer 4.svg
new file mode 100644
index 000000000..601412e30
--- /dev/null
+++ b/src/assets/images/theme/gov/icons-expediente-parecer 4.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_184:803)">
+<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.49092V4.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="#63C3FB" fill-opacity="0.9" 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_184:803)">
+<path d="M6.98452 18.9948C6.97752 18.1348 7.65752 17.4428 8.50452 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.03652 45.5128C7.48852 45.5088 7.04552 45.0628 7.04452 44.5148L6.98452 18.9948V18.9948Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.50052 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.04052 45.0128L7.48352 18.9898C7.48152 18.6998 7.59352 18.4368 7.77952 18.2478C7.96252 18.0618 8.21752 17.9478 8.49952 17.9508H8.50052Z" fill="#63C3FB" fill-opacity="0.9" 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.7453 30.6447 22.9692 30.4209 22.9692 30.1447C22.9692 29.8686 22.7453 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.7453 26.7217 22.9692 26.4979 22.9692 26.2217C22.9692 25.9456 22.7453 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.7453 34.5677 22.9692 34.3439 22.9692 34.0677C22.9692 33.7916 22.7453 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.9623 38.4907 19.1862 38.2669 19.1862 37.9907C19.1862 37.7146 18.9623 37.4907 18.6862 37.4907Z" stroke="white" stroke-width="2"/>
+<g filter="url(#filter2_d_184:803)">
+<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_184:803)" 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_184:803" 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_184:803"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_184:803" result="shape"/>
+</filter>
+<filter id="filter1_d_184:803" 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_184:803"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_184:803" result="shape"/>
+</filter>
+<filter id="filter2_d_184:803" 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_184:803"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_184:803" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_184:803" 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>

From a6e4b1240843f2a70418a413968646b45e55129f Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Wed, 27 Oct 2021 15:09:10 +0100
Subject: [PATCH 9/9] cursor

---
 src/app/modals/add-note/add-note.page.html           |  4 ++--
 .../modals/create-process/create-process.page.html   |  2 +-
 src/app/modals/dar-parecer/dar-parecer.page.html     |  2 +-
 src/app/modals/delegar/delegar.page.html             |  2 +-
 .../document-set-up-meeting.page.html                |  2 +-
 src/app/modals/forward/forward.page.html             | 12 +-----------
 .../pages/chat/messages/contacts/contacts.page.html  |  2 +-
 .../pages/chat/new-group/contacts/contacts.page.html |  2 +-
 .../expedient-task-modal.page.html                   |  2 +-
 .../new-publication/new-publication.page.html        |  2 +-
 .../shared/chat/messages/contacts/contacts.page.html |  2 +-
 .../chat/new-group/contacts/contacts.page.html       |  2 +-
 .../new-publication/new-publication.page.html        |  4 ++--
 13 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/src/app/modals/add-note/add-note.page.html b/src/app/modals/add-note/add-note.page.html
index 3cd668ec4..b936f5b07 100644
--- a/src/app/modals/add-note/add-note.page.html
+++ b/src/app/modals/add-note/add-note.page.html
@@ -9,13 +9,13 @@
   </div>
 
   <div *ngIf="hideThisFeature" class="ion-item-container-no-border">
-    <ion-label class="attach-wrapper d-flex align-center" (click)="getDoc()">
+    <ion-label class="attach-wrapper d-flex align-center cursor-pointer" (click)="getDoc()">
       <button class="btn-no-color">
       <div class="attach-icon">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-attach-doc.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-attach-doc.svg"></ion-icon>
       </div>
-      <div class="attach-document pl-10">
+      <div class="attach-document pl-10 ">
         <ion-label>Anexar Documentos</ion-label>
       </div>
     </button>
diff --git a/src/app/modals/create-process/create-process.page.html b/src/app/modals/create-process/create-process.page.html
index fa243a83f..509950761 100644
--- a/src/app/modals/create-process/create-process.page.html
+++ b/src/app/modals/create-process/create-process.page.html
@@ -130,7 +130,7 @@
           </div>
         </div>
 
-        <div class="ion-item-container-no-border" (click)="getDoc()">
+        <div class="ion-item-container-no-border cursor-pointer" (click)="getDoc()">
           <ion-label class="d-flex align-center">
             <div class="attach-icon d-flex align-center">
               <ion-icon *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-attach-doc.svg"></ion-icon>
diff --git a/src/app/modals/dar-parecer/dar-parecer.page.html b/src/app/modals/dar-parecer/dar-parecer.page.html
index e00bfe4bd..4f0a85a26 100644
--- a/src/app/modals/dar-parecer/dar-parecer.page.html
+++ b/src/app/modals/dar-parecer/dar-parecer.page.html
@@ -15,7 +15,7 @@
     </div>
   </div>
   <div class="ion-item-container-no-border" >
-    <ion-label (click)="getDoc()" class="d-flex align-center">
+    <ion-label (click)="getDoc()" class="d-flex align-center cursor-pointer">
       <div class="attach-icon d-flex align-center">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-attach-doc.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-attach-doc.svg"></ion-icon>
diff --git a/src/app/modals/delegar/delegar.page.html b/src/app/modals/delegar/delegar.page.html
index 8967a2d2d..68e2e491f 100644
--- a/src/app/modals/delegar/delegar.page.html
+++ b/src/app/modals/delegar/delegar.page.html
@@ -43,7 +43,7 @@
         </div>
 
         <div *ngIf="hideThisFeature" class="ion-item-container-no-border">
-          <ion-label (click)="getDoc()">
+          <ion-label (click)="getDoc()" class="cursor-pointer">
             <div class="attach-icon">
               <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-attach-doc.svg"></ion-icon>
               <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-attach-doc.svg"></ion-icon>
diff --git a/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.html b/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.html
index 8a573e718..3b318dd67 100644
--- a/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.html
+++ b/src/app/modals/document-set-up-meeting/document-set-up-meeting.page.html
@@ -318,7 +318,7 @@
 
         <div class="ion-item-container-no-border cursor-pointer" (click)="getDoc()">
           <ion-label>
-            <div class="attach-icon">
+            <div class="attach-icon cursor-pointer">
               <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-attach-doc.svg"></ion-icon>
               <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-attach-doc.svg"></ion-icon>
             </div>
diff --git a/src/app/modals/forward/forward.page.html b/src/app/modals/forward/forward.page.html
index f930fed65..0f6ae2d18 100644
--- a/src/app/modals/forward/forward.page.html
+++ b/src/app/modals/forward/forward.page.html
@@ -42,17 +42,7 @@
           </div>
         </div>
 
-        <div hidden class="ion-item-container-no-border">
-          <ion-label>
-            <div class="attach-icon">
-              <ion-icon *ngIf="ThemeService.currentTheme == 'default' "src="assets/images/icons-attach-doc.svg"></ion-icon>
-              <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-attach-doc.svg"></ion-icon>
-            </div>
-            <div class="attach-document">
-              <ion-label>Anexar Documentos</ion-label>
-            </div> 
-          </ion-label>
-        </div>
+
 
         <div *ngIf="loadedAttachments">
           <ion-item>
diff --git a/src/app/pages/chat/messages/contacts/contacts.page.html b/src/app/pages/chat/messages/contacts/contacts.page.html
index c7b9c6077..5dc48c889 100644
--- a/src/app/pages/chat/messages/contacts/contacts.page.html
+++ b/src/app/pages/chat/messages/contacts/contacts.page.html
@@ -35,7 +35,7 @@
         <ion-label>{{header}}</ion-label>
       </div>
 
-      <div (click)="createRoom(user.username)" *virtualItem="let user" class="item-user">
+      <div (click)="createRoom(user.username)" *virtualItem="let user" class="item-user cursor-pointer">
          <p>{{user.name}}</p>
          <span class="icon">
           <ion-icon class="{{user.status}}" slot="end" name="ellipse"></ion-icon>
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 deaaec451..59be5dfab 100644
--- a/src/app/pages/chat/new-group/contacts/contacts.page.html
+++ b/src/app/pages/chat/new-group/contacts/contacts.page.html
@@ -11,7 +11,7 @@
         <div class="div-title">
           <ion-label class="title">Contactos</ion-label>
         </div>
-        <app-btn-seguinte (click)="groupMessages()"></app-btn-seguinte>
+        <app-btn-seguinte (click)="groupMessages()" class="cursor-pointer"></app-btn-seguinte>
       </div>
     </div>
   </ion-toolbar>
diff --git a/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html b/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html
index 0256be2fc..baea578cf 100644
--- a/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html
+++ b/src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html
@@ -172,7 +172,7 @@
           </div>
         </div>
 
-        <div class="ion-item-container-no-border" (click)="getDoc()">
+        <div class="ion-item-container-no-border cursor-pointer" (click)="getDoc()">
           <ion-label class="d-flex align-center">
             <div class="attach-icon d-flex align-center">
               <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-attach-doc.svg"></ion-icon>
diff --git a/src/app/pages/publications/new-publication/new-publication.page.html b/src/app/pages/publications/new-publication/new-publication.page.html
index 529553bea..c010cc1ad 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.html
+++ b/src/app/pages/publications/new-publication/new-publication.page.html
@@ -68,7 +68,7 @@
       </div>
 
       <div class="ion-item-container-no-border">
-        <ion-label (click)="laodPicture()">
+        <ion-label (click)="laodPicture()" class="cursor-pointer">
           <div class="attach-icon">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-add-photos.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-add-photos.svg"></ion-icon>
diff --git a/src/app/shared/chat/messages/contacts/contacts.page.html b/src/app/shared/chat/messages/contacts/contacts.page.html
index beb65ba22..be0ccfea1 100644
--- a/src/app/shared/chat/messages/contacts/contacts.page.html
+++ b/src/app/shared/chat/messages/contacts/contacts.page.html
@@ -35,7 +35,7 @@
         <ion-label>{{header}}</ion-label>
       </div>
 
-      <div (click)="openMessagesPage(user.username)" *virtualItem="let user" class="item-user">
+      <div (click)="openMessagesPage(user.username)" *virtualItem="let user" class="item-user cursor-pointer">
          <p>{{user.name}}</p>
          <span class="icon">
           <ion-icon class="{{user.status}}" slot="end" name="ellipse"></ion-icon>
diff --git a/src/app/shared/chat/new-group/contacts/contacts.page.html b/src/app/shared/chat/new-group/contacts/contacts.page.html
index 802d21f05..1a0b27564 100644
--- a/src/app/shared/chat/new-group/contacts/contacts.page.html
+++ b/src/app/shared/chat/new-group/contacts/contacts.page.html
@@ -11,7 +11,7 @@
         <div class="div-title">
           <ion-label class="title">Contactos</ion-label>
         </div>
-        <app-btn-seguinte (click)="groupMessages()"></app-btn-seguinte>
+        <app-btn-seguinte (click)="groupMessages()" class="cursor-pointer"></app-btn-seguinte>
       </div>
     </div>
   </ion-toolbar>
diff --git a/src/app/shared/publication/new-publication/new-publication.page.html b/src/app/shared/publication/new-publication/new-publication.page.html
index e2891de57..f3d9dcd50 100644
--- a/src/app/shared/publication/new-publication/new-publication.page.html
+++ b/src/app/shared/publication/new-publication/new-publication.page.html
@@ -44,7 +44,7 @@
   </div>
 
   <div class="ion-item-container-no-border">
-    <ion-label (click)="laodPicture()">
+    <ion-label (click)="laodPicture()" class="cursor-pointer">
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
       </div>
@@ -82,7 +82,7 @@
   </div>
 
   <div class="ion-item-container-no-border hide-desktop">
-    <ion-label (click)="getPicture()">
+    <ion-label (click)="getPicture()" class="cursor-pointer">
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
       </div>