ui changes in CV and Cover Letter upload page

cmsWebApp/webroot/css/common.css

@@ -2017,6 +2017,8 @@ table.pos-table{
 
 }
 
+.attach-icon-btn { cursor: pointer;   border-left: solid 2px #d3d3d3;height: 50px; width: 50px; position: absolute; bottom: 0; right: 0; background: url('../images/icon-paper-clip.png') no-repeat center center ;}
+
 /*Verify Identity Page End*/
 
 /*Application Outline Page*/

cmsWebApp/webroot/extensions/applicantportal/cv_cover_letter.jsp

@@ -45,6 +45,29 @@
         nextPage    =   WebUtils.getSamePageInRenderMode(request, "JobMatchAssessment");
     }
 %>
+ <script type="text/javascript">
+        $(document.body).addClass('bg-color');
+        
+        $(document).ready(function(){
+            $(".attach-icon-btn").click(function(){
+               $(this).siblings(".fileInput").find("input").click(); 
+            });
+            
+             $("input:file").change(function (){
+                 var fullPath = $(this).val();
+                 var filename = fullPath.replace(/^.*[\\\/]/, '');
+                   $(this).parents(".form-control").append(filename);
+          });
+        });
+ </script>
+ 
+ <style>
+     .main-verify-identity .second-style {
+    font-size: 14px;
+    line-height: 40px;
+}
+ </style>
+        
     <div class="apply-job-logo-header signinpage">
         <div>
             <div class="logo-img">
@@ -71,17 +94,23 @@
         <div class="main-verify-identity">
             <div class="pl-confirm text-center">Great! Now let's attach your CV and Cover Letter</div>
             <div class="main-box-layout main-verify-step-2">
-                <div class="form-group text-left">
+                <div class="form-group text-left relative-parent ">
                     <label>Upload your CV</label>
-                    <oneit:ormInput obj="<%= jobApplication %>" type="file" attributeName="CV"          cssClass="form-control second-style"/>
+                    <div class="form-control second-style">
+                    <oneit:ormInput obj="<%= jobApplication %>" type="file" attributeName="CV"          cssClass="hide"/>
+                    <div class="attach-icon-btn"></div>
+                    </div>
                 </div>
-                <div class="form-group text-left">
+                <div class="form-group text-left relative-parent">
                     <label>Upload your Cover Letter</label>
-                    <oneit:ormInput obj="<%= jobApplication %>" type="file" attributeName="CoverLetter" cssClass="form-control second-style"/>
+                     <div class="form-control second-style">
+                    <oneit:ormInput obj="<%= jobApplication %>" type="file" attributeName="CoverLetter" cssClass="hide"/>
+                     <div class="attach-icon-btn"></div>
+                      </div>
                 </div>
 
                 <div class="text-center">
-                    <oneit:button   value="Attach and proceed"    name="validateApplication"   cssClass="box-btn show-mobile"
+                    <oneit:button   value="Attach and proceed"    name="validateApplication"   cssClass="box-btn"
                                                         requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage)
                                                                                         .mapEntry("fromCoverLetter", true)
                                                                                         .mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())