diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
index 157911a..d483349 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
@@ -320,9 +320,10 @@
                                 <div class="front">
                                     <span class="mt-4">Front</span>
                                 </div>
-                                <div id="loadIdFront" class="account-doc-overlay rounded">
-                                     <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="Status"><i class="fas fa-check-circle"></i></span>
-
+                                <div id="loadIdFront" >
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="Status"><i class="fas fa-check-circle"></i></span>
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="IdType"><i class="fas fa-check-circle">Password</i></span>
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="date"><i class="fas fa-check-circle">2022-12-12</i></span>
                                     @* <a href="#" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="text-light btn-link mx-2">
                                         <span class="me-1"><i class="fas fa-edit"></i></span>View
                                     </a> *@
@@ -334,9 +335,10 @@
                                 <div class="front">
                                     <span class="mt-4">Back</span>
                                 </div>
-                                <div id="loadIdBack" class="account-doc-overlay rounded">
-                                     <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="Status"><i class="fas fa-check-circle"></i></span>
-
+                                <div id="loadIdBack">
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="Status"><i class="fas fa-check-circle"></i></span>
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="IdType"><i class="fas fa-check-circle">Password</i></span>
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="date"><i class="fas fa-check-circle">2022-12-12</i></span>
                                     @* <a href="#" data-bs-target="#edit-doc-details" data-bs-toggle="modal" class="text-light btn-link mx-2">
                                         <span class="me-1"><i class="fas fa-edit"></i></span>Edit
                                     </a> *@
@@ -361,9 +363,11 @@
                                 <div class="front">
                                     <span class="mt-4">Front</span>
                                 </div>
-
-                                                                <div id="loadAddId" class="account-doc-overlay rounded">
+                               @*  <div id="loadAddId" class="account-doc-overlay rounded"> *@
+                                   <div id="loadAddId">
                                     <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="Status"><i class="fas fa-check-circle"></i></span>
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="IdType"><i class="fas fa-check-circle">Password</i></span>
+                                    <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="date"><i class="fas fa-check-circle">2022-12-12</i></span>
 
                                @*      <a href="#" data-bs-target="#edit-doc-details1" data-bs-toggle="modal" class="text-light btn-link mx-2">
                                         <span class="me-1"><i class="fas fa-edit"></i></span>View
@@ -402,7 +406,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="mb-3">
+                                    <div class="mb-3" id="IdBackUpload">
                                         <label for="IdBack" class="form-label">Document Back</label>
                                         <div class="input-group flex-nowrap">
                                             <div class="flex-grow-1">