diff --git a/app/assets/stylesheets/origami.scss b/app/assets/stylesheets/origami.scss
index 30e3781d..2670dcc4 100644
--- a/app/assets/stylesheets/origami.scss
+++ b/app/assets/stylesheets/origami.scss
@@ -179,7 +179,9 @@ select.form-control {
 tr.discount-item-row:hover {
 	background-color: #e3e3e3 !important;
 }
-
+.required abbr{
+    color: red !important;
+}
 /* Jquery Confirm */
 
 .jconfirm-box-container{
diff --git a/app/views/origami/customers/index.html.erb b/app/views/origami/customers/index.html.erb
index 8a811073..e862ea7f 100644
--- a/app/views/origami/customers/index.html.erb
+++ b/app/views/origami/customers/index.html.erb
@@ -75,7 +75,15 @@
     <input type="hidden" id="sale_id" name="sale_id" value="<%= @sale_id %>" />
     <%= f.error_notification %>
     <%= f.hidden_field :id, :class => "form-control col-md-6 " %>
-    
+    <div class="form-group <%= (flash["errors"]) ? "has-error" : "" %>">
+      <%= f.input :card_no, :class => "form-control col-md-6 card_no"%>
+      <% flash.each do |name, msg| %>
+         <% str="[\"#{msg['name']}\"]"
+         str.gsub!('["', '')
+         str.gsub!('"]', '') %>
+         <span class="help-block" style="margin-top:-10px"><%= str %></span>
+      <% end -%>
+    </div>
     <div class="form-group">
       <label>Salutation :</label><br>
        <label>