ui changes in view applicant page

cmsWebApp/webroot/css/common.css

@@ -2789,7 +2789,7 @@ a.forgot-pass {
     color: #ffffff;
     font-family: "Usual-Light";
 }
-.chief-officer img {
+.chief-officer .officer-logo {
     margin-right: 12px;
     position: relative;
     top: -3px;
@@ -2798,6 +2798,8 @@ a.forgot-pass {
     color: rgba(255, 255, 255, 0.7);    
     font-size: 12px;    
 }
+
+.arrow-btn-blue {text-align: center;width: 40px; height: 40px; display: inline-block; border-radius: 50%;border: 2px solid #03A0E7; }
 span.austr-post {
     text-transform: uppercase;
     font-weight: 700;
@@ -3932,6 +3934,7 @@ no-applicant.inactive a:hover,no-applicant.inactive a:hover span{
     display: inline-block;
     width: 100%;
     margin-bottom: 8.5px;
+    position: relative;
 }
 .appli-view-bar .progress {
     margin-bottom: 0;
@@ -3946,6 +3949,19 @@ no-applicant.inactive a:hover,no-applicant.inactive a:hover span{
 .appli-view-bar .progress-bar.green{
     background: #67B413;
 }
+.appli-view-bar .missing-requirements-icon{
+        top:-7px;
+        left : -5px;
+	box-sizing: border-box;
+	height: 27px;
+	width: 27px;
+	border: 3px solid #FFFFFF;
+        position: absolute;
+        border-radius: 50%;
+         background: url('../images/icon-requirements.png') #F9623D no-repeat center center ;
+         background-size: 25%;
+
+}
 .appli-percent-no{
     font-size: 36px;
     font-weight: 300;    

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

@@ -37,9 +37,9 @@
     <div class="officer-box">
         <div class="officer-name">
             <div class="chief-officer">
-            <oneit:button   name="gotoPage" value=" " skin="link"
+            <oneit:button cssClass="arrow-btn-blue"  name="gotoPage" value=" " skin="link"
                             requestAttribs="<%= CollectionUtils.mapEntry("nextPage", jobPage).toMap() %>" >
-                <img src="images/arrow-left-prev.svg" />
+                <img src="images/arrow-left-prev_blue.svg" />
             </oneit:button>
                 <%
                     BinaryContent   logo    =   job.getLogo();
@@ -48,7 +48,7 @@
                     {
                         int logoHeight  =   26;
                 %>
-                        <tagfile:img src="<%= ThumbnailUtils.filterImage(DiskFileBinaryContent.getRelativeURL(logo), "KEEP", new ScaleWithin (0, logoHeight)) %>" />
+                        <tagfile:img cssClass="officer-logo" src="<%= ThumbnailUtils.filterImage(DiskFileBinaryContent.getRelativeURL(logo), "KEEP", new ScaleWithin (0, logoHeight)) %>" />
                 <%
                     }
                 %>

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

@@ -108,6 +108,7 @@
                                             style="<%= "width: " + criteria %>">
                                     </div>
                                 </div>
+                                    <span class="missing-requirements-icon" style="<%= missingReq ? "display:inline-block" : "display:none" %>"></span>
                             </span>
                             <span class="<%= missingReq ? "red-requirements" : "" %>">
                                 requirements

cmsWebApp/webroot/images/arrow-left-prev_blue.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
+    <title>D6BDAD12-2BC4-48CC-B37C-806410FBB444</title>
+    <desc>Created with sketchtool.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Applicant-Detail---HT004" transform="translate(-316.000000, -113.000000)" fill="#03A0E7">
+            <g id="Content-Region" transform="translate(260.000000, 65.000000)">
+                <g id="Job-Aps-HDR---Slim">
+                    <g id="Banner" transform="translate(41.000000, 34.000000)">
+                        <g id="Back" transform="translate(0.000000, 1.000000)">
+                            <path d="M25.6867319,16.3132681 C25.2795882,15.9050805 24.6187628,15.9050805 24.2105751,16.3132681 L18.9928726,21.5309707 L13.7751701,16.3132681 C13.3669824,15.9050805 12.706157,15.9050805 12.2990133,16.3132681 C11.8908257,16.7214557 11.8908257,17.3822812 12.2990133,17.7894249 L18.2046842,23.6950958 C18.4207836,23.9122391 18.708916,24.0051513 18.9928726,23.9915799 C19.2768292,24.0051513 19.5649616,23.9122391 19.781061,23.6950958 L25.6867319,17.7894249 C26.0949195,17.3822812 26.0949195,16.7214557 25.6867319,16.3132681" id="Arrow" transform="translate(18.992873, 20.000000) rotate(-270.000000) translate(-18.992873, -20.000000) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file