diff --git a/app/static/js/csentry.js b/app/static/js/csentry.js
index e2721ae47e083a392b22ddf22565463112a2f400..57274001b55807e27504d7d7fc8db928cfc97d8c 100644
--- a/app/static/js/csentry.js
+++ b/app/static/js/csentry.js
@@ -1,3 +1,16 @@
+function flash_alert(message, category) {
+  var htmlString = '<div class="alert alert-' + category + ' alert-dismissible" role="alert">'
+  htmlString += '<button type="button" class="close" data-dismiss="alert" aria-label="Close">'
+  htmlString += '<span aria-hidden="true">&times;</span></button>' + message + '</div>'
+  $(htmlString).prependTo("#mainContent").hide().slideDown();
+}
+
+function remove_alerts() {
+  $(".alert").slideUp("normal", function() {
+    $(this).remove();
+  });
+}
+
 // Function to dynamically update a select field
 function update_selectfield(field_id, data, selected_value) {
   var $field = $(field_id);
diff --git a/app/templates/base-fluid.html b/app/templates/base-fluid.html
index c3f1400fc95498c88a89f97de45532fe36b8bf38..394b91bb41320c0940d616ed1d7afefcfa93f2d2 100644
--- a/app/templates/base-fluid.html
+++ b/app/templates/base-fluid.html
@@ -34,7 +34,7 @@
       </div>
     </div>
 
-    <div class="col-12 col-md-10 col-xl-10">
+    <div class="col-12 col-md-10 col-xl-10" id="mainContent">
       {{flashed_messages(messages, container=False, dismissible=True)}}
       {% block main %}{% endblock %}
     </div>
diff --git a/app/templates/base.html b/app/templates/base.html
index 9f4c97ddd18916a92f99fe69ddb323fa692c6bea..9e7533c6ef449c7bcfc94733a108fb0ba6dbe64a 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -54,7 +54,7 @@
 {% endblock %}
 
 {% block content %}
-  <div class="container">
+  <div class="container" id="mainContent">
     {{flashed_messages(messages, container=False, dismissible=True)}}
     {% block main %}{% endblock %}
   </div>