diff --git a/redcap_v5.2.3/Resources/css/custom.css b/redcap_v5.2.3/Resources/css/custom.css
index a6c9a61..feef08c 100644
--- a/redcap_v5.2.3/Resources/css/custom.css
+++ b/redcap_v5.2.3/Resources/css/custom.css
@@ -135,4 +135,34 @@ td#changeFont {display:none;}
 
 #valtext_divs, #valregex_divs { display:none; }
 
-a#pops:link, a#pops:visited, a#pops:active, a#pops:hover { text-decoration: none; }  
\ No newline at end of file
+a#pops:link, a#pops:visited, a#pops:active, a#pops:hover { text-decoration: none; }  
+
+.popover-content {
+	padding: 11px 14px;
+	font-size: 14px;
+	text-align: left;}
+
+h3.popover-title {
+    font-size: 15px;
+    font-weight: bold;
+    border: medium none;
+    position: relative;
+    margin-top: 5px;
+    padding: 1px 0px 4px;
+    display: inline-block;
+    width: 90%;}
+
+button.close.pull-right {
+    float: right;
+    display: inline;}
+
+.popover-header {
+    background-color: rgb(247, 247, 247);
+    display: block;
+    border-bottom: 1px solid rgb(235, 235, 235);
+    border-radius: 5px 5px 0px 0px;
+    min-height: 25px;
+    padding: 5px 7px 5px 5px;
+}
+
+.popover-title{background-color:none;}
\ No newline at end of file
diff --git a/redcap_v5.2.3/Resources/js/bootstrap-popover.js b/redcap_v5.2.3/Resources/js/bootstrap-popover.js
index 86ddd22..c91cadc 100755
--- a/redcap_v5.2.3/Resources/js/bootstrap-popover.js
+++ b/redcap_v5.2.3/Resources/js/bootstrap-popover.js
@@ -99,7 +99,7 @@
     placement: 'right'
   , trigger: 'click'
   , content: ''
-  , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"></div></div></div>'
+  , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-header"><button type="button" class="close pull-right" data-dismiss="popover" aria-hidden="true">&times;</button><h3 class="popover-title"></h3></div><div class="popover-content"></div></div></div>'
   })
 
 
@@ -119,7 +119,31 @@ $("a[rel=popover]")
         e.preventDefault();
      });
  
- $(function(){
-		   $("#pops").popover();
-		   });
+   $.fn.extend({
+    popoverClosable: function (options) {
+        var defaults = {
+            template:'<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-header"><button type="button" class="close pull-right" data-dismiss="popover" aria-hidden="true">&times;</button><h3 class="popover-title"></h3></div><div class="popover-content"></div></div></div>'
+        };
+        options = $.extend({}, defaults, options);
+        var $popover_togglers = this;
+        $popover_togglers.popover(options);
+        $popover_togglers.on('click', function (e) {
+            e.preventDefault();
+            $popover_togglers.not(this).popover('hide');
+        });
+        $('html').on('click', '[data-dismiss="popover"]', function (e) {
+            $popover_togglers.popover('hide');
+        })
+    }
+  })
+
+  $(function () {
+    $("#pops").popoverClosable({trigger: 'click hover'});
+  });
+ 
 
+/* 
+  $(function () {
+     $("#pops").popover();
+  }); 
+*/
\ No newline at end of file