Added popover overlay

src/components/popover/popover.component.scss

@@ -1,13 +1,14 @@
-:host {
+.popover {
     display: flex;
     flex-direction: column;
     padding: 0;
     max-width: 568px;
     width: 100%;
     transform: translateX(-50%);
+    visibility: hidden;
 
-    > .container-fluid {
-        overflow: hidden;
+    &.display {
+        visibility: visible;
     }
 
     &.leftArrow {
@@ -28,6 +29,10 @@
             left: auto;
         }
     }
+
+    > .container-fluid {
+        overflow: hidden;
+    }
 }
 
 .arrowCustom {
@@ -100,6 +105,19 @@
     padding: 10px 24px;
 }
 
+.popover-overlay {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    display: none;
+
+    &.display {
+        display: block;
+    }
+}
+
 .select2-item {
     position: relative;
     font-size: 1.5rem;