changes in create job page - Applicant Workflow

cmsWebApp/webroot/css/common.css

@@ -2750,8 +2750,17 @@ a.forgot-pass {
      height: 45px;
 }
 .search-input {
-   background: url(../images/search-icon.svg) no-repeat scroll right 10px center;
-    padding-right: 32px
+    background-color: rgba(255,255,255,0.5);
+    padding-right: 32px;
+     border :   solid 1px #e5e8eb;
+         background-image: url('../images/search-icon.png');
+         background-repeat: no-repeat;
+         background-position: right 10px center;
+         font-size: 12px;
+}
+
+.shorting-dropdown .search-input {
+     border :   solid 1px #b9bbbd;
 }
 /*All Jobs Page End*/
 
@@ -6409,4 +6418,22 @@ input{
 .occupation_select_button {height: 100px; padding:20px; text-align: right; border-top: solid 1px #e5e8eb ;}
 .occupation_select_button .btn.btn-primary.largeBtn{margin: 0}
 
-.occupation_select_info {position: absolute;width: 25%; line-height: 18px;    padding: 30px;    right: 0;    text-align: center;    top: 150px;}
\ No newline at end of file
+.occupation_select_info {position: absolute;width: 25%; line-height: 18px;    padding: 30px;    right: 0;    text-align: center;    top: 150px;}
+
+.workflow-row {position: relative}
+.workflow-row span{position: absolute; display: inline-block;top:15px;left:15px;}
+.workflow-row .form-control{padding-left:40px;}
+
+.workflow-row .remove-icon {
+    width: 30px; height: 30px; border-radius: 50%; background: #fff;border: 2px solid #8e97a0;
+    position: absolute;top:10px; right:-15px;
+    color: #8e97a0;
+    text-align: center;
+    font-size: 30px;
+    line-height: 0;
+    cursor: pointer;
+    display: none;
+}
+.workflow-row:hover .remove-icon {
+    display: inline-block;
+}
\ No newline at end of file

cmsWebApp/webroot/extensions/adminportal/job_detail.jsp

@@ -217,7 +217,7 @@
                         </div>
                         <div class="col-md-6">
                             <label><oneit:label GUIName="Job Occupation Classification" /></label>
-                            <input type="text" class="form-control select-occupation" value="Select Occupation"></input>
+                            <input type="text" class="form-control select-occupation search-input " placeholder="Select the occupation classification"></input>
                             <!--<tagfile:ormsingleasso_select obj="<%= job %>"  assocName="Occupation"    options="<%= Occupation.searchAll(transaction) %>"/>-->
                         </div>
                     </div>
@@ -315,10 +315,14 @@
                             for (WorkFlow workflow : sortedWorkflows)
                             {
                         %>
-                                <%= workflow.getSortOrder() %>
+                                
                                 <div class="form-group row">
                                     <div class="col-md-12">
-                                        <oneit:ormInput obj="<%= workflow %>"    type="text" attributeName="Name"    cssClass="form-control" />      
+                                        <div class="workflow-row">
+                                        <span><%= workflow.getSortOrder() %></span>
+                                        <oneit:ormInput obj="<%= workflow %>"    type="text" attributeName="Name"    cssClass="form-control" /> 
+                                        <div class="remove-icon">_</div>
+                                        </div>
                                     </div>
                                 </div>
                         <%