diff --git a/application/views/interface_assets/footer.php b/application/views/interface_assets/footer.php
index 65c53d5f..173bf61a 100644
--- a/application/views/interface_assets/footer.php
+++ b/application/views/interface_assets/footer.php
@@ -860,6 +860,37 @@ function getLookupResult() {
   $(function () {
      $('[data-toggle="tooltip"]').tooltip()
   });
+
+  $(function () {
+    // hold onto the drop down menu                                             
+    var dropdownMenu;
+
+    // and when you show it, move it to the body                                     
+    $(window).on('show.bs.dropdown', function (e) {
+
+    // grab the menu        
+    dropdownMenu = $(e.target).find('.dropdown-menu');
+
+    // detach it and append it to the body
+    $('body').append(dropdownMenu.detach());
+
+    // grab the new offset position
+    var eOffset = $(e.target).offset();
+
+    // make sure to place it where it would normally go (this could be improved)
+    dropdownMenu.css({
+        'display': 'block',
+            'top': eOffset.top + $(e.target).outerHeight(),
+            'left': eOffset.left
+       });
+    });
+
+    // and when you hide it, reattach the drop down, and hide it normally                                                   
+    $(window).on('hide.bs.dropdown', function (e) {
+        $(e.target).append(dropdownMenu.detach());
+        dropdownMenu.hide();
+    });
+  })();
 </script>
 <script type="text/javascript">
 i=0;