We need to disable the on hover animation when 'Shortlisted' or 'Unsuitable' is '0'

cmsWebApp/webroot/css/common.css

@@ -3360,7 +3360,7 @@ input.add-note-btn:hover{
     text-align: center;
     font-family: "Usual-Medium";
 }
-.int-timeline li a:hover {
+.int-timeline li.has-applicant a:hover {
     color: #ffffff;    
     font-size: 11px;  
     background-color: #4e5964;
@@ -3445,7 +3445,7 @@ input.add-note-btn:hover{
   width: 96px;
   font-family: "Usual-Medium";
 }
-.unsutable a:hover,.unsutable a:hover span{
+.unsutable .has-applicant a:hover,.unsutable .has-applicant a:hover span{
     color: #ffffff;    
 }
 .unsutable.active a:hover{

cmsWebApp/webroot/extensions/adminportal/inc/applicant_view_tabs.jsp

@@ -10,8 +10,9 @@
     String  firstTab        =   WebUtils.getSamePageInRenderMode(request, WebUtils.VIEW_APPLICANTS);
     String  secondTab       =   WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_SHORTLIST);
     String  thirdTab        =   WebUtils.getSamePageInRenderMode(request, WebUtils.UNSUITABLE_APPS);
+    int     noOfShortlisted =   job.getNoOfCandidatesShortlisted(); 
+    int     noOfUnsuitable  =   job.getNoOfCandidatesUnsuitable(); 
 %>
-
 <oneit:dynIncluded>
 
     <oneit:dynInclude   page="/extensions/applicantportal/inc/multifieldtext.jsp"   data="<%= CollectionUtils.EMPTY_MAP%>"/>
@@ -33,10 +34,7 @@
                         Applicants
                     </oneit:button>
                 </li>
-                <li class="<%= tabNumber == "2" ? "active" : "" %>">
-                    <%
-                        int noOfShortlisted =   job.getNoOfCandidatesShortlisted(); 
-                    %>
+                <li class="<%= noOfShortlisted > 0 ? "has-applicant" : "" %> <%= tabNumber == "2" ? "active" : "" %>">
                     <oneit:button   value=" "   name="gotoPage" skin="link" disabled="<%= noOfShortlisted > 0 ? "false" : "true" %>"
                                     requestAttribs="<%= CollectionUtils.mapEntry("nextPage", secondTab)
                                                                     .mapEntry("procParams", CollectionUtils.mapEntry("Job", job).toMap())
@@ -49,11 +47,8 @@
                 </li>
             </ul>
         </div>      
-        <div class="unsutable <%= tabNumber == "3" ? "active" : "" %>">
-        <%
-            int noOfUnsuitable  =   job.getNoOfCandidatesUnsuitable(); 
-        %>
-            <oneit:button   value=" "   name="gotoPage" skin="link" disabled="<%= noOfUnsuitable > 0 ? "false" : "true" %>"
+        <div class="unsutable <%= noOfUnsuitable > 0 ? "has-applicant" : "" %> <%= tabNumber == "3" ? "active" : "" %>">
+            <oneit:button   id="unsuitableBtn"   value=" "   name="gotoPage" skin="link" disabled="<%= noOfUnsuitable > 0 ? "false" : "true" %>"
                             requestAttribs="<%= CollectionUtils.mapEntry("nextPage", thirdTab)
                                                             .mapEntry("procParams", CollectionUtils.mapEntry("Job", job).toMap())
                                                             .toMap() %>">