Merge branch 'dubbele-authenticatie-IN-TEST' into develop

public/css/monpas/main.css

@@ -1738,4 +1738,87 @@ z-index: 50;
 .ijkpuntkopje{
 	font-weight: bold!important;
 	margin-bottom: 10px;
+}
+
+/* ******** DIALOG *********/
+
+.grippa-dialog {
+    position:absolute;
+    margin-top:0;
+    transform: translateX(-50%);
+    left: 50%;
+    top: 50px;
+    background-color: #ffffff;
+    border: none;
+    border-radius: 5px;
+	overflow:hidden;
+    padding: 0px;
+    box-shadow: 2px 3px var(--verydark);
+    margin-top:10px;
+}
+
+dialog::backdrop {
+    background-color: #9f9f9f;
+    opacity: 0.6;
+}
+.grippa-dialog-sm{
+    width:400px;
+}
+
+.grippa-dialog-md{
+    width:600px;
+}
+.grippa-dialog-xl{
+	width:950px;
+}
+.grippa-dialog-xxl{
+	width:1150px;
+}
+.grippa-dialog-header{
+    background-color: #6F0B3D ;
+    color: #ffffff;
+    padding: 10px 25px 20px;
+    /* position: relative; */
+}
+.grippa-dialog-body{
+    padding: 20px 35px;
+    /* position: relative; */
+}
+.grippa-dialog-footer{
+    /* position: relative; */
+    margin-top:10px;
+    padding: 10px;
+    border-top: 1px solid #ccc !important;
+
+}
+.grippa-dialog-close::before{
+    content: 'x';
+}
+.grippa-dialog-close{
+    position: absolute !important;
+    top:10px;
+    right:10px;
+    border:1px solid #f2f2f2;
+    background: #ffffff;
+    color: #aaaaaa;
+    width: 25px;
+    height:25px;
+    font-size: 20px;
+    margin-bottom:5px;
+}
+/* ********* two factor **********************/
+.two-factor-input {
+	margin-top: 0px;
+	width: 100%;
+	font-size: 2em !important;
+	padding: 10px;
+	text-align: center;
+	border-radius: 15px;
+	border-color: #aaa;
+	border-width:2px;
+	box-shadow: none;
+	height: 70px !important;
+	spacing: 1.2em;
+	text-spacing: 1.2em;
+	letter-spacing: 8px;
 }