Update static/popups.css

static/popups.css

@@ -1,7 +1,51 @@
+.mpopuppassword {
+  display: none; /* Ensure popup is hidden by default */
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  backdrop-filter: blur(10px); /* Apply blur effect to the background */
+  -webkit-backdrop-filter: blur(5px); /* For Safari support */
+  justify-content: center;
+  align-items: center;
+}
+/* Styling for the error message */
+.error-message {
+  display: none;
+  background-color: #f44336;
+  color: white;
+  padding: 10px;
+  margin-top: 10px;
+  text-align: center;
+  border-radius: 5px;
+}
+#submitBtn{
+    background-color: #16c72e;
+    border: none;
+    padding: 10px 30px; /*102*/
+    cursor: pointer;
+    border-radius: 5px;
+    margin-left: 3px;
+    font-family: "acumin-pro", sans-serif;
+    font-weight: bold;
+    font-style: normal;
+    font-size: 14px;
+    color:white;
+    float:right;
+    display:inline-block;
+}
+.modal-contentpassword {
+  background: white;
+  padding: 20px;
+  border-radius: 8px;
+}
+
 /* Modal Overlay */
 .mpopup, .overlay {
   display: none;
-  position: fixed;
+  position: absolute;
   z-index: 1;
   padding-top: 100px;
   left: 0;
@@ -33,8 +77,15 @@
   border-bottom: 1px solid #e9ecef;
   border-top-left-radius: 0.3rem;
   border-top-right-radius: 0.3rem;
+
+  cursor: move;
+  cursor: grab;
+  &:active {
+  cursor: grabbing;
+}
 }
 
+
 .modal-header h2 {
   font-size: 14px;
   font-family: "acumin-pro", sans-serif;
@@ -49,7 +100,7 @@
 }
 
 
-#modal-bodyText{
+#modal-bodyText ,#enterPText{
   font-family: "acumin-pro", sans-serif;
   font-weight: 400;
   font-style: normal;
@@ -94,7 +145,18 @@
   text-decoration: none;
   cursor: pointer;
 }
-
+#passwordField{
+  font-size: 12px;
+  width: 310px;
+  height: 33px;
+  border-radius: 1px;
+  border-color:#646060;
+  margin-bottom: 3px;
+  margin-right: 0.2%;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+}
  .text-right{
   text-align: right;
   float: right;
@@ -120,11 +182,12 @@
 }
 
 .dialog-btn#confirm:hover{
-  background-color:#05470c;
-  cursor: pointer;
- }
-
- .dialog-btn#cancel:hover{
-  background-color:#430505;
-  cursor: pointer;
- }
+  box-shadow: 0 0 8px 2px  #098815;
+ color:black;
+   cursor: pointer;
+}
+.dialog-btn#cancel:hover{
+    box-shadow: 0 0 8px 2px  #880909;
+ color:black;
+   cursor: pointer;
+}