diff --git a/src/app/pages/events/event-detail/event-detail.page.html b/src/app/pages/events/event-detail/event-detail.page.html
index b61f6bc5d..b1d2161c1 100644
--- a/src/app/pages/events/event-detail/event-detail.page.html
+++ b/src/app/pages/events/event-detail/event-detail.page.html
@@ -97,7 +97,7 @@
             <div *ngIf="j<2">
               <ion-list *ngIf="loadedEvent.HasAttachments">
                 <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
-                <ion-item lines="none">
+                <ion-item lines="none" (click)="viewDocument(att.Link)">
                   <ion-icon name="attach" slot="start"></ion-icon>
                   <ion-label>
                       <p>{{ att.Description }}</p>
@@ -111,7 +111,7 @@
                 <ion-label color="secondary">Ver mais...</ion-label>
               </ion-button>
             </div>
-          </div> 
+          </div>
           <!-- Skeleton Attachment -->
         <ion-list *ngIf="!loadedEventAttachments">
           <ion-item lines="none" >
diff --git a/src/app/pages/events/event-detail/event-detail.page.ts b/src/app/pages/events/event-detail/event-detail.page.ts
index fa20e5ec6..d12258d8b 100644
--- a/src/app/pages/events/event-detail/event-detail.page.ts
+++ b/src/app/pages/events/event-detail/event-detail.page.ts
@@ -11,6 +11,7 @@ import { AlertService } from 'src/app/services/alert.service';
 import { Attachment } from 'src/app/models/attachment.model';
 import { AttachmentsService } from 'src/app/services/attachments.service';
 import { FormGroup, FormBuilder, Validators } from "@angular/forms";
+import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
 
 
 @Component({
@@ -31,11 +32,15 @@ export class EventDetailPage implements OnInit {
   minDate: Date;
 
 
-  constructor(public formBuilder: FormBuilder, public alertController: AlertController, 
-    private router: Router, private activatedRoute: ActivatedRoute, 
-    private eventsService: EventsService, private modalCtrl: ModalController,
+  constructor(public formBuilder: FormBuilder, 
+    public alertController: AlertController, 
+    private router: Router, 
+    private activatedRoute: ActivatedRoute, 
+    private eventsService: EventsService, 
+    private modalCtrl: ModalController,
     private alertService: AlertService,
-    private attachamentsService: AttachmentsService) { 
+    private attachamentsService: AttachmentsService,
+    private iab: InAppBrowser) { 
     this.loadedEvent = new Event();
     this.loadedEvent.Body = new EventBody();
   }
@@ -180,7 +185,12 @@ export class EventDetailPage implements OnInit {
       this.loadedEventAttachments = attachments;
     });
   }
-
+  async viewDocument(documenturl:string)
+  {
+    const url: string = documenturl.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
+    const browser = this.iab.create(url,"_blank");
+    browser.show();
+  }
   
 
 
diff --git a/src/index.html b/src/index.html
index fd3f9183a..8942fb494 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,6 +13,8 @@
   <meta name="msapplication-tap-highlight" content="no" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
 
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+
   <link rel="icon" type="image/x-icon" href="assets/icon/favicon.png" />
 
   <!-- add to homescreen for ios -->