Index: lams_admin/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_admin/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_admin/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_admin/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_admin/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_admin/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_admin/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_admin/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_admin/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_admin/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_admin/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_admin/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -49,7 +49,7 @@
          <name>toolSignature</name>
          <required>false</required>
 
-         <rtexprvalue>true</rtexprvalue>
+           <rtexprvalue>true</rtexprvalue>
 
       </attribute>
       <attribute>
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_admin/web/cleanup.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/cleanup.jsp	(.../cleanup.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/cleanup.jsp	(.../cleanup.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -32,9 +32,9 @@
 			<div class="card-body">
 				<lams:errors path="numDays"/>
 		
-				<lams:Alert type="warn" id="cleanup-warning" close="false">
+				<lams:Alert5 type="warn" id="cleanup-warning" close="false">
 					<fmt:message key="msg.cleanup.warning" /><br />
-				</lams:Alert>
+				</lams:Alert5>
 				
 				<c:set var="filesDeleted" value="${filesDeleted}"/>
 				<c:if test="${not empty filesDeleted}">
Index: lams_admin/web/config/editconfig.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/config/editconfig.jsp	(.../editconfig.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/config/editconfig.jsp	(.../editconfig.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -31,9 +31,9 @@
 	<lams:Page5 type="admin" title="${title}" titleHelpURL="${help}"  breadcrumbItems="${breadcrumbItems}" formID="configForm" >
 	
 		<c:if test="${not empty error}">
-			<lams:Alert type="danger" id="error-messages" close="false">
+			<lams:Alert5 type="danger" id="error-messages" close="false">
 				<c:out value="${error}" />
-			</lams:Alert>
+			</lams:Alert5>
 		</c:if>
 		
 		<form:form action="config/save.do" modelAttribute="configForm" id="configForm" method="post">
Index: lams_admin/web/import/importexcel.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/import/importexcel.jsp	(.../importexcel.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/import/importexcel.jsp	(.../importexcel.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -149,7 +149,7 @@
 				</ul>
 				</p>
 			<c:set var="alertTitle"><fmt:message key='label.password.must.contain' /></c:set>
-			<lams:Alert type="info" close="false" title="${alertTitle}:">
+			<lams:Alert5 type="info" close="false" title="${alertTitle}:">
 				<ul style="line-height: 1.2em; list-style: none;">
 							<li><span class="fa fa-check"></span> <fmt:message
 									key='label.password.min.length'>
@@ -178,7 +178,7 @@
 								<fmt:message key='label.password.common' />
 							</li>
 						</ul>
-					</lams:Alert>
+					</lams:Alert5>
 				</div>
 				<p>
 					<fmt:message key="msg.import.conclusion" />
Index: lams_admin/web/orgPasswordChange.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/orgPasswordChange.jsp	(.../orgPasswordChange.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/orgPasswordChange.jsp	(.../orgPasswordChange.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -347,7 +347,7 @@
 				<div class="panel panel-default panel-body">
 					<h3><c:out value='${orgPasswordChangeForm.orgName}' /></h3>
 					
-					<lams:Alert type="info" id="passwordConditions" close="false">
+					<lams:Alert5 type="info" id="passwordConditions" close="false">
 						<fmt:message key='label.password.must.contain' />:
 						<ul class="list-unstyled" style="line-height: 1.2">
 							<li><span class="fa fa-check"></span> <fmt:message
@@ -383,7 +383,7 @@
 							</li>
 						</ul>
 						
-					</lams:Alert>
+					</lams:Alert5>
 					
 					<form:form action="changePassword.do" modelAttribute="orgPasswordChangeForm" id="orgPasswordChangeForm" method="post">
 						<input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/>
@@ -408,9 +408,9 @@
 						</div>
 						
 						<c:if test="${success}">
-							<lams:Alert type="info" id="passwordConditions" close="false">
+							<lams:Alert5 type="info" id="passwordConditions" close="false">
 								<h4><fmt:message key="admin.org.password.change.success" /></h4>
-							</lams:Alert>
+							</lams:Alert5>
 						</c:if>
 						
 						<div id="formValidationErrors">
Index: lams_admin/web/signupmanagement/list.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/signupmanagement/list.jsp	(.../list.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/signupmanagement/list.jsp	(.../list.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -36,9 +36,9 @@
 	<lams:Page5 type="admin" title="${title}" titleHelpURL="${help}" breadcrumbItems="${breadcrumbItems}">
 	
 		<c:if test="${not empty error}">
-			<lams:Alert type="warn" id="errorMessage" close="false">	
+			<lams:Alert5 type="warn" id="errorMessage" close="false">	
 				<c:out value="${error}" />
-			</lams:Alert>
+			</lams:Alert5>
 		</c:if>
 		
 		<table class="table table-striped table-bordered" >
Index: lams_admin/web/user.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/user.jsp	(.../user.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/user.jsp	(.../user.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -209,7 +209,7 @@
 		<c:if test="${empty userForm.userId}">
 			<div class="row">
 				<div class="col-6 offset-3">
-					<lams:Alert type="info" id="passwordConditions" close="false">
+					<lams:Alert5 type="info" id="passwordConditions" close="false">
 						<fmt:message key='label.password.must.contain' />:
 							<ul class="list-unstyled ml-2" style="line-height: 1.2">
 							<li><span class="fa fa-check" aria-hidden="true"></span> <fmt:message
@@ -242,7 +242,7 @@
 							<li><span class="fa fa-check"></span> <fmt:message
 									key='label.password.common' /></li>
 						</ul>
-					</lams:Alert>
+					</lams:Alert5>
 				</div>
 			</div>
 		</c:if>
Index: lams_admin/web/userChangePass.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/userChangePass.jsp	(.../userChangePass.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/userChangePass.jsp	(.../userChangePass.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -99,7 +99,7 @@
 <lams:Page5 type="admin" title="${title}" formID="userForm" breadcrumbItems="${breadcrumbItems}">	
 
 
-						<lams:Alert type="info" id="passwordConditions" close="false">
+						<lams:Alert5 type="info" id="passwordConditions" close="false">
 							<fmt:message key='label.password.must.contain' />:
 		<ul class="list-unstyled ml-2" style="line-height: 1.2">
 			<li><span class="fa fa-check"  aria-hidden="true"></span> <fmt:message
@@ -134,7 +134,7 @@
 									<fmt:message key='label.password.common' />
 								</li>
 							</ul>
-						</lams:Alert>
+						</lams:Alert5>
 						
 	<div class="row">
 		<div class="col-12 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
Index: lams_admin/web/usersearchlist.jsp
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_admin/web/usersearchlist.jsp	(.../usersearchlist.jsp)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_admin/web/usersearchlist.jsp	(.../usersearchlist.jsp)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -11,12 +11,13 @@
 	<title>${title}</title>
 	<link rel="shortcut icon" href="<lams:LAMSURL/>/favicon.ico" type="image/x-icon" />
 
-	<lams:css/>
+	<link rel="stylesheet" href="<lams:LAMSURL/>css/bootstrap5.custom.css">
+	<link rel="stylesheet" href="<lams:LAMSURL/>includes/font-awesome6/css/all.css">
+	<link rel="stylesheet" href="<lams:LAMSURL/>css/jquery-ui-bootstrap-theme5.css" type="text/css" media="screen">	
+	<link rel="stylesheet" href="<lams:LAMSURL/>css/jquery.tablesorter.theme.bootstrap5.css">
+	<link type="text/css"  href="<lams:LAMSURL/>css/jquery.tablesorter.pager5.css" rel="stylesheet">
+	<link rel="stylesheet" href="<lams:LAMSURL/>css/components.css">
 	<link rel="stylesheet" href="<lams:LAMSURL/>admin/css/admin.css" type="text/css" media="screen">
-	<link rel="stylesheet" href="<lams:LAMSURL/>css/jquery-ui-bootstrap-theme5.css" type="text/css" media="screen">
-	
-	<link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap5.css">
-	<link type="text/css" href="${lams}css/jquery.tablesorter.pager.css" rel="stylesheet">
 	<style>
 		#tablesorter thead .disabled {
 			display: none
@@ -28,7 +29,7 @@
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter-pager.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.tablesorter-widgets.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/bootstrap5.bundle.min.js"></script>
-	<script type="text/javascript" src="${lams}/includes/javascript/portrait.js" ></script>
+	<lams:JSImport src="includes/javascript/portrait5.js" />
 	<script type="text/javascript">
 	  	$(document).ready(function(){
 	  	
@@ -90,21 +91,21 @@
 								rows += 	orgData["email"];
 								rows += '</td>';
 								
-								rows += '<td class="text-center">';
-								rows +=		'<form style="display: inline-block;" id="delete_' + orgData["userId"] +'" method="post" action="/lams/admin/user/remove.do"><input type="hidden" name="userId" value="' + orgData["userId"] + '"/><input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/><button class="btn btn-outline-danger btn-sm" type="submit"><i class="fa fa-trash" title="<fmt:message key="admin.user.delete"/>"></i></button></form>';
+								rows += '<td>';
+								rows +=		'<form style="display: inline-block;" id="delete_' + orgData["userId"] +'" method="post" action="/lams/admin/user/remove.do"><input type="hidden" name="userId" value="' + orgData["userId"] + '"/><input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/><button class="btn btn-danger" type="submit"><i class="fa fa-trash" title="<fmt:message key="admin.user.delete"/>"></i></button></form>';
 								rows += 	'&nbsp;';
-								rows +=     '<form style="display: inline-block;" id="edit_' + orgData["userId"] +'" method="post" action="/lams/admin/user/edit.do"><input type="hidden" name="userId" value="' + orgData["userId"] + '"/><input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/><button class="btn btn-outline-primary btn-sm" type="submit"><i class="fa fa-pencil" title="<fmt:message key="admin.edit"/>"></i></button></form>';
+								rows +=     '<form style="display: inline-block;" id="edit_' + orgData["userId"] +'" method="post" action="/lams/admin/user/edit.do"><input type="hidden" name="userId" value="' + orgData["userId"] + '"/><input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/><button class="btn btn-primary" type="submit"><i class="fa fa-pencil" title="<fmt:message key="admin.edit"/>"></i></button></form>';
 								rows += 	'&nbsp;';
 								<c:if test="${loginAsEnable}">
 								rows += 	'<a title="<fmt:message key="label.login.as"/>" href="<lams:LAMSURL/>loginas.do?login=' + orgData["login"] + '">';
-								rows += 		'<button type="button" class="btn btn-outline-primary btn-sm" title="<fmt:message key="label.login.as"/>"><i class="fa fa-sign-in"></i></button>';
+								rows += 		'<button type="button" class="btn btn-primary" title="<fmt:message key="label.login.as"/>"><i class="fa fa-sign-in"></i></button>';
 								rows += 	'</a>';
 								rows += 	'&nbsp;';
 								</c:if>
 	
 								if (${(useInternalSMTPServer || not empty smtpServer)} && orgData["email"] != null && orgData["email"] != "") {
 								rows += 	'<a title="<fmt:message key="label.email"/>" href="<lams:LAMSURL/>emailUser/composeMail.do?returnUrl=/lams/admin/usersearch.do&userID=' + orgData["userId"] + '">';
-								rows += 		'<button type="button" class="btn btn-outline-primary btn-sm"><i class="fa fa-envelope"></i> <span class="hidden-xs hidden-sm"><fmt:message key="label.email"/></span></button>';
+								rows += 		'<button type="button" class="btn btn-primary"><i class="fa fa-envelope"></i> <span class="hidden-xs hidden-sm"><fmt:message key="label.email"/></span></button>';
 								rows += 	'</a>';
 								}
 								
@@ -140,7 +141,7 @@
 	</script>
 </lams:head>
     
-<body class="stripes">
+<body class="component pb-4">
 
 	<%-- Build the breadcrumb --%>
 	<c:set var="breadcrumbItems"><lams:LAMSURL/>admin/appadminstart.do | <fmt:message key="appadmin.maintain" /></c:set>
@@ -149,16 +150,18 @@
 
 
 	<lams:Page5 type="admin" title="${title}" breadcrumbItems="${breadcrumbItems}">
-	
-		<p><input class="btn btn-primary btn-sm" type="button" value="<fmt:message key="admin.user.create"/>" onclick="javascript:document.location='user/edit.do'" />
+		<div class="row mb-3">
+			<div class="col-2">
+				<input class="btn btn-primary" type="button" value="<fmt:message key="admin.user.create"/>" onclick="javascript:document.location='user/edit.do'" />
+			</div>
+				<label for="search" class="col offset-6 col-form-label text-end"><fmt:message key="admin.search" />:</label>
+			<div class="col-2">
+				<input class="search form-control" type="search" id="search" name="term" data-column="1">
+			</div>
+		</div>
 		
-		<span class="pull-right">
-			<label for="search"><fmt:message key="admin.search" /></label>:&nbsp;<input class="search form-control form-control-sm form-control-inline" type="search" id="search" name="term" data-column="1">
-		</span>
-		</p>
-		
-		<lams:TSTable numColumns="6"> 
-			<th width="3%">
+		<lams:TSTable5 numColumns="6"> 
+			<th width="100px">
 				<fmt:message key="admin.user.userid"/>
 			</th>
 			<th>
@@ -173,13 +176,13 @@
 			<th class="d-none d-lg-table-cell">
 				<fmt:message key="admin.user.email"/>
 			</th>
-			<th class="text-center">
+			<th>
 				<fmt:message key="admin.user.actions"/>
 			</th>
-		</lams:TSTable>			
-		<hr>
-		<div class="pull-right">
-			<a href="javascript:history.go(-1)" class="btn btn-outline-secondary btn-sm">
+		</lams:TSTable5>		
+			
+		<div class="text-end">
+			<a href="javascript:history.go(-1)" class="btn btn-secondary">
 				<fmt:message key="admin.cancel"/>
 			</a>
 		</div>		
Index: lams_central/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_central/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_central/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_central/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_central/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_central/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_central/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_central/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_central/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_central/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_central/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_central/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_central/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_central/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_central/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_central/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_central/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_central/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_gradebook/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_gradebook/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_gradebook/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_gradebook/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_gradebook/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_gradebook/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_gradebook/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_gradebook/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_gradebook/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_gradebook/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_gradebook/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_gradebook/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_gradebook/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_gradebook/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_gradebook/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_gradebook/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_gradebook/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_gradebook/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_learning/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_learning/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_learning/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_learning/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_learning/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_learning/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_learning/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_learning/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_learning/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_learning/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_learning/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_learning/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_learning/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_learning/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_learning/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_learning/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_learning/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_learning/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_monitoring/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_monitoring/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_monitoring/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_monitoring/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_monitoring/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_monitoring/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_monitoring/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_monitoring/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_monitoring/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_monitoring/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_monitoring/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_monitoring/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_monitoring/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_monitoring/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_monitoring/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_monitoring/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_monitoring/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_monitoring/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_assessment/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_assessment/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_assessment/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_assessment/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_assessment/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_assessment/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_assessment/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_assessment/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_assessment/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_assessment/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_assessment/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_assessment/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_assessment/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_assessment/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_assessment/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_assessment/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_assessment/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_assessment/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_chat/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_chat/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_chat/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_chat/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_chat/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_chat/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_chat/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_chat/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_chat/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_chat/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_chat/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_chat/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_chat/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_chat/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_chat/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_chat/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_chat/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_chat/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_daco/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_daco/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_daco/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_daco/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_daco/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_daco/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_daco/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_daco/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_daco/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_daco/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_daco/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_daco/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_daco/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_daco/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_daco/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_daco/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_daco/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_daco/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_doku/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_doku/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_doku/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_doku/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_doku/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_doku/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_doku/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_doku/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_doku/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_doku/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_doku/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_doku/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_doku/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_doku/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_doku/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_doku/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_doku/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_doku/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_forum/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_forum/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_forum/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_forum/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_forum/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_forum/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_forum/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_forum/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_forum/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_forum/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_forum/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_forum/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_forum/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_forum/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_forum/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_forum/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_forum/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_forum/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_gmap/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -re4a3e685c0a26e3f0a203410682cfaca4602f55a -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_gmap/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision e4a3e685c0a26e3f0a203410682cfaca4602f55a)
+++ lams_tool_gmap/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_gmap/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_gmap/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_gmap/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_gmap/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -re4a3e685c0a26e3f0a203410682cfaca4602f55a -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_gmap/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision e4a3e685c0a26e3f0a203410682cfaca4602f55a)
+++ lams_tool_gmap/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_gmap/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r78b448706a4b92d425c6d68add1c40d82759a6c7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_gmap/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 78b448706a4b92d425c6d68add1c40d82759a6c7)
+++ lams_tool_gmap/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_gmap/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_gmap/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_gmap/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_gmap/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_gmap/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_gmap/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_images/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_images/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_images/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_images/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_images/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_images/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_images/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_images/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_images/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_images/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_images/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_images/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_images/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_images/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_images/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_images/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_images/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_images/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_imscc/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_imscc/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_imscc/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_imscc/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_imscc/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_imscc/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_imscc/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_imscc/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_imscc/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_imscc/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_imscc/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_imscc/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_imscc/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_imscc/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_imscc/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_imscc/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_imscc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_imscc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_lamc/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_lamc/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_lamc/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_lamc/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_lamc/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_lamc/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_lamc/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_lamc/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_lamc/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_lamc/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_lamc/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_lamc/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_lamc/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_lamc/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_lamc/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_lamc/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_lamc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_lamc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_laqa/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_laqa/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_laqa/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_laqa/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_laqa/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_laqa/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_laqa/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_laqa/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_laqa/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_laqa/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_laqa/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_laqa/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_laqa/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_laqa/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_laqa/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_laqa/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_laqa/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_laqa/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_larsrc/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_larsrc/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_larsrc/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_larsrc/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_larsrc/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_larsrc/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_larsrc/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_larsrc/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_larsrc/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_larsrc/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_larsrc/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_larsrc/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_larsrc/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_larsrc/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_larsrc/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_larsrc/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_larsrc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_larsrc/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_leader/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_leader/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_leader/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_leader/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_leader/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_leader/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_leader/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_leader/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_leader/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_leader/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_leader/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_leader/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_leader/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_leader/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_leader/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_leader/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_leader/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_leader/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_mindmap/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_mindmap/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_mindmap/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_mindmap/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_mindmap/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_mindmap/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_mindmap/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_mindmap/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_mindmap/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_mindmap/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_mindmap/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_mindmap/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_mindmap/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_mindmap/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_mindmap/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_mindmap/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_mindmap/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_mindmap/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_nb/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_nb/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_nb/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_nb/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_nb/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_nb/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_nb/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_nb/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_nb/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_nb/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_nb/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_nb/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_nb/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_nb/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_nb/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_nb/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_nb/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_nb/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_notebook/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_notebook/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_notebook/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_notebook/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_notebook/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_notebook/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_notebook/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_notebook/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_notebook/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_notebook/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_notebook/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_notebook/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_notebook/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_notebook/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_notebook/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_notebook/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_notebook/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_notebook/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_pixlr/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_pixlr/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_pixlr/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_pixlr/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_pixlr/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_pixlr/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_pixlr/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_pixlr/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_pixlr/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_pixlr/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_pixlr/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_pixlr/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_pixlr/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_pixlr/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_pixlr/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_pixlr/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_pixlr/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_pixlr/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_preview/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_preview/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_preview/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_preview/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_preview/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_preview/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_preview/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_preview/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_preview/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_preview/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_preview/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_preview/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_preview/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_preview/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_preview/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_preview/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_preview/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_preview/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_sbmt/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_sbmt/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_sbmt/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_sbmt/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_sbmt/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_sbmt/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_sbmt/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_sbmt/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_sbmt/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_sbmt/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_sbmt/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_sbmt/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_sbmt/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_sbmt/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_sbmt/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_sbmt/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_sbmt/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_sbmt/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_scratchie/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scratchie/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_scratchie/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_scratchie/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_scratchie/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_scratchie/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_scratchie/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scratchie/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_scratchie/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_scratchie/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scratchie/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_scratchie/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_scratchie/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scratchie/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_scratchie/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_scratchie/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scratchie/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_scratchie/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_scribe/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scribe/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_scribe/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_scribe/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_scribe/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_scribe/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_scribe/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scribe/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_scribe/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_scribe/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scribe/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_scribe/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_scribe/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scribe/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_scribe/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_scribe/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_scribe/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_scribe/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_spreadsheet/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_spreadsheet/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_spreadsheet/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_spreadsheet/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_spreadsheet/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_spreadsheet/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_spreadsheet/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_spreadsheet/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_spreadsheet/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_survey/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_survey/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_survey/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_survey/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_survey/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_survey/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_survey/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_survey/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_survey/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_survey/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_survey/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_survey/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_survey/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_survey/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_survey/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_survey/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_survey/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_survey/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_task/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_task/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_task/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_task/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_task/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_task/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_task/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_task/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_task/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_task/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_task/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_task/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_task/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_task/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_task/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_task/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_task/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_task/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_vote/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_vote/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_vote/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_vote/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_vote/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_vote/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_vote/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_vote/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_vote/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_vote/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_vote/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_vote/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_vote/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_vote/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_vote/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_vote/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_vote/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_vote/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_whiteboard/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r90e5fd15f6474eb56d0b497d1b73e14bda75e262 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_whiteboard/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 90e5fd15f6474eb56d0b497d1b73e14bda75e262)
+++ lams_tool_whiteboard/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_whiteboard/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_whiteboard/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_whiteboard/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_whiteboard/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r90e5fd15f6474eb56d0b497d1b73e14bda75e262 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_whiteboard/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 90e5fd15f6474eb56d0b497d1b73e14bda75e262)
+++ lams_tool_whiteboard/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_whiteboard/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r90e5fd15f6474eb56d0b497d1b73e14bda75e262 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_whiteboard/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 90e5fd15f6474eb56d0b497d1b73e14bda75e262)
+++ lams_tool_whiteboard/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_whiteboard/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r90e5fd15f6474eb56d0b497d1b73e14bda75e262 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_whiteboard/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 90e5fd15f6474eb56d0b497d1b73e14bda75e262)
+++ lams_tool_whiteboard/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_whiteboard/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_whiteboard/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_whiteboard/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_wiki/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_wiki/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_wiki/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_wiki/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_wiki/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_wiki/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_wiki/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_wiki/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_wiki/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_wiki/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_wiki/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_tool_wiki/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_wiki/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_wiki/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_wiki/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_wiki/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_wiki/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_wiki/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_tool_zoom/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r2cf1e086b82a29fae22136351fc7a44821181323 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_zoom/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 2cf1e086b82a29fae22136351fc7a44821181323)
+++ lams_tool_zoom/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_tool_zoom/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_tool_zoom/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_tool_zoom/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_tool_zoom/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r2cf1e086b82a29fae22136351fc7a44821181323 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_zoom/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 2cf1e086b82a29fae22136351fc7a44821181323)
+++ lams_tool_zoom/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_tool_zoom/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r2cf1e086b82a29fae22136351fc7a44821181323 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_zoom/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 2cf1e086b82a29fae22136351fc7a44821181323)
+++ lams_tool_zoom/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_tool_zoom/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_zoom/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_tool_zoom/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_tool_zoom/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_tool_zoom/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_tool_zoom/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>
Index: lams_www/web/WEB-INF/tags/Alert.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_www/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_www/web/WEB-INF/tags/Alert.tag	(.../Alert.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -28,7 +28,7 @@
 </c:choose>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-${alertType}" style="margin-bottom: 10px; padding: 8px">
 			<div class="media">
 				<div class="media-left">
Index: lams_www/web/WEB-INF/tags/Alert5.tag
===================================================================
diff -u
--- lams_www/web/WEB-INF/tags/Alert5.tag	(revision 0)
+++ lams_www/web/WEB-INF/tags/Alert5.tag	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -0,0 +1,43 @@
+<%@ tag body-content="scriptless"%>
+<%@ taglib uri="tags-core" prefix="c"%>
+
+<%@ attribute name="close" required="false" rtexprvalue="true"%>
+<%@ attribute name="id" required="false" rtexprvalue="true"%>
+<%@ attribute name="title" required="false" rtexprvalue="true"%>
+<%@ attribute name="type" required="false" rtexprvalue="true"%>
+
+<c:set var="idName" value="alert-${type}" />
+<c:if test="${not empty id}">
+	<c:set var="idName" value="${id}" />
+</c:if>
+
+<c:set var="alertType" value="info" />
+<c:set var="iconType" value="info-circle" />
+<c:choose>
+	<c:when test="${type == 'danger'}">
+		<c:set var="alertType" value="danger" />
+		<c:set var="iconType" value="times-circle" />
+	</c:when>
+	<c:when test="${type == 'success'}">
+		<c:set var="alertType" value="success" />
+		<c:set var="iconType" value="check-circle" />
+	</c:when>
+	<c:when test="${type == 'warning'}">
+		<c:set var="alertType" value="warning" />
+		<c:set var="iconType" value="exclamation-circle" />
+	</c:when>
+</c:choose>
+
+<div class="row justify-content-md-center">
+	<div class="col-md-auto">
+		<div id="${idName}" class="alert alert-${alertType} shadow" role="alert">
+			<c:if test="${not empty title}">
+				<span class="fa fa-${iconType} "></span> <span class="alert-heading font-weight-bold">${title}</span>
+				<hr>
+			</c:if>
+			<p class="mb-0">
+			<jsp:doBody />
+			</p>
+		</div>
+	</div>
+</div>	
\ No newline at end of file
Index: lams_www/web/WEB-INF/tags/DefineLater.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_www/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_www/web/WEB-INF/tags/DefineLater.tag	(.../DefineLater.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -51,14 +51,14 @@
 
 <div class="row no-gutter">
 	<div
-		class="col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
+		class="col-12 col-xs-12 col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
 		<div class="alert alert-info">
 			<fmt:message key="${defineLaterMessageKey}" />
 		</div>
 	</div>
 </div>
 <div class="row no-gutter">
-	<div class="col-xs-12">
+	<div class="col-12 col-xs-12">
 		<a href="javascript:location.reload(true);"
 			class="btn btn-primary pull-right voffset5"><fmt:message
 				key="${buttonTryAgainKey}" /></a>
Index: lams_www/web/WEB-INF/tags/LeaderDisplay.tag
===================================================================
diff -u -r7475d08afc280b5e2e5ddf04e8bf35e3166aaf80 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_www/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 7475d08afc280b5e2e5ddf04e8bf35e3166aaf80)
+++ lams_www/web/WEB-INF/tags/LeaderDisplay.tag	(.../LeaderDisplay.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -17,7 +17,7 @@
 </c:if>
 
 <div class="row no-gutter">
-	<div class="col-xs-12 col-sm-offset-2 col-sm-8">
+	<div class="col-12 col-xs-12 col-sm-offset-2 col-sm-8">
 		<div id="${idName}" class="alert alert-info leader-display">
 			<h4><fmt:message key="${messageKey}">
 				<fmt:param><c:out value="${username}" escapeXml="true"/></fmt:param>
Index: lams_www/web/WEB-INF/tags/Rating.tag
===================================================================
diff -u -r26dd5894db796186d42b4bdfb259218eefea68d6 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_www/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 26dd5894db796186d42b4bdfb259218eefea68d6)
+++ lams_www/web/WEB-INF/tags/Rating.tag	(.../Rating.tag)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -197,11 +197,11 @@
 					</c:if>
 				
 					<div class="no-gutter">
-						<div class="col-xs-12 col-sm-11 ">
+						<div class="col-12 col-xs-12 col-sm-11 ">
 							<textarea name="comment" rows="2" id="comment-textarea-${itemRatingDto.itemId}" class="form-control"
 									placeholder="<fmt:message key="label.comment.textarea.tip"/>"></textarea>
 						</div>
-						<div class="button add-comment add-comment-new col-xs-12 col-sm-1" 
+						<div class="button add-comment add-comment-new col-12 col-xs-12 col-sm-1" 
 								data-item-id="${itemRatingDto.itemId}" data-comment-criteria-id="${itemRatingDto.commentsCriteriaId}"
 								data-show-all-comments="${showAllComments}"
 								data-refresh-on-submit="${refreshOnComment}">
Index: lams_www/web/WEB-INF/tlds/lams/lams.tld
===================================================================
diff -u -r85121f2d5a0394c96ef2ad1859c22b82391279b7 -r5f8dff0cc7d791c9cb34c850aaf235ca604055d7
--- lams_www/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 85121f2d5a0394c96ef2ad1859c22b82391279b7)
+++ lams_www/web/WEB-INF/tlds/lams/lams.tld	(.../lams.tld)	(revision 5f8dff0cc7d791c9cb34c850aaf235ca604055d7)
@@ -364,6 +364,10 @@
 	    <name>TSTable5</name>
 		<path>/WEB-INF/tags/TSTable5.tag</path>
    	</tag-file>    
+   	<tag-file>
+	    <name>Alert5</name>
+		<path>/WEB-INF/tags/Alert5.tag</path>
+   	</tag-file>  
    	<tag>
     <name>textarea</name>
     <tag-class>org.lamsfoundation.lams.web.tag.LAMSMultiLinesTextareaTag</tag-class>