diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 01ac162b7..0eaf46dde 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -42,7 +42,7 @@
         <div class="width-100" [ngSwitch]="segment">
           <ion-list *ngSwitchCase="'Contactos'">
               <ion-item-sliding>
-                  <div class="item width-100 d-flex ion-no-padding ion-no-margin"
+                  <div class="item item-hover width-100 d-flex ion-no-padding ion-no-margin"
                   *ngFor="let dm of userDirectMessages"
                   [class.item-active]="dm._id ==idSelected">
                     <div class="item-icon">
@@ -76,7 +76,7 @@
               <ion-item-sliding>
                   <div *ngFor="let group of allGroups"
                   [class.item-active]="group._id ==idSelected"
-                  class="item d-flex">
+                  class="item item-hover d-flex">
                     <div class="item-icon">
                       <ion-icon class="icon" slot="start" src="assets/images/icons-chat-group-chat-40.svg"></ion-icon>
                     </div>
diff --git a/src/app/pages/chat/chat.page.scss b/src/app/pages/chat/chat.page.scss
index 9daa904a6..fba37f381 100644
--- a/src/app/pages/chat/chat.page.scss
+++ b/src/app/pages/chat/chat.page.scss
@@ -122,6 +122,7 @@ ion-content{
     color: #fff;
   }
 }
+
 .item-active{
    color: #fff !important;
    background-color: #42b9fe !important;
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.html b/src/app/pages/gabinete-digital/gabinete-digital.page.html
index 5dae4bfa1..210a03648 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.html
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.html
@@ -39,7 +39,7 @@
             <div class="listview">
               <ion-list *ngIf="allProcessesList">
                 <div
-                  class="item-wrapper ion-no-padding cursor-pointer"
+                  class="item-wrapper box-hover ion-no-padding cursor-pointer"
                   *ngFor = "let task of allProcessesList"
                   (click)="goToProcess(task.SerialNumber, task.WorkflowName, task.activityInstanceName)">
                   <div class="item width-100">
@@ -89,7 +89,7 @@
 
           <!-- This is the box view -->
           <div *ngSwitchCase="'boxview'" class="aside overflow-y-auto d-flex  flex-wrap width-100 height-100">
-            <div *ngIf="hideInMobile" (click)="openAllProcessesPage()" [class.active]="selectedElement == 'allProcessesTag'"  class="exp-card d-flex flex-column" >
+            <div *ngIf="hideInMobile" (click)="openAllProcessesPage()" [class.active]="selectedElement == 'allProcessesTag'"  class="box-hover exp-card d-flex flex-column" >
               <div class="d-flex justify-center">
                <!--  <ion-icon  src="assets/images/icons-agenda.svg"></ion-icon> -->
                 <fa-icon class="icon-selected" icon="align-justify"></fa-icon>
@@ -98,7 +98,7 @@
               <p class="text-center exp-card-content">{{ totalDocumentStore.count }} <span class="title1">Documentos</span></p>
             </div>
 
-            <div (click)="openEventsToApprovePage();selectedElement='approval'" [class.active]="selectedElement == 'approval'"  class="exp-card d-flex flex-column" *ngIf="loggeduser.Profile == 'MDGPR'" >
+            <div (click)="openEventsToApprovePage();selectedElement='approval'" [class.active]="selectedElement == 'approval'"  class="box-hover exp-card d-flex flex-column" *ngIf="loggeduser.Profile == 'MDGPR'" >
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-agenda.svg"></ion-icon>
               </div>
@@ -106,7 +106,7 @@
               <p class="text-center exp-card-content">{{eventoaprovacaostore.countMd + eventoaprovacaostore.countPr}} <span class="title1">Documentos</span></p>
             </div>
 
-            <div [class.active]="selectedElement == 'Correspondence'" (click)="openExpedientListPage(); selectedElement='Correspondence'" class="exp-card d-flex flex-column justify-center" *ngIf="loggeduser.Profile == 'MDGPR'">
+            <div [class.active]="selectedElement == 'Correspondence'" (click)="openExpedientListPage(); selectedElement='Correspondence'" class="box-hover exp-card d-flex flex-column justify-center" *ngIf="loggeduser.Profile == 'MDGPR'">
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-correspondencia.svg"></ion-icon>
               </div>
@@ -115,7 +115,7 @@
             </div>
 
             <!-- <div  [class.active]="selectedElement == 'Pending'" (click)="openPendentesPage(); selectedElement='Pending'" class="exp-card d-flex flex-column justify-center" > -->
-            <div  [class.active]="selectedElementF('Pending')" (click)="openPendentesPage(); selectedElement='Pending'" class="exp-card d-flex flex-column justify-center"  >
+            <div  [class.active]="selectedElementF('Pending')" (click)="openPendentesPage(); selectedElement='Pending'" class="box-hover exp-card d-flex flex-column justify-center"  >
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-expediente-pendente.svg"></ion-icon>
               </div>
@@ -124,7 +124,7 @@
               <p class="text-center exp-card-content"><span class="number">{{pendentesstore.count}} </span> <span class="title1">Documentos</span></p>
             </div>
 
-            <div *ngIf="loggeduser.Profile == 'PR'" (click)="openDespachosPrPage(); selectedElement='DispatchesPr'" [class.active]="selectedElement == 'DispatchesPr'" class="exp-card d-md-flex flex-column justify-center" >
+            <div *ngIf="loggeduser.Profile == 'PR'" (click)="openDespachosPrPage(); selectedElement='DispatchesPr'" [class.active]="selectedElement == 'DispatchesPr'" class="box-hover exp-card d-md-flex flex-column justify-center" >
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
               </div>
@@ -133,7 +133,7 @@
               <p class="text-center exp-card-content">{{ despachoprstore.count }} <span class="title1">Documentos</span> </p>
             </div>
 
-            <div [class.active]="selectedElement == 'Dispatches'" class="exp-card d-flex flex-column justify-center" (click)="openDespachosPage(); selectedElement='Dispatches'" *ngIf="loggeduser.Profile == 'MDGPR'">
+            <div [class.active]="selectedElement == 'Dispatches'" class="box-hover exp-card d-flex flex-column justify-center" (click)="openDespachosPage(); selectedElement='Dispatches'" *ngIf="loggeduser.Profile == 'MDGPR'">
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
               </div>
@@ -141,7 +141,7 @@
               <p class="text-center exp-card-content">{{despachoStore.count}} <span class="title1">Documentos</span> </p>
             </div>
 
-            <div (click)="openPedidosPage('parecer'); selectedElement='RequestsForOpinion'" [class.active]="selectedElement == 'RequestsForOpinion'" class="exp-card d-flex flex-column justify-center">
+            <div (click)="openPedidosPage('parecer'); selectedElement='RequestsForOpinion'" [class.active]="selectedElement == 'RequestsForOpinion'" class="box-hover exp-card d-flex flex-column justify-center">
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-expediente-parecer.svg"></ion-icon>
               </div>
@@ -150,7 +150,7 @@
               <p class="text-center exp-card-content">{{pedidosstore.countparecer}} <span class="title1">Documentos</span></p>
             </div>
 
-            <div (click)="openPedidosPage('deferimento'); selectedElement = 'RequestForApproval'" [class.active]="selectedElement == 'RequestForApproval'" class="exp-card d-flex flex-column justify-center">
+            <div (click)="openPedidosPage('deferimento'); selectedElement = 'RequestForApproval'" [class.active]="selectedElement == 'RequestForApproval'" class="box-hover exp-card d-flex flex-column justify-center">
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
               </div>
@@ -172,7 +172,7 @@
               </div>
             </div> -->
 
-            <div *ngIf="loggeduser.Profile == 'MDGPR'" (click)="openDespachosPrPage(); selectedElement='showDespachosPr'" [class.active]="selectedElement == 'showDespachosPr'" class="exp-card-long width-100" >
+            <div *ngIf="loggeduser.Profile == 'MDGPR'" (click)="openDespachosPrPage(); selectedElement='showDespachosPr'" [class.active]="selectedElement == 'showDespachosPr'" class="box-hover exp-card-long width-100 d-flex flex-column justify-center">
               <div class="center-div">
                 <div class="exp-card-icon">
                   <ion-icon  src="assets/images/icons-despachos-presidente.svg"></ion-icon>
@@ -184,7 +184,7 @@
               </div>
             </div>
 
-            <div *ngIf="loggeduser.Profile == 'MDGPR'" (click)="openDiplomasPage('validar'); selectedElement='DiplomasPorValidar'" [class.active]="selectedElement == 'DiplomasPorValidar'" class="exp-card d-flex flex-column justify-center">
+            <div *ngIf="loggeduser.Profile == 'MDGPR'" (click)="openDiplomasPage('validar'); selectedElement='DiplomasPorValidar'" [class.active]="selectedElement == 'DiplomasPorValidar'" class="box-hover exp-card d-flex flex-column justify-center">
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-expediente-diploma.svg"></ion-icon>
               </div>
@@ -193,7 +193,7 @@
               <p class="text-center exp-card-content">{{ deplomasStore.deplomasReviewCount }} <span class="title1">Documentos</span> </p>
             </div>
 
-            <div *ngIf="loggeduser.Profile == 'MDGPR'" (click)="openDiplomasPage('assinados'); selectedElement='DiplomasAssinados'" [class.active]="selectedElement == 'DiplomasAssinados'" class="exp-card d-flex flex-column justify-center">
+            <div *ngIf="loggeduser.Profile == 'MDGPR'" (click)="openDiplomasPage('assinados'); selectedElement='DiplomasAssinados'" [class.active]="selectedElement == 'DiplomasAssinados'" class="box-hover exp-card d-flex flex-column justify-center">
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon>
               </div>
@@ -202,7 +202,7 @@
               <p class="text-center exp-card-content">{{ deplomasStore.countDiplomasAssinadoListCount }} <span class="title1">Documentos</span></p>
             </div>
 
-            <div *ngIf="loggeduser.Profile == 'PR'" (click)="openDiplomasAssinarPage(); selectedElement='DiplomasAssinar'" [class.active]="selectedElement == 'DiplomasAssinar'" class="exp-card d-flex flex-column justify-center">
+            <div *ngIf="loggeduser.Profile == 'PR'" (click)="openDiplomasAssinarPage(); selectedElement='DiplomasAssinar'" [class.active]="selectedElement == 'DiplomasAssinar'" class="box-hover exp-card d-flex flex-column justify-center">
               <div class="d-flex justify-center">
                 <ion-icon  src="assets/images/icons-expediente-diploma.svg"></ion-icon>
               </div>
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index 85eb31969..d4fba4516 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -154,9 +154,9 @@ ion-segment-button{
     .exp-card-long{
       cursor: pointer;
       user-select: none;
-      background:  white;
+      //background:  white;
       box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
-      background: white;
+      //Sbackground: white;
       width: 360px;
       margin: 7px 20px;
       border-radius: 15px;
diff --git a/src/app/shared/gabinete-digital/all-processes/all-processes.page.html b/src/app/shared/gabinete-digital/all-processes/all-processes.page.html
index 45c681abf..c1c5b30a6 100644
--- a/src/app/shared/gabinete-digital/all-processes/all-processes.page.html
+++ b/src/app/shared/gabinete-digital/all-processes/all-processes.page.html
@@ -28,7 +28,7 @@
         <div class="listview">
           <ion-list *ngIf="allProcessesList">
             <div
-              class="item-wrapper ion-no-padding cursor-pointer"
+              class="item-wrapper item-hover ion-no-padding cursor-pointer"
               *ngFor = "let task of allProcessesList"
               (click)="goToProcess(task.SerialNumber, task.WorkflowName, task.activityInstanceName)">
               <div class="item width-100">
diff --git a/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss b/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss
index 0cbc30bb6..b33103830 100644
--- a/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss
+++ b/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss
@@ -36,12 +36,12 @@ ion-list{
   border-radius: 15px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
   border:1px solid #e9e9e9 !important;
-  background-color: #fff !important;
+  //background-color: #fff !important;
   margin-bottom: 10px !important;
   padding: 15px;
 
   .item{
-    background-color: var(--white);
+    //background-color: var(--white);
     margin: 0 auto;
     overflow: hidden;
 
diff --git a/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.html b/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.html
index 5a42d4af1..36f91d6e7 100644
--- a/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.html
+++ b/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.html
@@ -18,18 +18,18 @@
         refreshingText="A actualizar...">
       </ion-refresher-content>
   </ion-refresher>
-   
-  
+
+
   <div class="width-100 overflow-y-auto height-100">
     <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
     <div  *ngIf="diplomasList.length >= 1">
-     
-      
+
+
       <ion-list >
         <!-- *ngFor = "let task of parecerList; let i = index"
         (click)="viewExpedientDetail(task.SerialNumber)" -->
-        <div 
-          class="expediente ion-no-padding ion-no-margin cursor-pointer"  
+        <div
+          class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of diplomasList"
           (click)="goToDiploma(task.SerialNumber)"
         >
@@ -60,19 +60,19 @@
             </div>
           </div>
         </div>
-        
+
       </ion-list>
     </div>
 
-    <div 
-      *ngIf="!skeletonLoader && diplomasList.length == 0" 
+    <div
+      *ngIf="!skeletonLoader && diplomasList.length == 0"
       class="empty-list d-flex height-100 align-center justify-content-center"
     >
       <span>Lista vazia</span>
     </div>
 
     <div *ngIf="skeletonLoader && diplomasList.length == 0">
-  
+
       <ion-list>
         <ion-item>
           <ion-thumbnail slot="end">
diff --git a/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss b/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
index 69e7608e5..517d76d7c 100644
--- a/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
+++ b/src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.scss
@@ -40,7 +40,7 @@
   }
   .ion-item-class{
     padding: 0;
-  
+
   }
   .label-text{
     width: 100%;
@@ -52,7 +52,7 @@ ion-item{
   --background: none;
 }
 .item {
-    background-color: var(--white);
+    //background-color: var(--white);
     margin: 0 auto;
     overflow: hidden;
   }
@@ -86,7 +86,7 @@ ion-item{
   .div-icon ion-icon{
     display: block;
     margin: 0 auto;
-  
+
   }
   .div-content-expediente p, .div-content-pendentes p{
     font-size: 14pt;
@@ -166,7 +166,7 @@ ion-item{
   .exp-workflow{
     float: left;
     margin: 0 !important;
-  
+
     .label{
       border-radius: 15px;
       background: #ffb703;
@@ -229,4 +229,4 @@ ion-item{
   font-size: 45px;
   float: right;
   margin-right: 10px;
-}
\ No newline at end of file
+}
diff --git a/src/app/shared/gabinete-digital/diplomas/diplomas.page.html b/src/app/shared/gabinete-digital/diplomas/diplomas.page.html
index 06e93b8cf..056dec629 100644
--- a/src/app/shared/gabinete-digital/diplomas/diplomas.page.html
+++ b/src/app/shared/gabinete-digital/diplomas/diplomas.page.html
@@ -26,7 +26,7 @@
     <div *ngIf="deplomasStore.diplomasList.length >= 1">
       <ion-list *ngSwitchCase="'validar'">
         <div
-          class="expediente ion-no-padding ion-no-margin cursor-pointer"
+          class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of deplomasStore.diplomasList"
           (click)="goToDiploma(task.SerialNumber)"
         >
@@ -63,7 +63,7 @@
         <div
           class="expediente ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of deplomasStore.diplomasAssinadoList"
-          
+
           (click)="goToDiploma(task.SerialNumber)"
         >
           <div class="item width-100">
@@ -94,15 +94,15 @@
       </ion-list>
     </div>
 
-    <div 
-      *ngIf="!skeletonLoader && deplomasStore.diplomasList.length == 0 && deplomasStore.diplomasAssinadoList.length == 0" 
+    <div
+      *ngIf="!skeletonLoader && deplomasStore.diplomasList.length == 0 && deplomasStore.diplomasAssinadoList.length == 0"
       class="empty-list d-flex height-100 align-center justify-content-center"
     >
       <span>Lista vazia</span>
     </div>
 
     <div *ngIf="skeletonLoader && deplomasStore.diplomasAssinadoList.length == 0 && skeletonLoader && deplomasStore.diplomasList.length == 0">
-    
+
       <ion-list>
         <ion-item>
           <ion-thumbnail slot="end">
diff --git a/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss b/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss
index f93c4bd0f..6a305a0f1 100644
--- a/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss
+++ b/src/app/shared/gabinete-digital/diplomas/diplomas.page.scss
@@ -25,7 +25,7 @@
   }
   .ion-item-class{
     padding: 0;
-  
+
   }
   .label-text{
     width: 100%;
@@ -40,7 +40,7 @@ ion-item{
     //border-radius: 15px;
     //box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
     //Sborder: solid 1px #e9e9e9;
-    background-color: var(--white);
+    //background-color: var(--white);
     margin: 0 auto;
     //padding: 10px;
     overflow: hidden;
@@ -75,7 +75,7 @@ ion-item{
   .div-icon ion-icon{
     display: block;
     margin: 0 auto;
-  
+
   }
   .div-content-expediente p, .div-content-pendentes p{
     font-size: 14pt;
@@ -157,7 +157,7 @@ ion-item{
   .exp-workflow{
     float: left;
     margin: 0 !important;
-  
+
     .label{
       border-radius: 15px;
       background: #ffb703;
@@ -220,4 +220,4 @@ ion-item{
   font-size: 45px;
   float: right;
   margin-right: 10px;
-}
\ No newline at end of file
+}
diff --git a/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html b/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html
index 8890497cd..c3d4f6f0c 100644
--- a/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html
+++ b/src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html
@@ -32,7 +32,7 @@
 
         <ion-list class="width-100"  >
           <div
-            class="expediente ion-no-padding ion-no-margin cursor-pointer"
+            class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
             *ngFor="let event of eventaprovacaostore.listmd"
             (click)="goToEventDetail(event)"
           >
@@ -66,7 +66,7 @@
       <ion-list class="width-100" *ngSwitchCase="'PR'">
         <div class="width-100" *ngIf="eventaprovacaostore.listpr">
           <div
-            class="expediente ion-no-padding ion-no-margin cursor-pointer"
+            class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
             *ngFor="let event of eventaprovacaostore.listpr"
             (click)="goToEventDetail(event)"
           >
diff --git a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html
index b85b72640..8c128bda1 100644
--- a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html
+++ b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html
@@ -9,13 +9,13 @@
   </div>
 </ion-header>
 <ion-content>
-  
+
   <div class="width-100 overflow-y-auto height-100" >
 
     <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
     <ion-list *ngIf="expedienteGdStore.list.length >= 1">
       <div
-        class="expediente ion-no-padding ion-no-margin cursor-pointer"
+        class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
         *ngFor = "let task of expedienteGdStore.list"
         (click)="goToExpediente(task.SerialNumber)"
       >
@@ -47,15 +47,15 @@
     </ion-list>
 
 
-    <div 
-      *ngIf="!skeletonLoader && expedienteGdStore.list.length == 0 && expedienteGdStore.list.length == 0" 
+    <div
+      *ngIf="!skeletonLoader && expedienteGdStore.list.length == 0 && expedienteGdStore.list.length == 0"
       class="empty-list d-flex height-100 align-center justify-content-center"
     >
       <span>Lista vazia</span>
     </div>
 
     <div *ngIf="skeletonLoader && expedienteGdStore.list.length == 0">
-  
+
       <ion-list>
         <ion-item>
           <ion-thumbnail slot="end">
diff --git a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
index 706482f8a..cd1087582 100644
--- a/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
+++ b/src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.scss
@@ -25,7 +25,7 @@
   }
   .ion-item-class{
     padding: 0;
-  
+
   }
   .label-text{
     width: 100%;
@@ -75,7 +75,7 @@ ion-item{
   .div-icon ion-icon{
     display: block;
     margin: 0 auto;
-  
+
   }
   .div-content-expediente p, .div-content-pendentes p{
     font-size: 14pt;
@@ -102,7 +102,7 @@ ion-item{
   border-radius: 15px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
   border:1px solid #e9e9e9 !important;
-  background-color: var(--white);
+  //background-color: var(--white);
   margin-bottom: 10px !important;
   padding: 15px;
 }
@@ -156,7 +156,7 @@ ion-item{
   .exp-workflow{
     float: left;
     margin: 0 !important;
-  
+
     .label{
       border-radius: 15px;
       background: #ffb703;
@@ -219,4 +219,4 @@ ion-item{
   font-size: 45px;
   float: right;
   margin-right: 10px;
-}
\ No newline at end of file
+}
diff --git a/src/app/shared/gabinete-digital/expedients/expedients.page.html b/src/app/shared/gabinete-digital/expedients/expedients.page.html
index 621163895..05473058e 100644
--- a/src/app/shared/gabinete-digital/expedients/expedients.page.html
+++ b/src/app/shared/gabinete-digital/expedients/expedients.page.html
@@ -17,13 +17,13 @@
         refreshingText="A actualizar...">
       </ion-refresher-content>
   </ion-refresher>
-  
+
   <div class="width-100 overflow-y-auto height-100" >
     <div >
       <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <ion-list *ngIf="expedientegbstore.list.length >=0">
-        <div 
-          class="expediente ion-no-padding ion-no-margin cursor-pointer"  
+        <div
+          class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of expedientegbstore.list"
           (click)="goToExpediente(task.SerialNumber)"
         >
@@ -55,15 +55,15 @@
       </ion-list>
     </div>
 
-    <div 
-      *ngIf="!skeletonLoader && expedientegbstore.list.length == 0 && expedientegbstore.list.length == 0" 
+    <div
+      *ngIf="!skeletonLoader && expedientegbstore.list.length == 0 && expedientegbstore.list.length == 0"
       class="empty-list d-flex height-100 align-center justify-content-center"
     >
       <span>Lista vazia</span>
     </div>
-    
+
     <div *ngIf="skeletonLoader && expedientegbstore.list.length == 0">
-    
+
       <ion-list>
         <ion-item>
           <ion-thumbnail slot="end">
diff --git a/src/app/shared/gabinete-digital/expedients/expedients.page.scss b/src/app/shared/gabinete-digital/expedients/expedients.page.scss
index 706482f8a..7eabe2f6c 100644
--- a/src/app/shared/gabinete-digital/expedients/expedients.page.scss
+++ b/src/app/shared/gabinete-digital/expedients/expedients.page.scss
@@ -25,7 +25,7 @@
   }
   .ion-item-class{
     padding: 0;
-  
+
   }
   .label-text{
     width: 100%;
@@ -40,7 +40,7 @@ ion-item{
     //border-radius: 15px;
     //box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
     //Sborder: solid 1px #e9e9e9;
-    background-color: var(--white);
+    //background-color: var(--white);
     margin: 0 auto;
     //padding: 10px;
     overflow: auto;
@@ -53,6 +53,7 @@ ion-item{
   margin: 10px 0 10px 0;
   background:  #dae3f3;
   border-radius: 20px;
+  border: 1px solid red;
 }
 .div-content-pendentes{
   width: 100%;
@@ -75,7 +76,7 @@ ion-item{
   .div-icon ion-icon{
     display: block;
     margin: 0 auto;
-  
+
   }
   .div-content-expediente p, .div-content-pendentes p{
     font-size: 14pt;
@@ -102,7 +103,7 @@ ion-item{
   border-radius: 15px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
   border:1px solid #e9e9e9 !important;
-  background-color: var(--white);
+  //background-color: transparent;
   margin-bottom: 10px !important;
   padding: 15px;
 }
@@ -156,7 +157,7 @@ ion-item{
   .exp-workflow{
     float: left;
     margin: 0 !important;
-  
+
     .label{
       border-radius: 15px;
       background: #ffb703;
@@ -219,4 +220,4 @@ ion-item{
   font-size: 45px;
   float: right;
   margin-right: 10px;
-}
\ No newline at end of file
+}
diff --git a/src/app/shared/gabinete-digital/generic/task-list/task-list.page.html b/src/app/shared/gabinete-digital/generic/task-list/task-list.page.html
index dcda5489b..1358175c1 100644
--- a/src/app/shared/gabinete-digital/generic/task-list/task-list.page.html
+++ b/src/app/shared/gabinete-digital/generic/task-list/task-list.page.html
@@ -5,7 +5,7 @@
     <div *ngIf="taskList.length >= 0">
       <ion-list part="divo">
         <div
-          class="expediente ion-no-padding ion-no-margin cursor-pointer"
+          class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of taskList; let i = index"
           (click)="viewTaskDetail.emit(task)"
         >
diff --git a/src/app/shared/gabinete-digital/pedidos/pedidos.page.html b/src/app/shared/gabinete-digital/pedidos/pedidos.page.html
index 1887bb852..97a5a57bb 100644
--- a/src/app/shared/gabinete-digital/pedidos/pedidos.page.html
+++ b/src/app/shared/gabinete-digital/pedidos/pedidos.page.html
@@ -35,7 +35,7 @@
         <!-- *ngFor = "let task of pedidosstore.listparecer; let i = index"
         (click)="viewExpedientDetail(task.SerialNumber)" -->
         <div
-          class="expediente ion-no-padding ion-no-margin cursor-pointer"
+          class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of pedidosstore.listparecer"
           (click)="goToPedido(task.SerialNumber)"
         >
@@ -72,7 +72,7 @@
     <div *ngIf="pedidosstore.listdeferimento.length >= 1">
       <ion-list *ngSwitchCase="'deferimento'">
         <div
-          class="expediente ion-no-padding ion-no-margin cursor-pointer"
+          class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of pedidosstore.listdeferimento"
           (click)="goToPedido(task.SerialNumber)"
         >
diff --git a/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss b/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss
index b8fbc29f0..a8b52045f 100644
--- a/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss
+++ b/src/app/shared/gabinete-digital/pedidos/pedidos.page.scss
@@ -39,8 +39,8 @@ ion-item{
 .item {
     //border-radius: 15px;
     //box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
-    //Sborder: solid 1px #e9e9e9;
-    background-color: var(--white);
+    //border: solid 1px #e9e9e9;
+    //background-color: var(--white);
     margin: 0 auto;
     //padding: 10px;
     overflow: hidden;
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index b7b9788f3..9da84140a 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -367,6 +367,16 @@ $app-theme: mat-light-theme((
 
 /* .event-actions-popover ion-list{
 } */
+
+.item-hover:hover{
+  background-color: #e6f6ff75 !important;
+}
+
+.box-hover:hover{
+  background-color: #e6f6ff75 !important;
+  border: 1px solid #42b9fe !important;
+}
+
 .Rectangle {
   border-radius: 15px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);