dot seperate for Applicant Workflow

cmsWebApp/webroot/css/common.css

@@ -2876,6 +2876,8 @@ span.ex-management {
     font-family: "Usual-Medium";
     background-color: #667281;
     margin-left: 29px;
+    min-width: 100px;
+     text-align: center;
 }
 .edit-btn-dropdown a.rightbtn {
     border-radius:0 100px 100px 0;
@@ -2894,7 +2896,7 @@ span.ex-management {
     background-color: #434c58;
 }
 .edit-btn-dropdown img {
-    margin-left: 12px;
+    /*margin-left: 12px;*/
 }
 
 .applicant-sidebar {
@@ -2919,6 +2921,7 @@ span.ex-management {
     background-color: rgba(239, 240, 242, 0.4);
     padding: 0 14px;
     position: relative;
+   
 }
 .applicant-sidebar li.active a{
     font-weight: bold;
@@ -6441,3 +6444,11 @@ input{
 .workflow-row:hover .remove-icon {
     display: inline-block;
 }
+
+.workflow-row .seperator-dots .dot {
+        height: 3px;
+    width: 3px;
+    background-color: #bbb;
+    display: inline-block;
+    margin: 0 2px 0;
+}
\ No newline at end of file

cmsWebApp/webroot/extensions/adminportal/job_detail.jsp

@@ -323,6 +323,7 @@
                                         <oneit:ormInput obj="<%= workflow %>"    type="text" attributeName="Name"    cssClass="form-control" /> 
                                         <div class="remove-icon">_</div>
                                         </div>
+                                        <div class="seperator-dots"><span class="dot"></span><span class="dot"></span><span class="dot"></span></div>
                                     </div>
                                 </div>
                         <%