Index: lams_admin/web/integration/ltiConsumer.jsp
===================================================================
diff -u -r6773df2f14e862722e0c63f969649af559ec0439 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_admin/web/integration/ltiConsumer.jsp	(.../ltiConsumer.jsp)	(revision 6773df2f14e862722e0c63f969649af559ec0439)
+++ lams_admin/web/integration/ltiConsumer.jsp	(.../ltiConsumer.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -19,7 +19,8 @@
 			$(document).ready(function(){
 				// validate signup form on keyup and submit
 				var validator = $("#ltiConsumerForm").validate({
-					errorClass: 'text-danger form-text font-italic',
+					validClass: "is-valid",
+				  	errorClass: 'is-invalid',
 					rules: {
 						serverid: "required",
 						serverkey: "required",
Index: lams_admin/web/integration/servermaintain.jsp
===================================================================
diff -u -r509e81cd8bc4486fab7de352c4e8cfafd38efe48 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_admin/web/integration/servermaintain.jsp	(.../servermaintain.jsp)	(revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48)
+++ lams_admin/web/integration/servermaintain.jsp	(.../servermaintain.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -29,7 +29,8 @@
 
 				// validate signup form on keyup and submit
 				var validator = $("#extServerForm").validate({
-					errorClass: 'text-danger form-text font-italic',
+					validClass: "is-valid",
+				  	errorClass: 'is-invalid',
 					rules: {
 						serverid: "required",
 						serverkey: "required",
@@ -83,7 +84,7 @@
 					</div>
 					<div class="mb-3">
 						<label for="serverkey" class="form-label"><fmt:message key="sysadmin.serverkey" /></label>&nbsp;<span class="text-danger">*</span>
-						<input id="serverkey" name="serverkey" value="${extServerForm.serverkey} " class="form-control" maxlength="32" required/>
+						<input id="serverkey" name="serverkey" value="${extServerForm.serverkey}" class="form-control" maxlength="32" required/>
 					</div>
 					<div class="mb-3">
 						<label for="servername" class="form-label"><fmt:message key="sysadmin.servername" /></label>&nbsp;<span class="text-danger">*</span>
Index: lams_admin/web/orgPasswordChange.jsp
===================================================================
diff -u -r509e81cd8bc4486fab7de352c4e8cfafd38efe48 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_admin/web/orgPasswordChange.jsp	(.../orgPasswordChange.jsp)	(revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48)
+++ lams_admin/web/orgPasswordChange.jsp	(.../orgPasswordChange.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -62,11 +62,6 @@
 		.ui-jqgrid-btable tr.success > td {
 			background-color: transparent !important;
 		}
-		
-		#formValidationErrors {
-			display: none;
-			text-align: center;		
-		}
 	</style>
 	
 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
@@ -115,7 +110,7 @@
 												grid.slideUp();
 												pass.val(null).prop('disabled', true);
 											}
-										});
+									});
 	
 			// generate new password on click
 			$('.generatePassword').click(function(){
@@ -130,12 +125,10 @@
 				});
 			});
 			
-			
-			
 			// Setup form validation 
 			$("#orgPasswordChangeForm").validate({
-				errorLabelContainer : '#formValidationErrors',
-				errorClass : 'errorMessage',
+				validClass: "is-valid",
+				errorClass: 'is-invalid',
 				rules : {
 					learnerPass : {
 						required: false,
@@ -151,7 +144,6 @@
 						charactersAllowed : true,
 						pwcheck : true
 					}
-					
 				},
 	
 				// Specify the validation error messages
@@ -411,10 +403,7 @@
 								<h4><fmt:message key="admin.org.password.change.success" /></h4>
 							</lams:Alert5>
 						</c:if>
-						
-						<div id="formValidationErrors">
-							<ul></ul>
-						</div>
+
 						<h4><fmt:message key="admin.org.password.change.choose" /></h4>
 						<table id="changeTable">
 							<tbody>
Index: lams_admin/web/policies/editPolicy.jsp
===================================================================
diff -u -r509e81cd8bc4486fab7de352c4e8cfafd38efe48 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_admin/web/policies/editPolicy.jsp	(.../editPolicy.jsp)	(revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48)
+++ lams_admin/web/policies/editPolicy.jsp	(.../editPolicy.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -18,25 +18,26 @@
 		$(document).ready(function(){
 			// validate signup form on keyup and submit
 			var validator = $("#policy-form").validate({
-				errorClass: 'text-danger form-text font-italic',
+				validClass: "is-valid",
+			  	errorClass: 'is-invalid',
 				ignore: [],
 				rules: {
 					policyName: "required", 
 					summary:{
 	                	required: function() {
-	
-	                		//var ckeditorData = CKEDITOR.instances.summary.getData();
+	                		var ckeditorData = CKEDITOR.instances.summary.getData();
 	                		//skip out empty values
 	                		//CKEDITOR.instances.summary.value = ((ckeditorData == null) || (ckeditorData.replace(/&nbsp;| |<br \/>|\s|<p>|<\/p>|\xa0/g, "").length == 0)) ? "" : ckeditorData;
 	
 	                    	CKEDITOR.instances.summary.updateElement();
-	                    	//alert("s"+ckeditorData);
-	                    	//return false;
+	                    	return (ckeditorData == null || ckeditorData.replace(/&nbsp;| |<br \/>|\s|<p>|<\/p>|\xa0/g, "").length == 0);
 	                	}
 	            	},
 	            	fullPolicy:{
 	                	required: function() {
+	                		var ckeditorData = CKEDITOR.instances.fullPolicy.getData();
 	                    	CKEDITOR.instances.fullPolicy.updateElement();
+	                    	return (ckeditorData == null || ckeditorData.replace(/&nbsp;| |<br \/>|\s|<p>|<\/p>|\xa0/g, "").length == 0);
 	                	}
 	            	}
 				},
@@ -47,11 +48,22 @@
 				},
 				errorPlacement: function(error, element) {
 					var placement = $(element).data('error');
-					
+
+					//show error below CKEditor
 			        if (element.attr("name") == "summary" ) { //Id of input field
 			        	error.appendTo('#summary-error');
+
+						//add .is-invalid to the CKEditor div
+			        	$("#summary").next().addClass("is-invalid");
+
+			        //show error below CKEditor
 			        } else if (element.attr("name") == "fullPolicy" )  {//Id of input field
 			            error.appendTo('#full-policy-error');
+
+			          	//add .is-invalid to the CKEditor div
+			        	$("#fullPolicy").next().addClass("is-invalid");
+
+			        //show error at the default place
 			        } else {
 			            error.insertAfter(element);
 			        }
Index: lams_admin/web/user.jsp
===================================================================
diff -u -r6773df2f14e862722e0c63f969649af559ec0439 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_admin/web/user.jsp	(.../user.jsp)	(revision 6773df2f14e862722e0c63f969649af559ec0439)
+++ lams_admin/web/user.jsp	(.../user.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-
 <%@ include file="/taglibs.jsp"%>
 <%@ page import="org.lamsfoundation.lams.util.Configuration"%>
 <%@ page import="org.lamsfoundation.lams.util.ConfigurationKeys"%>
@@ -60,7 +59,8 @@
 			$(function() {
 				// Setup form validation
 				$("#userForm").validate({
-					errorClass : 'text-danger form-text font-italic',
+					validClass: "is-valid",
+				  	errorClass: 'is-invalid',
 					//  validation rules
 					rules : {
 						login : {
@@ -315,16 +315,19 @@
 					</div>
 
 					<div class="mb-3">
-						<label class="form-label" for="title"> <fmt:message key="admin.user.title" />:
-						</label> <input id="title" name="title" class="form-control" type="text"
+						<label class="form-label" for="title"> 
+							<fmt:message key="admin.user.title" />:
+						</label> 
+						<input id="title" name="title" class="form-control" type="text"
 										value="${userForm.title}" size="32" maxlength="32"
 										autocomplete=honorific-prefix">
 					</div>
 
 					<div class="mb-3">
 						<label class="form-label" for="firstName"> <fmt:message
 								key="admin.user.first_name" />:&nbsp;<span class="text-danger">*</span>
-						</label> <input id="firstName" name="firstName" required
+						</label> 
+						<input id="firstName" name="firstName" required
 										class="form-control" type="text" value="${userForm.firstName}"
 										maxlength="128" autocomplete="given-name"> <small
 							id="firstNameHelpBlock" class="form-text text-muted"> <lams:errors
@@ -335,7 +338,8 @@
 					<div class="mb-3">
 						<label class="form-label" for="lastName"> <fmt:message
 								key="admin.user.last_name" />:&nbsp;<span class="text-danger">*</span>
-						</label> <input id="lastName" name="lastName" class="form-control"
+						</label> 
+						<input id="lastName" name="lastName" class="form-control"
 										type="text" value="${userForm.lastName}" required maxlength="128"
 										autocomplete="family-name"> <small id="lastNameHelpBlock"
 																		   class="form-text text-muted"> <lams:errors path="lastName" />
@@ -345,7 +349,8 @@
 					<div class="mb-3">
 						<label class="form-label" for="email"> <fmt:message key="admin.user.email" />:&nbsp;<span
 								class="text-danger">*</span>
-						</label> <input id="email" name="email" class="form-control" type="text"
+						</label> 
+						<input id="email" name="email" class="form-control" type="text"
 										value="${userForm.email}" maxlength="128" required
 										autocomplete="email"> <small id="emailHelpBlock"
 																	 class="form-text text-muted"> <lams:errors path="email" />
@@ -356,7 +361,8 @@
 					<div class="mb-3">
 						<label class="form-label" for="addressLine1"> <fmt:message
 								key="admin.user.address_line_1" />:
-						</label> <input id="addressLine1" name="addressLine1" class="form-control"
+						</label> 
+						<input id="addressLine1" name="addressLine1" class="form-control"
 										type="text" value="${userForm.addressLine1}" maxlength="64"
 										autocomplete="address-line1">
 					</div>
@@ -365,7 +371,8 @@
 					<div class="mb-3">
 						<label class="form-label" for="addressLine2"> <fmt:message
 								key="admin.user.address_line_2" />:
-						</label> <input id="addressLine2" name="addressLine2" class="form-control"
+						</label> 
+						<input id="addressLine2" name="addressLine2" class="form-control"
 										type="text" value="${userForm.addressLine2}" maxlength="64"
 										autocomplete="address-line2">
 
@@ -374,15 +381,17 @@
 					<div class="mb-3">
 						<label class="form-label" for="addressLine3"> <fmt:message
 								key="admin.user.address_line_3" />:
-						</label> <input id="addressLine3" name="addressLine3" class="form-control"
+						</label> 
+						<input id="addressLine3" name="addressLine3" class="form-control"
 										type="text" value="${userForm.addressLine3}" maxlength="64"
 										autocomplete="address-line3">
 
 					</div>
 
 					<div class="mb-3">
 						<label class="form-label" for="city"> <fmt:message key="admin.user.city" />:
-						</label> <input id="city" name="city" class="form-control" type="text"
+						</label> 
+						<input id="city" name="city" class="form-control" type="text"
 										value="${userForm.city}" maxlength="64"
 										autocomplete="address=line4">
 
@@ -392,7 +401,8 @@
 					<div class="mb-3">
 						<label class="form-label" for="postcode"> <fmt:message
 								key="admin.user.postcode" />:
-						</label> <input id="postcode" name="postcode" class="form-control"
+						</label> 
+						<input id="postcode" name="postcode" class="form-control"
 										type="text" value="${userForm.postcode}"
 										value="${userForm.postcode}" maxlength="10">
 
@@ -424,23 +434,26 @@
 					<div class="mb-3">
 						<label class="form-label" for="dayPhone"> <fmt:message
 								key="admin.user.day_phone" />:
-						</label> <input id="dayPhone" name="dayPhone" class="form-control"
+						</label> 
+						<input id="dayPhone" name="dayPhone" class="form-control"
 										type="text" value="${userForm.dayPhone}" maxlength="64"
 										autocomplete="tel">
 					</div>
 
 					<div class="mb-3">
 						<label class="form-label" for="eveningPhone"> <fmt:message
 								key="admin.user.evening_phone" />:
-						</label> <input id="eveningPhone" name="eveningPhone" class="form-control"
+						</label> 
+						<input id="eveningPhone" name="eveningPhone" class="form-control"
 										type="text" value="${userForm.eveningPhone}" maxlength="64"
 										autocomplete="tel">
 					</div>
 
 					<div class="mb-3">
 						<label class="form-label" for="mobilePhone"> <fmt:message
 								key="admin.user.mobile_phone" />:
-						</label> <input id="mobilePhone" name="mobilePhone" class="form-control"
+						</label> 
+						<input id="mobilePhone" name="mobilePhone" class="form-control"
 										type="text" value="${userForm.mobilePhone}" maxlength="64"
 										autocomplete="tel">
 					</div>
@@ -523,7 +536,8 @@
 
 					<a href="javascript:history.back();" class="btn btn-secondary">
 						<fmt:message key="admin.cancel" />
-					</a> <input type="submit" id="saveButton"
+					</a> 
+					<input type="submit" id="saveButton"
 								class="btn btn-primary"
 								value="<fmt:message key="admin.save" />" />
 				</div>
@@ -541,7 +555,6 @@
 						<fmt:message key="admin.user.roles" />
 					</h4>
 
-
 					<c:if test="${not empty globalRoles}">
 						<div class="ml-2">
 							<h3>
@@ -600,8 +613,6 @@
 				</div>
 			</div>
 			</c:if>
-
-
-			</lams:Page5>
+		</lams:Page5>
 	</body>
 </lams:html>
\ No newline at end of file
Index: lams_admin/web/userChangePass.jsp
===================================================================
diff -u -r3eab31a1109437bc25679e6ebe38be0a350e17ac -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_admin/web/userChangePass.jsp	(.../userChangePass.jsp)	(revision 3eab31a1109437bc25679e6ebe38be0a350e17ac)
+++ lams_admin/web/userChangePass.jsp	(.../userChangePass.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -11,20 +11,20 @@
 
 <lams:html>
 <lams:head>
-
 	<c:set var="title"><fmt:message key="admin.user.changePassword"/></c:set>
 	
 	<title>${title}</title>
 	<link rel="shortcut icon" href="<lams:LAMSURL/>/favicon.ico" type="image/x-icon" />
+	<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/>includes/font-awesome6/css/all.css">
 
-<lams:css/>
-
-<%-- javascript --%>
-<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
-<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
-<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.validate.js"></script>
-<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/bootstrap5.bundle.min.js"></script>
-<script type="text/javascript">
+	<%-- javascript --%>
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery-ui.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.validate.js"></script>
+	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/bootstrap5.bundle.min.js"></script>
+	<script type="text/javascript">
      var mustHaveUppercase = ${mustHaveUppercase},
      mustHaveNumerics  = ${mustHaveNumerics},
      mustHaveLowercase  = ${mustHaveLowercase},
@@ -44,7 +44,8 @@
 	$(function() {
 		// Setup form validation 
 		$("#userForm").validate({
-							errorClass : 'help-block',
+							validClass: "is-valid",
+		  					errorClass: 'is-invalid',
 							//  validation rules
 							rules : {
 								password : {
@@ -58,7 +59,6 @@
 								password2 : {
 									equalTo : "#password"
 								}
-								
 							},
 
 							// Specify the validation error messages
@@ -76,36 +76,33 @@
 								password2: {
 									equalTo : "<fmt:message key='error.password.mismatch'/>"
 								}
-								
 							},
 
 							submitHandler : function(form) {
 								form.submit();
 							}
 		});
-
 	});
-</script>
+	</script>
 </lams:head>
 
-<body class="stripes">
+<body class="component pb-4 pt-2 px-2 px-sm-4">
 	<%-- Build breadcrumb --%>
 	<c:set var="breadcrumbItems"><lams:LAMSURL/>admin/appadminstart.do | <fmt:message key="appadmin.maintain" /></c:set>
 	<c:set var="breadcrumbItems">${breadcrumbItems}, <lams:LAMSURL/>admin/orgmanage.do?org=1 | <fmt:message key="admin.course.manage" /></c:set>
 	<c:set var="breadcrumbItems">${breadcrumbItems}, <lams:LAMSURL/>admin/usersearch.do | <fmt:message key="admin.user.management"/></c:set>
 	<c:set var="breadcrumbItems">${breadcrumbItems}, <lams:LAMSURL/>admin/user/edit.do?userId=${param.userId} | <fmt:message key="admin.user.edit"/></c:set>
 	<c:set var="breadcrumbItems">${breadcrumbItems}, . | <fmt:message key="admin.user.changePassword" /></c:set>	
 
-<lams:Page5 type="admin" title="${title}" formID="userForm" breadcrumbItems="${breadcrumbItems}">	
-
-
-						<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
+	<lams:Page5 type="admin" title="${title}" formID="userForm" breadcrumbItems="${breadcrumbItems}">	
+		<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
 										key='label.password.min.length'>
 										<fmt:param value='${minNumChars}' />
-									</fmt:message></li>
+									</fmt:message>
+				</li>
 
 								<c:if test="${mustHaveUppercase}">
 				<li><span class="fa fa-check" aria-hidden="true"></span> <fmt:message
@@ -133,42 +130,39 @@
 								<li><span class="fa fa-check"></span>
 									<fmt:message key='label.password.common' />
 								</li>
-							</ul>
-						</lams:Alert5>
-						
-	<div class="row">
+			</ul>
+		</lams:Alert5>
+	
 		<div class="col-12 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
-
 			<form id="userForm" modelAttribute="userForm" action="usersave/changePass.do" method="post">
 				<input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/>
 				<input type="hidden" name="userId" value='<c:out value="${param.userId}" />' />
 							
-						<lams:errors path="password"/>
+				<lams:errors5 path="password"/>
 						
-						<div>
+				<div>
 					<h2><fmt:message key="admin.user.login" />:
 					<span id="login"><c:out value="${param.login}" escapeXml="true"/></span></h2>
-						</div>
-						<div class="form-group">
-												<label for="password"><fmt:message
+				</div>
+				<div class="mb-3">
+					<label for="password"><fmt:message
 							key="admin.user.password" />:</label> 
 					<input type="password" name="password" maxlength="50" id="password" minlength="${minNumChars}"
 						class="form-control  form-control-sm" required >
 				</div>
-				<div class="form-group">
+				<div class="mb-3">
 					<label for="password2"><fmt:message
 							key="admin.user.password.confirm" />:</label> 
 					<input type="password" name="password2" maxlength="50"  minlength="${minNumChars}" id="password2" class="form-control form-control-sm" required>
 				</div>
-						<div class="pull-right">
-							<a href="javascript:history.back();" class="btn btn-default">
-								<fmt:message key="admin.cancel" />
-					</a> <input type="submit" id="saveButton" class="btn btn-primary" value="<fmt:message key="admin.save" />" />
-						</div>
-			</form>		
-					</div>
+				<div class="float-end">
+					<a href="javascript:history.back();" class="btn btn-secondary">
+						<fmt:message key="admin.cancel" />
+					</a> 
+					<input type="submit" id="saveButton" class="btn btn-primary" value="<fmt:message key="admin.save" />" />
 				</div>
-	
-</lams:Page5>	
+			</form>		
+		</div>
+	</lams:Page5>	
 </body>
 </lams:html>
Index: lams_central/web/profile/editprofile.jsp
===================================================================
diff -u -r365efb411fa4e05aedbc66d8949eb439cc80bec3 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_central/web/profile/editprofile.jsp	(.../editprofile.jsp)	(revision 365efb411fa4e05aedbc66d8949eb439cc80bec3)
+++ lams_central/web/profile/editprofile.jsp	(.../editprofile.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -45,7 +45,7 @@
 		<input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/>
 		<input type="hidden" name="editNameOnly" value="${editOnlyName}" />
 
-		<lams:errors path="*"/>
+		<lams:errors5 path="*"/>
 
 		<div style="clear: both;"></div>
 		<div class="container">
Index: lams_tool_larsrc/web/pages/learning/addfile.jsp
===================================================================
diff -u -r1ca8633aea1d461a727b7e31c4493a21bfdff073 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_tool_larsrc/web/pages/learning/addfile.jsp	(.../addfile.jsp)	(revision 1ca8633aea1d461a727b7e31c4493a21bfdff073)
+++ lams_tool_larsrc/web/pages/learning/addfile.jsp	(.../addfile.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -69,11 +69,10 @@
 			initFileUpload('${resourceItemForm.tmpFileUploadId}', extensionValidation, '<lams:user property="localeLanguage"/>');
 		});	
 					
-		$('#resourceItemForm').submit(submitResourceForm)
-							  .validate({
+		$('#resourceItemForm').submit(submitResourceForm).validate({
 				ignore: 'hidden, div.cke_editable',
-				errorClass: "text-danger",
-				wrapper: "span",
+				validClass: "is-valid",
+			  	errorClass: 'is-invalid',
 				rules: {
 				    title: {
 				    	required: true
Index: lams_tool_larsrc/web/pages/learning/addurl.jsp
===================================================================
diff -u -r1ca8633aea1d461a727b7e31c4493a21bfdff073 -re3a1990532eb6f5524cd15ec1feec08131d9b3d2
--- lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision 1ca8633aea1d461a727b7e31c4493a21bfdff073)
+++ lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision e3a1990532eb6f5524cd15ec1feec08131d9b3d2)
@@ -86,8 +86,8 @@
 			$('#resourceItemForm').submit(submitResourceForm);
 			$('#resourceItemForm').validate({
 				ignore: 'hidden, div.cke_editable',
-				errorClass: "text-danger",
-				wrapper: "span",
+				validClass: "is-valid",
+			  	errorClass: 'is-invalid',
 				rules: {
 					url: {
 						required: true,