Index: lams_central/web/css/main.css
===================================================================
diff -u -rac07c7fa35293a14f06b05a00e1919c13a2710eb -r9215bdc1670a10e0a55aef21bedce446eb460082
--- lams_central/web/css/main.css	(.../main.css)	(revision ac07c7fa35293a14f06b05a00e1919c13a2710eb)
+++ lams_central/web/css/main.css	(.../main.css)	(revision 9215bdc1670a10e0a55aef21bedce446eb460082)
@@ -299,11 +299,10 @@
 	position: absolute;
 	left: 25px;
 	top: 10px;
-	background: #1ABB9C !important;
-	border: 1px solid #1ABB9C !important;
+	border-style: solid;
+	border-width: 1px;
 	display: inline-block;
 	min-width: 10px;
-	color: #fff;
 	text-align: center;
 	white-space: nowrap;
 	vertical-align: middle;
Index: lams_central/web/main.jsp
===================================================================
diff -u -rd6ace8e696c55e8d7cea561e483ca2868ad76c7d -r9215bdc1670a10e0a55aef21bedce446eb460082
--- lams_central/web/main.jsp	(.../main.jsp)	(revision d6ace8e696c55e8d7cea561e483ca2868ad76c7d)
+++ lams_central/web/main.jsp	(.../main.jsp)	(revision 9215bdc1670a10e0a55aef21bedce446eb460082)
@@ -238,7 +238,7 @@
 					<li role="presentation" class="dropdown">       
 						<a href="javascript:;" onclick="javascript:showPrivateNotificationsDialog();" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
 							<i class="fa fa-envelope-o"></i>
-                    		<span id="notificationsPendingCount"></span>
+                    		<span id="notificationsPendingCount" class="btn-primary"></span>
 						</a>
 					</li>
 				</ul>