diff --git a/src/app/shared/services/clickevent.service.ts b/src/app/shared/services/clickevent.service.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a4e9e9cfa25769acbdf299faca081b6eb5dd88b7
--- /dev/null
+++ b/src/app/shared/services/clickevent.service.ts
@@ -0,0 +1,9 @@
+import {Injectable} from '@angular/core';
+import {fromEvent, Observable} from 'rxjs';
+
+@Injectable()
+export class ClickEventService {
+  static clickEvent(): Observable<any> {
+    return fromEvent(document, 'click');
+  }
+}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 53dc2ae0533c9096e2a61a58b406ae2e0d946a31..6d6cc4350fed6dd3fe2707130fc1ea0191a87f34 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -1,6 +1,7 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {MaterialModule} from '@app/material.module';
+import {ClickEventService} from '@app/shared/services/clickevent.service';
 import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
 import {library} from '@fortawesome/fontawesome-svg-core';
 import {fas} from '@fortawesome/free-solid-svg-icons';
@@ -21,7 +22,9 @@ const modules = [
     ...modules,
     TranslateModule,
   ],
-  providers: [],
+  providers: [
+    ClickEventService,
+  ],
 })
 export class SharedModule {
 }