.flex {
  display: flex;
		}
	.flex-col {
  flex-direction: column;
			}
	.flex-line {
  flex-direction: row;
  
	}
	.items-center {
  align-items: center;
  justify-content: center;
				}

  @keyframes Click {
		  0% {
			opacity: 1;
				}
		  50% {
			opacity: 0;
				}
		  100% {
			opacity: 0.8;
					}
			}
  .logout {
  background-color: rgba(248, 0, 0, 0.8);
  width: 48px;
  margin-left: 12px;
  margin-top: 6px;
  font-weight: 400;
  border-radius:0.3rem;
		animation: Click 2.8s infinite;
}
@font-face {

  font-family: "Arial-Unicode-MS";

  src: url("Arial-Unicode-MS.eot");

  src: local("☺"), url("fonts/Arial-Unicode-MS.woff2") format("woff2"),

    url("fonts/Arial-Unicode-MS.woff") format("woff"),

    url("fonts/Arial-Unicode-MS.ttf") format("truetype"),

    url("fonts/Arial-Unicode-MS.otf") format("otf"),

    url("fonts/Arial-Unicode-MS.svg") format("svg");

  font-display: swap;

  font-weight: normal;

  font-style: normal;

}

.font-Arial {

  font-family: "Arial-Unicode-MS";

}




a:link {
  text-decoration: none;
}

/* css form -----------------------------------*/
  
.text-center {
	text-align: center;
	vertical-align: middle;
	}
 /* .text-center {
    text-align:center!important;
    }
*/
.text-0xl {
  font-size: .8rem;
  line-height: 1;
			}	
.text-0-5xl {
  font-size: 1.05rem;
  line-height: 1.05;
			}
.text-0-5xl_form {
  font-size: 1rem;
  line-height: 1.05;
			}
.text-1xl {
  font-size: 1.15rem;
  line-height: 1;
			}				
.text-1-5xl_form {
  font-size: .95rem;
  line-height: 1;
			}
.text-2xl_form {
  font-size: 1.3rem;
  line-height: 1.1;
			}
.text-2xl {
  font-size: 1.45rem;
  line-height: 1.32;
			}
.text-2-5xl {
  font-size: 1.65rem;
  line-height: 1.22;
			}
.text-3xl {
  font-size: 1.8rem;
  line-height: 1.1;
			}
.text-3-5xl {
  font-size: 2rem;
  line-height: 1.1;
			}
.text-3-5xl_mob {
  font-size: 2.1rem;
  line-height: 1.1;
			}					
.text-4xl {
  font-size: 2.3rem;
  line-height: 1.1;
			}
.text-4-5xl {
  font-size: 2.8rem;
  line-height: 1.1;
			}
.text-5xl {
  font-size: 3rem;
  line-height: 1.1;
			}
.text-6xl {
  font-size: 3.5rem;
  line-height: 1;
			}
.font-bold{
	font-weight: 700;
}
.font-semibold {
  font-weight: 600;
				}
				
.alert {
          padding: 0.2rem; /* Set your desired padding */
          margin-bottom: 0.2rem;
          color: red;
          background-color: transparent; /* Set your desired background color */
          /*border: var(--bs-border-width) solid transparent; /* Set your desired border width and color */
          /*border-radius: var(--bs-border-radius); /* Set your desired border radius */
          position: relative;
                  }
        .alert a {
          color: inherit; /* Set your link color */
        }
        
		input.transparent-input_micro-mini {
          background-color: transparent;
          border: 2.6px solid #c2c2c2; /* Add a visible border */
          border-radius: .6rem;
          padding: 1px; /* Add some padding for spacing */
          font-weight: 400;
        }
        input.transparent-input_mob {
          background-color: transparent;
          border: 3.4px solid #c2c2c2; /* Add a visible border */
          border-radius: .6rem;
          padding: 1px; /* Add some padding for spacing */
          font-weight: 600;
        }
		input.transparent-input {
          background-color: transparent;
          border: 4px solid #c2c2c2; /* Add a visible border */
          border-radius: .6rem;
          padding: 1px; /* Add some padding for spacing */
          font-weight: 800;
        }
.btn_fr_vert_micro-mini {
		cursor: pointer;
		outline: 0;
		display: inline-block;
		font-family: "Arial-Unicode-MS";
		font-size: 1rem;
		font-weight: 400;
		line-height: 1;
		text-align: center;
		width: 48%;
		background-color: transparent;
		border: 1px solid transparent;
		padding-top: 2px;
		margin-left: auto;
		margin-right: auto;
		border-radius: .4rem;
		transition: color .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out,box-shadow .5s ease-in-out;
		color: #0d6efd;
		border-color: #0d6efd;
		}
.btn_fr_vert_micro-mini:hover {
		color: #fff;
		background-color: #0d6efd;
		border-color: #0d6efd;
		}
.btn_fr_vert{
		cursor: pointer;
		outline: 0;
		display: inline-block;
		font-family: "Arial-Unicode-MS";
		font-weight: 400;
		font-size: 1.3rem;
		line-height: 1.5;
		text-align: center;
		width: 54%;
		background-color: transparent;
		border: 1px solid transparent;
		padding-top: 4px;
		margin-left: auto;
		margin-right: auto;
		border-radius: .4rem;
		transition: color .5s ease-in-out,background-color .5s ease-in-out,border-color .5s ease-in-out,box-shadow .5s ease-in-out;
		color: #0d6efd;
		border-color: #0d6efd;
			}
.btn_fr_vert:hover {
		color: #fff;
		background-color: #0d6efd;
		border-color: #0d6efd;
				}
				
        
/*-- -------------- micro ---------------------------------*/				
.confirm_micro {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-weight: 400;
		margin-bottom: 6px;
		margin-left: auto;
		margin-right: auto;
		width: 68%;
			}

.conteneur_micro {
		width: 100%;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 3px;
		margin-right: 3px;
		overflow: hidden;
		  }
  .bg-image_micro {
	  background-image: url('fond_caracteres_nu_320-520.png');
	  background-size: cover;	
	  			}
.slate_micro {
		width: 68%;
		height: 72vh;
			
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 60px;
		margin-bottom: 60px;
		margin-right: auto;
		margin-left: auto;
		border: 4px solid transparent;
		border-radius: .8rem;
		/*background-color: rgba(255, 255, 255, 0.1);		*/
		background-color: rgba(91, 143, 89, 0.1);
	    -webkit-backdrop-filter: blur(3px);
	    backdrop-filter: blur(3px);
		box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
			}

.message_micro {
	width: 68%;
	height: 64vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding-top: 12px;
	margin-top: 120px;
	margin-bottom: 100px;*/
	margin-right: 3px;
	margin-left: 3px;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.text_bubble_micro {
		font-weight: 400;
			
		text-align: center;
		width: 54%;
		background-color: transparent;
		border: 3px solid transparent;
		padding-top: 4px;
		margin-left: auto;
		margin-right: auto;
           
			}
.welcome_micro {
		display: flex;
		align-items: center;
		justify-content: center;
		/*margin-left: auto;
		margin-right: auto;	*/
		font-weight: 700;
		margin-top: 6px;
		margin-bottom: 12px;
			}
.text_micro {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 3px;
		margin-right: 3px;
		}
.mail_micro {
		margin-top: 6px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		font-weight: 600;
}

		@keyframes Test {
		  0% {
			opacity: 0.1;
				}
		  50% {
			opacity: 0;
				}
		  100% {
			opacity: 0.8;
					}
			}
.btn_micro{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 68%;
		margin-left: 3px;
		margin-right: 3px;	
		margin-bottom: 4px;		
		font-weight: 400;
		border-radius:6px;
		animation: Test 2.4s infinite;
		background-color: rgba(91, 143, 89, 0.8);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		
		}
.div_space_vert_micro {
		margin-top: 6px;
		margin-bottom: 6px;
						}
.form-control_vert_micro_up {
		background-color:  transparent;
		width: 78%;
		  height: 2.6%;
					}
.form-control_vert_micro_up:hover {
		background-image:url(mini_up.png);
		background-size: cover; 
					}
.form-control_vert_micro_down {
  background-color:  transparent;
  width: 78%;
  height: 2.2%;
        }
.form-control_vert_micro_down:hover {
  background-image:url(mini_down.png);
background-size: cover; 
        }
.btn_bottom_vert_micro {
	width: 100%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 4px;
	align-items: center;
				}
.fgt_password_micro {
	width: 88%;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left:4px;
	padding-right: 4px;
}
	
/*-- -------------- mini ---------------------------------*/				
.confirm_mini {
	display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 400;
		margin-bottom: 6px;
		margin-left: auto;
		margin-right: auto;
		width: 68%;
			}

.conteneur_mini {
	width: 100%;
	min-height: 100vh;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display: flex;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
}
.bg-image_mini {
  background-image: url('fond_caracteres_nu_320-570.png');
  background-size: cover;	
			  }
.slate_mini {
	width: 68%;
	height: 72vh;
		
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.message_mini {
	width: 68%;
	height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding-top: 12px;
	margin-top: 120px;
	margin-bottom: 100px;*/
	margin-right: 4px;
	margin-left: 4px;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.text_bubble_mini {
	font-weight: 400;
		
	text-align: center;
	width: 54%;
	background-color: transparent;
	border: 3px solid transparent;
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	   
		}
.welcome_mini {
		display: flex;
		align-items: center;
		justify-content: center;
		/*margin-left: auto;
		margin-right: auto;	*/
		font-weight: 700;
		margin-top: 6px;
		margin-bottom: 12px;
		font-weight: 700;
			}
.text_mini {
	display: flex;
	margin-left: 4px;
	margin-right: 4px;	
	align-items:center;
    justify-content:center;
}
.mail_mini {
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
}
.form-control_vert_mini_up {
    background-color:  transparent;
  	width: 78%;
	  height: 5%;
					}
.form-control_vert_mini_up:hover {
    background-image:url(mini_up.png);
	background-size: cover; 
					}
.form-control_vert_mini_down {
  background-color:  transparent;
  width: 78%;
  height: 5%;
        }
.form-control_vert_mini_down:hover {
  background-image:url(mini_down.png);
background-size: cover; 
        }
.div_space_vert_mini {
	margin-top: 8px;
	margin-bottom: 12px;
			}

.btn_bottom_vert_mini {
	width: 100%;
	text-align: center;
	padding-top:6px;
	margin-top: 10px;
	margin-bottom: 10px;
	align-items: center;
				}
.bottom_vert_mini {
	width: 78%;
	height: 10vh;
}

	@keyframes Test {
	  0% {
		opacity: 1;
			}
	  50% {
		opacity: 0;
			}
	  100% {
		opacity: 1;
				}
		}
.btn_mini {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 68%;
		margin-left: 3px;
		margin-right: 3px;
		font-weight: 400;
		animation: Test 2.4s infinite;
		background-color: rgba(91, 143, 89, 0.8);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}
.fgt_password_mini {
	width: 88%;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left:4px;
	padding-right: 4px;
}		

	/*-- -------------- mob ----------------------------------------------*/				
.confirm_mob {
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 400;
		margin-bottom: 6px;
		margin-left: auto;
		margin-right: auto;
		width: 68%;
			}

.conteneur_mob {
	width: 100%;
	min-height: 100vh;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-image_mob {
  background-image: url('fond_caracteres_nu_320-640.png');
  background-size: cover;	
			  }
.slate_mob {
	width: 68%;
	height: 72vh;
	align-items: center;
	justify-content: center;	
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.message_mob {
	width: 68%;
	height: 62vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding-top: 12px;
	/*margin-top: 120px;
	margin-bottom: 100px;  */
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.text_bubble_mob {
	font-weight: 400;
		
	text-align: center;
	width: 54%;
	background-color: transparent;
	border: 3px solid transparent;
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	   
		}
.welcome_mob {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 5px;
		margin-right: 5px;
		vertical-align: middle;
		font-weight: 700;
		margin-top: 6px;
		margin-bottom: 12px;	
		}
.text_mob {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 5px;
		margin-right: 5px;
		}

.mail_mob {
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
		}
.div_space_vert_mob {
margin-top: 6px;
margin-bottom: 6px;
    }
.form-control_vert_mob_up {
  background-color: transparent;
  width: 72%;
height: 2.6%;
        }
.form-control_vert_mob_up:hover {
  background-image:url(mob_up.png);
background-size:cover; 
        }
.form-control_vert_mob_down {
  background-color: transparent;
  width: 72%;
height: 2.6%;
        }
.form-control_vert_mob_down:hover {
  background-image:url(mob_down.png);
background-size:cover; 
        }
.btn_bottom_vert_mob {
width: 100%;
text-align: center;
margin-top: 8px;
margin-bottom: 8px;
align-items: center;
      }
	@keyframes Test {
	  0% {
		opacity: 1;
			}
	  50% {
		opacity: 0;
			}
	  100% {
		opacity: 1;
				}
		}
.btn_mob {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 68%;
		margin-left: 3px;
		margin-right: 3px;	
		font-weight: 400;
		animation: Test 2.4s infinite;
		background-color: rgba(91, 143, 89, 0.8);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);  
		}	
.fgt_password_mob {
	width: 88%;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left:4px;
	padding-right: 4px;
}		
	
		/*-- -------------- sm ---------------------------------------*/				
.confirm_sm {
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 400;
		margin-bottom: 6px;
		margin-left: auto;
		margin-right: auto;
		width: 68%;
			}

.conteneur_sm {
	width: 100%;
	min-height: 100vh;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-image_sm {
  background-image: url('fond_caracteres_nu_640-1024.png');
  background-size: cover;	
			  }
.slate_sm {
	width: 68%;
	height: 72vh;
		
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.message_sm {
	width: 68%;
	height: 64vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding-top: 12px;
	margin-top: 120px;
	margin-bottom: 100px;	*/
	margin-right: 6px;
	margin-left: 6px;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.text_bubble_sm {
	font-weight: 400;
	text-align: center;
	width: 54%;
	background-color: transparent;
	border: 3px solid transparent;
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	   
		}
.welcome_sm {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: middle;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 14px;	
}
.text_sm {
	display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 6px;
		margin-right: 6px;
}
.mail_sm {
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
}
.div_space_vert_sm {
margin-top: 6px;
margin-bottom: 6px;
    }
.form-control_vert_sm_up {
  background-color: transparent;
  width: 80%;
height: 2.6%;
        }
.form-control_vert_sm_up:hover {
  background-image:url(mob_up.png);
background-size:cover; 
        }
.form-control_vert_sm_down {
  background-color: transparent;
  width: 80%;
height: 2.6%;
        }
.form-control_vert_sm_down:hover {
  background-image:url(mob_down.png);
background-size:cover; 
        }
        
.form_bottom_vert_sm {
width: 88%;
text-align: center;
margin-left:auto;
margin-right:auto;
padding-left:4px;
      }
		
@keyframes Test {
	  0% {
		opacity: 1;
			}
	  50% {
		opacity: 0;
			}
	  100% {
		opacity: 1;
				}
		}
.btn_sm {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 68%;
		margin-left: 3px;
		margin-right: 3px;	
		font-weight: 400;
		animation: Test 2.4s infinite;
		background-color: rgba(91, 143, 89, 0.8);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
	  		}
.fgt_password_sm {
	width: 88%;
	text-align: center;
	
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left:4px;
	padding-right: 4px;
}			
	
		/*-- -------------- wide ---------------------------------*/				
.confirm {
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 400;
		margin-bottom: 6px;
		margin-left: auto;
		margin-right: auto;
		width: 68%;
		}

.conteneur {
	width: 100%;
	min-height: 100vh;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-image {
  background-image: url('fond_caracteres_nu_1440-900.png');
  background-size: cover;	
			  }
.slate {
	width: 68%;
	height: 72vh;
		
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.message {
	width: 68%;
	height: 54vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 12px;
	
	margin-right: 8px;
	margin-left: 8px;
	border: 4px solid transparent;
	border-radius: .8rem;
	/*background-color: rgba(255, 255, 255, 0.1);		*/
	background-color: rgba(91, 143, 89, 0.1);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6);
		}

.text_bubble {
	font-weight: 400;
		
	text-align: center;
	width: 54%;
	background-color: transparent;
	border: 3px solid transparent;
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	   
		}
.welcome {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 16px;	
}
.text {
	display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 8px;
		margin-right: 8px;
}
.mail {
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
}
.div_space_vert {
margin-top: 6px;
margin-bottom: 6px;
    }
.form-control_vert_up {
  background-color: transparent;
  width: 80%;
height: 5%;
        }
.form-control_vert_up:hover {
  background-image:url(mob_up.png);
background-size:cover; 
        }
.form-control_vert_down {
  background-color: transparent;
  width: 80%;
height: 5%;
        }
.form-control_vert_down:hover {
  background-image:url(mob_down.png);
background-size:cover; 
        }
.btn_bottom_vert {
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
align-items: center;
      }

@keyframes Test {
	  0% {
		opacity: 1;
			}
	  50% {
		opacity: 0;
			}
	  100% {
		opacity: 1;
				}
		}
.btn_wide {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 68%;
		margin-left: 3px;
		margin-right: 3px;	
		font-weight: 400;
		animation: Test 2.4s infinite;
		background-color: rgba(91, 143, 89, 0.8);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		box-shadow: 6px 3px 4px rgba(91, 143, 89, 0.6); 
		}		
.fgt_password {
	width: 88%;
	text-align: center;
	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left:18px;
	padding-right: 18px;
}