Update static/popups.css

static/popups.css

@@ -1,4 +1,4 @@
-.mpopup {
+.mpopup ,.overlay{
   display: none;
   position: fixed;
   z-index: 1;
@@ -11,7 +11,7 @@
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0,0.4);
 }
-.modal-content {
+.modal-content ,.popup{
   position: relative;
   background-color: #fff;
   margin: auto;
@@ -71,3 +71,47 @@
   from {top:-300px; opacity:0}
   to {top:0; opacity:1}
 }
+
+.closeModal {
+  /* color: #aaa; */
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+  background: none;
+  border: none;
+}
+
+.closeModal:hover,
+.closeModal:focus {
+  color:rgb(134, 28, 28);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+ .text-right{
+  text-align: center;
+ }
+ .dialog-btn#confirm{
+  background-color:#098815;
+ }
+ .dialog-btn#cancel{
+  background-color:#880909;
+ }
+.dialog-btn { 
+  color: white;
+  font-weight: 600;
+  border: none;
+  border-radius: 5px;
+  height: 30px;
+  width: 30%;
+}
+
+.dialog-btn#confirm:hover{
+  background-color:#05470c;
+  cursor: pointer;
+ }
+
+ .dialog-btn#cancel:hover{
+  background-color:#430505;
+  cursor: pointer;
+ }