diff --git a/src/app/pages/agenda/agenda.page.ts b/src/app/pages/agenda/agenda.page.ts
index 65ddf319d..993d7de56 100644
--- a/src/app/pages/agenda/agenda.page.ts
+++ b/src/app/pages/agenda/agenda.page.ts
@@ -367,8 +367,6 @@ export class AgendaPage implements OnInit {
           
         }
   
-  
-  
       }, timeout);
     }
 
diff --git a/src/app/pages/agenda/view-event/task-options/task-options.component.html b/src/app/pages/agenda/view-event/task-options/task-options.component.html
index b49d08b03..78d6d3599 100644
--- a/src/app/pages/agenda/view-event/task-options/task-options.component.html
+++ b/src/app/pages/agenda/view-event/task-options/task-options.component.html
@@ -1,3 +1,17 @@
-<p>
-  task-options works!
-</p>
+<ion-content class="container">
+  <div class="arrow-right" >
+    <button class="btn-no-color">
+      <ion-icon slot="end" class="arrow-right-icon" src='assets/images/icons-arrow-arrow-right.svg'></ion-icon>
+    </button>
+  </div>
+  <div class="buttons">
+    <button  full class="btn-ok" shape="round" >Efectuar Despacho</button>
+    <button  full class="btn-ok" shape="round" >Pedido de Parecer</button>
+    <button  full class="btn-ok" shape="round" >Pedido de Deferimento</button>
+    <button  full class="btn-ok" shape="round" >Marcar reunião</button>
+    <button  full class="btn-ok" shape="round" >Descartar</button>
+    <button full class="btn-ok" shape="round" *ngIf="showEnviarPendentes" >Enviar para pendentes</button>
+    <div class="solid"></div>
+    <button full class="btn-cancel" shape="round" >Cancelar</button>
+  </div>
+</ion-content>
diff --git a/src/app/pages/agenda/view-event/task-options/task-options.component.scss b/src/app/pages/agenda/view-event/task-options/task-options.component.scss
index e69de29bb..2c7a0cc7f 100644
--- a/src/app/pages/agenda/view-event/task-options/task-options.component.scss
+++ b/src/app/pages/agenda/view-event/task-options/task-options.component.scss
@@ -0,0 +1,51 @@
+.container{
+    --padding-top:20px !important;
+   --padding-bottom:20px !important;
+   --padding-start:20px !important;
+   --padding-end:20px !important;
+}
+.arrow-right{
+    display: none;
+    margin-bottom: 20px;
+    .arrow-right-icon{
+        width: 37px;
+        float: right;
+        font-size: 35px;
+        overflow: hidden;
+    }
+}
+.buttons{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+.solid {
+    display: none;
+    width: 90%;
+    border-top: 1px solid #bbb;
+    margin: 0 auto !important;
+  }
+  .btn-ok, .btn-cancel{
+    //width: 50% !important;
+    margin-bottom: 5px !important;
+    margin-top: 5px !important;
+}
+@media only screen and (min-width: 1024px) {
+    .arrow-right{
+        display: flex;
+        justify-content: flex-end;
+    }
+    .btn-cancel{
+        display: none;
+        width: 100% !important;
+        margin-bottom: 10px !important;
+    }
+    .btn-delete, .btn-ok{
+        width: 100% !important;
+        margin-bottom: 10px !important;
+        margin-top: 10px !important;
+    }
+   /*  .solid{
+        display: block;
+    } */
+}
\ No newline at end of file
diff --git a/src/app/pages/agenda/view-event/view-event.page.html b/src/app/pages/agenda/view-event/view-event.page.html
index f59e148b5..f97672017 100644
--- a/src/app/pages/agenda/view-event/view-event.page.html
+++ b/src/app/pages/agenda/view-event/view-event.page.html
@@ -1,4 +1,4 @@
-<ion-menu autoHide="false" side="end" content-id="main-content" >
+<!-- <ion-menu autoHide="false" side="end" content-id="main-content" >
   <ion-header>
     <ion-toolbar translucent>
       <ion-title>Menu</ion-title>
@@ -22,16 +22,12 @@
         <ion-icon name="calendar" slot="start"></ion-icon>
         <ion-label>Marcar reunião</ion-label>
       </ion-item>
-      <!-- <ion-item (click)="deleteEvent()">
-        <ion-icon name="trash" slot="start"></ion-icon>
-        <ion-label>Descartar</ion-label>
-      </ion-item> -->
     </ion-list>
   </ion-content>
 </ion-menu>
 <div class="ion-page d-none" id="main-content">
   <ion-menu-button></ion-menu-button>
-</div>
+</div> -->
 
 <ion-content class="height-100">
   <div class="main-content d-flex height-100">
@@ -106,9 +102,9 @@
                   <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span>
                 </div>
     
-                <ion-menu-button (click)="docIndex(i)" style="width: 35px; height: 41px;" autoHide="false">
+                <div (click)="docIndex(i);openTaskOptions()" style="width: 35px; height: 41px;" autoHide="false">
                   <ion-icon  name="ellipsis-vertical-outline"></ion-icon>
-                </ion-menu-button>
+                </div>
     
               </ion-label>
             </ion-item>
diff --git a/src/app/pages/agenda/view-event/view-event.page.ts b/src/app/pages/agenda/view-event/view-event.page.ts
index 7382cda94..c92f115bc 100644
--- a/src/app/pages/agenda/view-event/view-event.page.ts
+++ b/src/app/pages/agenda/view-event/view-event.page.ts
@@ -12,6 +12,7 @@ import { ProcessesService } from 'src/app/services/processes.service';
 import { ExpedientTaskModalPage } from '../../gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page';
 import { BookMeetingModalPage } from '../../gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page';
 import { OptsExpedientePage } from 'src/app/shared/popover/opts-expediente/opts-expediente.page';
+import { TaskOptionsComponent } from './task-options/task-options.component';
 
 @Component({
   selector: 'app-view-event',
@@ -186,52 +187,89 @@ export class ViewEventPage implements OnInit {
     });
   }
 
-  async openBookMeetingModal() {
+  // async openBookMeetingModal() {
 
-    const doc = this.loadedAttachments[ this.dicIndex];
+  //   const doc = this.loadedAttachments[ this.dicIndex];
 
-    let task = {
-      serialNumber: doc.SourceId,
-      taskStartDate: doc.CreateDate,
-      isEvent: true,
-      workflowInstanceDataFields: {
-        FsId: doc.ApplicationId, 
-        FolderID: null,
-        DocId: doc.SourceId, 
-        Subject: doc.SourceName
-      },
-    }
+  //   let task = {
+  //     serialNumber: doc.SourceId,
+  //     taskStartDate: doc.CreateDate,
+  //     isEvent: true,
+  //     workflowInstanceDataFields: {
+  //       FsId: doc.ApplicationId, 
+  //       FolderID: null,
+  //       DocId: doc.SourceId, 
+  //       Subject: doc.SourceName
+  //     },
+  //   }
     
-    let classs;
-    if( window.innerWidth <= 800){
-      classs = 'book-meeting-modal modal modal-desktop'
-    } else  {
-      classs = 'modal modal-desktop showAsideOptions'
-    }
-    const modal = await this.modalController.create({
-      component: BookMeetingModalPage,
-      componentProps: {
-        task: task,
-      },
-      cssClass: classs,
-      backdropDismiss: false
-    });
-    await modal.present();
-    modal.onDidDismiss();
-  }
+  //   let classs;
+  //   if( window.innerWidth <= 800){
+  //     classs = 'book-meeting-modal modal modal-desktop'
+  //   } else  {
+  //     classs = 'modal modal-desktop showAsideOptions'
+  //   }
+  //   const modal = await this.modalController.create({
+  //     component: BookMeetingModalPage,
+  //     componentProps: {
+  //       task: task,
+  //     },
+  //     cssClass: classs,
+  //     backdropDismiss: false
+  //   });
+  //   await modal.present();
+  //   modal.onDidDismiss();
+  // }
 
-  async openExpedientActionsModal(taskAction: any) {
-    //this.modalController.dismiss();
-    let classs;
-    if( window.innerWidth <= 800){
-      classs = 'modal modal-desktop'
-    } else  {
-      classs = 'modal modal-desktop showAsideOptions'
-    }
+  // async openExpedientActionsModal(taskAction: any) {
+  //   //this.modalController.dismiss();
+  //   let classs;
+  //   if( window.innerWidth <= 800){
+  //     classs = 'modal modal-desktop'
+  //   } else  {
+  //     classs = 'modal modal-desktop showAsideOptions'
+  //   }
+
+  //   const doc = this.loadedAttachments[ this.dicIndex];
+
+  //   let task = {
+  //     serialNumber: doc.SourceId,
+  //     taskStartDate: doc.CreateDate,
+  //     isEvent: true,
+  //     workflowInstanceDataFields: {
+  //       FsId: doc.ApplicationId, 
+  //       FolderID: null,
+  //       DocId: doc.SourceId, 
+  //       Subject: doc.SourceName
+  //     },
+  //   }
+
+  //   const modal = await this.modalController.create({
+  //     component: ExpedientTaskModalPage,
+  //     componentProps: {
+  //       taskAction: taskAction,
+  //       task: task,
+  //       profile: this.profile,
+  //     },
+  //     cssClass: classs,
+  //   });
+  //   await modal.present();
+  //   modal.onDidDismiss().then(res=>{
+  //     console.log(res['data']);
+  //     if(res['data']=='openDiscart'){
+  //       console.log('open discart');
+  //       // this.distartExpedientModal();
+  //     }
+
+  //   });
+  // }
+
+
+  async openTaskOptions() {
 
     const doc = this.loadedAttachments[ this.dicIndex];
 
-    let task = {
+    let customTask = {
       serialNumber: doc.SourceId,
       taskStartDate: doc.CreateDate,
       isEvent: true,
@@ -243,27 +281,21 @@ export class ViewEventPage implements OnInit {
       },
     }
 
-    const modal = await this.modalController.create({
-      component: ExpedientTaskModalPage,
+    const popover = await this.popoverController.create({
+      component: OptsExpedientePage,
+      cssClass: 'exp-options',
       componentProps: {
-        taskAction: taskAction,
-        task: task,
-        profile: this.profile,
+        fulltask: customTask,
+        task: customTask
       },
-      cssClass: classs,
-    });
-    await modal.present();
-    modal.onDidDismiss().then(res=>{
-      console.log(res['data']);
-      if(res['data']=='openDiscart'){
-        console.log('open discart');
-        
-        // this.distartExpedientModal();
-
-      }
-
+      translucent: true
     });
+    return await popover.present();
   }
 
 
+  docIndex(index: number){
+    this.dicIndex = index
+  }
+
 }
diff --git a/src/app/shared/agenda/view-event/view-event.page.html b/src/app/shared/agenda/view-event/view-event.page.html
index 047226798..fac60bff3 100644
--- a/src/app/shared/agenda/view-event/view-event.page.html
+++ b/src/app/shared/agenda/view-event/view-event.page.html
@@ -1,4 +1,4 @@
-<ion-menu autoHide="false" side="end" content-id="main-content" >
+<!-- <ion-menu autoHide="false" side="end" content-id="main-content" >
   <ion-header>
     <ion-toolbar translucent>
       <ion-title>Menu</ion-title>
@@ -22,16 +22,12 @@
         <ion-icon name="calendar" slot="start"></ion-icon>
         <ion-label>Marcar reunião</ion-label>
       </ion-item>
-      <!-- <ion-item (click)="deleteEvent()">
-        <ion-icon name="trash" slot="start"></ion-icon>
-        <ion-label>Descartar</ion-label>
-      </ion-item> -->
     </ion-list>
   </ion-content>
 </ion-menu>
 <div class="ion-page d-none" id="main-content">
   <ion-menu-button></ion-menu-button>
-</div>
+</div> -->
 
 <ion-header  class="ion-no-border">
   <ion-toolbar class="header-toolbar">
@@ -111,9 +107,9 @@
               <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span>
             </div>
 
-            <ion-menu-button (click)="docIndex(i)" style="width: 35px; height: 41px;" autoHide="false">
-              <ion-icon  name="ellipsis-vertical-outline"></ion-icon>
-            </ion-menu-button>
+                <div (click)="docIndex(i);openTaskOptions()" style="width: 35px; height: 41px;" autoHide="false">
+                  <ion-icon  name="ellipsis-vertical-outline"></ion-icon>
+                </div>
 
           </ion-label>
         </ion-item>
diff --git a/src/app/shared/agenda/view-event/view-event.page.ts b/src/app/shared/agenda/view-event/view-event.page.ts
index 7c3f92aeb..3a66267ff 100644
--- a/src/app/shared/agenda/view-event/view-event.page.ts
+++ b/src/app/shared/agenda/view-event/view-event.page.ts
@@ -11,6 +11,7 @@ import { ExpedientTaskModalPage } from 'src/app/pages/gabinete-digital/expedient
 import { momentG }  from 'src/plugin/momentG';
 import { BookMeetingModalPage } from 'src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page';
 import { ChatPopoverPage } from '../../popover/chat-popover/chat-popover.page';
+import { OptsExpedientePage } from '../../popover/opts-expediente/opts-expediente.page';
 
 @Component({
   selector: 'app-view-event',
@@ -184,7 +185,7 @@ export class ViewEventPage implements OnInit {
 
     const doc = this.loadedAttachments[ this.dicIndex];
 
-    task = {
+    const Customtask = {
       serialNumber: doc.SourceId,
       taskStartDate: doc.CreateDate,
       isEvent: true,
@@ -214,4 +215,34 @@ export class ViewEventPage implements OnInit {
     modal.onDidDismiss();
   }
 
+
+  
+  async openTaskOptions() {
+
+    const doc = this.loadedAttachments[ this.dicIndex];
+
+    let customTask = {
+      serialNumber: doc.SourceId,
+      taskStartDate: doc.CreateDate,
+      isEvent: true,
+      workflowInstanceDataFields: {
+        FsId: doc.ApplicationId, 
+        FolderID: null,
+        DocId: doc.SourceId, 
+        Subject: doc.SourceName
+      },
+    }
+
+    const popover = await this.modalController.create({
+      component: OptsExpedientePage,
+      cssClass: 'model aside-modal search-submodal',
+      componentProps: {
+        fulltask: customTask,
+        task: customTask
+      },
+      //translucent: true
+    });
+    return await popover.present();
+  }
+
 }
\ No newline at end of file
diff --git a/src/global.scss b/src/global.scss
index e45e16988..0b6614828 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -371,6 +371,15 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
     }
 }
 
+.aside-modal{
+    .modal-wrapper{
+        position: absolute;
+        right: 0px;
+        height: 100%;
+        width: 400px;
+    }
+}
+
 .modal-width-100-width-background, .modal-desktop {
     .modal-wrapper{
         width: 100%  !important;