@font-face {
	font-family: 'Lato-Medium';
	src: url(Lato-Medium.woff2), url(Lato-Medium.woff), url(Lato-Medium.ttf);
}

@font-face {
	font-family: 'Lato-Light';
	src: url(Lato-Light.woff2), url(Lato-Light.woff), url(Lato-Light.ttf);
}

@font-face {
	font-family: 'Lato-SemiBold';
	src: url(Lato-SemiBold.woff2), url(Lato-SemiBold.woff),
		url(Lato-SemiBold.ttf);
}
div{
	font-family: Lato-Light !important;
}
span{
	font-family: Lato-Light !important;
}
input{
	font-family: Lato-Light !important;
}
.z-label{
	font-family: Lato-Light !important;
}
.btn{
	font-family: Lato-Light !important;
}
.z-page{
	/* width: 99% !important;
	box-sizing: content-box;
	background: #FAF5F5; */
	    overflow: hidden;
     background-image: url(../img/background-auth.png);
         width: 100.5% !important;
}

.background-image-auth{
	 background-image:  url(../img/moitie-logo-grandformat.png);
	 z-index: 200;
}
.login .login-noborder .login-noheader .login-embedded{
	height: inherit;
 

}
.loginBody{
  /*background-color: #fbfbfc !important;*/
}
.loginBody.second-logo{
  /*background-color: #fbfbfc !important;*/
   background-image: url(../img/moitie-logo-grandformat.png);
   background-repeat: no-repeat;
   background-position-x: right;
   height: 100%;
   z-index: 200;
   background-size: 30%;
   background-position-y: bottom;
}
.img-responsive{
    height: -webkit-fill-available !important;
}

/* .connexion-title{ */
/* 	font-size: xx-large; */
/*     font-weight: bolder; */
/*     padding-bottom: 10px; */
/*     color: #636363; */
/*     margin-top: 50%; */
/* } */

.connexion-title {
  width: 193px;
  height: 46px;
  font-size: 39px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
.connexion-subititle span{
font-size: 13px; 
    /* display: grid; */
    /* width: 250px; */
    /* color: #636363; */
    width: 216px;
    height: 46px;
    font-family: Lato;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.21;
    letter-spacing: normal;
    text-align: left;
    color: #6b7492;
}
.btm_b {
	
}

.input-wrapper{
	width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
}
.input-wrapper .row{
	margin: 5% 0% 0 0%;
}

.separ{
	background-color: #ccc ;
}
.form-group{
}



.form-control{
	background: none !important;
	padding:5% !important;
}
.form-button{
	margin-top: 6% !important;
}
.btn-connexion{
	width:-webkit-fill-available;
    margin: 0;
    background-color: #282c5c !important;
    color: white !important;
/*     border-radius: 5px; */
    box-shadow: none !important;
    font-weight: bolder;
    padding-top: 9px;
    padding-bottom: 9px;
/*     background-color: #ccc; */
}
.btn-connexion:hover{
	border-color: #51C3CD !important;
	color:white;
	}

/* 	.btn:disabled{ */
/* 	background-color: #ccc !important; */
/* 	} */

.pass-forget{
/* 	font-size:x-small; */
/* 	font-weight: bold; */
	margin-top: 6% !important;
/*   width: 120px; */
  height: 16px;
  font-family: HelveticaNeue !important;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;

}
.pass-forget span{
	  color: #636363;
	    cursor: pointer;
}
.input-icon{
/*   display: -webkit-box; */
  width: 280px;
  height: 42px;
  background-color: #ffffff;
  border: solid 2px #dddddd;
  border-radius: 5px;
}

.input-icon:focus{
/*   display: -webkit-box; */
  width: 280px;
  height: 42px;
  background-color: #ffffff;
  border: solid 2px #000000;
  border-radius: 5px;

}
.input-icon .fa{
	padding: 7px 15px 0 0;
	color: #ccc ;
}
.input-valid{
	color:#222D5D !important;
}
.login-form .col{
	width: -webkit-fill-available !important;
}

.img-login{
	position:absolute;
        z-index:1
}
.sep-auth{
	background-color: #53bbbb !important;
	margin: 0 128px !important;
     width: 3px !important;;
     height: 182px !important;;
/*       border: solid 1px #53bbbb; */

}

.Une-solution-unique {
    width: 381px !important;
    height: 186px !important;
    font-family: Lato !important;
    font-size: 51px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-align: left !important;
    color: #1f2b4c !important;
    margin-left: 23%;
}
.label-txt-img{
	display: grid;
    height: max-content;
/*     color:#202c4a; */
}
.txt-img{
	color: #f8f8f8;
    text-align: center;
    padding: 0px;
    position:relative;
    z-index:2;
/*     margin: 26% 15% -6% 35%; */
      margin-top: 25%;
    margin-left: 13%;
    height: auto;
   
}
.logo-auth img{
/* 	    max-width: 80px; */
/* 	    margin-top: 20%; */

  width: 157px;
    height: 181px;
    object-fit: contain;
}

 .label-txt-img span{
         font-size: xx-large; 
        text-align: left; 
    }

.z-loading {
	background-color: #000000;
	opacity: 0.5;
    width: 100%;
    height: 100%;
    content: url("../img/loader3.svg");
    padding: 16%;
}

.z-loading-icon{
    width: 25px;
    height: 25px;
}

.z-loading-indicator, .z-apply-loading-indicator {
    width: inherit;
    height: inherit;
}

.mess-error {
    display: inline-table;
    color: #c71515;
    line-height: 10px;
    margin-right: 17% !important;
    margin-top: 2% !important;
}
.mess-error .fa{
	color: #c71515;
	font-size: x-small !important;
}

.mess-error span {
    /* font-size: x-small !important; */
    /* width: auto; */
    font-weight: bold;
}
.popup-wrapper{
	top : 30% !important;
}
.popup-title span{
	font-size: large !important;
}
.popup-numb {
	 margin: 2%  !important;
}
.popup-numb span{
	font-size:  large;
	color: #222D5D;
	
}
/* .btn-ok{ */
/* 	width: 82px!important; */
/*     border-color: #222D5D !important; */
/*     border-radius: 5px !important; */
   
/* } */
/* .btn-ok:focus, .btn-ok:hover{ */
/* 	background-color: #222D5D !important; */
/*     color: white !important; */
/* } */


.label-txt-bulk{
	display: inline-flex;
    /* margin-left: 31%; */
    margin-top: -5%;
    width: 578px;
  height: 103px;
}

.label-paiement {
    font-family: Lato-light !important;
    font-size: 84px;
    font-style: normal;
    /* font-weight: 100; */
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #53bbbb;
    /* vertical-align: middle; */
    /* margin-bottom: 15px; */
    margin-top: -3px;
}

.label-bulk {
    font-family: Lato !important;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00558d;
}

.txt-bulk{
	/*color: #f8f8f8;
    text-align: center;
    padding: 0px;
    position:relative;
    z-index:2;
    margin: 8% 17%;
    height: auto;*/
    margin: 0px !important;
    margin-top: 5% !important;
    margin-right: 0px !important;
    margin-bottom: -5.3% !important;
    margin-left: 0px !important;
  
}

.auth-box{
/* 	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); */
/*     width: fit-content; */
/*     height: 90%; */
/*     background-color: white; */
/*     height: fit-content; */

 width: 421px;
  height: 94%;
    opacity: 1.66;
  border-radius: 3px;
  box-shadow: 0px 0px 20px 0 #00000038;
  background-color: #ffffff;
  border: solid 0.5px #979797;
   margin: auto;
    margin-top: 7%;
    padding-top: 25px;
 display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}


.Nom-dutilistateur {
  width: 111px;
  height: 17px;
  font-family: HelveticaNeue;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #868686;
}

.buttonConnexion {
  width: 280px;
  height: 42px;
  object-fit: contain;
}

.MONTANT-REACP {
  width: 112px;
  height: 112px;
  object-fit: contain;
  opacity: 0.03;
margin-top: 291%;
    margin-left: -45%;
}
.group2{
	margin-top: 4%;
    position: absolute;
    width: 106px;
    height: 107px;
    opacity: 0.03;
}
.group3 {
      width: 160px;
    height: 160px;
  /*height: 107px;*/
  object-fit: contain;
  margin-top: -20%;
/*   transform: rotate(-34deg); */
}


.label-form {
	
	color: black;
	font-weight: bold;
	padding: 0px !important;
	height:20px;
}
.auth-box-forget{
	  width: 460px;

  height: 267.9px;

  border-radius: 2px;

  background-color: #ffffff;

  border: solid 1px #dadada;
}

.input-wrapper-forget{
	width:fit-content;
	margin-top:12% !important;
   width: -moz-fit-content;

}
.passwordForget-subititle{
	width: 264px !important;
    height: 23px !important;
    font-family: AvenirNext !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.64 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #212121 !important;
    margin-top: 11% !important;
    margin-left: 15% !important;
}
.passwordForget-subtitle2{
 width: 400px !important;
    height: 32px !important;
    font-family: AvenirNext !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #727272 !important;
    margin-top: 2% !important;
    margin-left: 4%;
}

.formEmail {
  width: 400px !important;
  height: 38px !important;
  border-radius: 2px !important;
  background-color: #f0f0f0 !important;
  border: solid 1px #dadada !important;
  margin-left:10% !important;
  
    font-family: AvenirNext !important;

  font-size: 12px !important;

  font-weight: normal !important;

  font-style: normal !important;

  font-stretch: normal!important;

  line-height: normal !important;

  letter-spacing: normal!important;

  text-align: left!important;

  color: #b8b8b8!important;
}

.Rectangle-send {
  width: 80px !important;
  height: 34px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  background-color: #00a7f7 !important;
  border: solid 1px #00a7f7 !important;
  text-transform:none !important;
    font-family: AvenirNext !important;

  font-size: 12px !important;;

  font-weight: 500 !important;;

  font-style: normal !important;;

  font-stretch: normal !important;;

  line-height: normal !important;;

  letter-spacing: normal !important;;

  text-align: left !important;;

  color: #ffffff !important;;
}
.Rectangle-cancel {
  width: 80px !important;
  height: 34px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  border: solid 1px #00a7f7 !important;
  text-transform:none !important;
  

  font-family: AvenirNext !important;

  font-size: 12px !important;

  font-weight: 500 !important;

  font-style: normal !important;

  font-stretch: normal !important;

  line-height: normal !important;

  letter-spacing: normal !important;

  text-align: left !important;

  color: #00a7f7 !important;
}
.Rectangle-cancel:hover{
	 background-color: white !important;
	 color: #00a7f7 !important;
}
.row_forget{
	margin-left: 3%;
    margin-top: 11%;
}
.row_mail{
	 margin-top: 4%;
}

.label-paiement-forget{
 
  font-family:  Lato-UltraLight !important;
  font-size: 41px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #53bbbb;
      margin-top: -25%;
   
}

.label-bulk-forget{
	
  font-family: Lato-ExtraBold !important;
  font-size: 41px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #00558d;
  margin-top: -25%;
}
.label-txt-bulk-forget{
  width: 272px;
    height: 77px;
    /* margin: auto; */
    margin-left: 13%;
    display:flex;
}
.auth-box-forget2{
	 width: 460px;

  height: 317.9px;

  border-radius: 2px;

  background-color: #ffffff;

  border: solid 1px #dadada;
}
 .myformgroup{
   margin-bottom: 5% !important;
 }
.row_forget2{
	 margin-left: 5%;
    margin-top: -6%;
}
.mess_error_forget{
	color: #c71515;
    margin-left: 9%;
    margin-top: -3%;
}
.z-messagebox-window, .z-window-modal {
	border: none;
	border-radius: 0px !important;
	padding: 0px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0
		rgba(0, 0, 0, .12) !important;
	opacity: 1;
	transition: opacity .15s linear;
	background-color: white;
}

.z-window-modal .z-separator-horizontal-bar {
	background-image: none;
}

.z-window-header {
	color: white;
	background-color: #2f335a;
	padding: 16px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0
		rgba(0, 0, 0, .12) !important;
}

.z-window-close {
	border: none;
	border-radius: 0px;
	padding: 0px;
	background: none;
	color: white;
}

.z-messagebox-window .z-window-content, .z-window-modal .z-window-content
	{
	background-color: white !important;
}

.z-messagebox-icon {
	background-image: url(../img/question.png);
}

.z-messagebox-window .z-window-content:last-child td table td:nth-child(1) .z-messagebox-button
	{
	background: #2f335a;
	color: white;
	border: 2px solid #2f335a;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
		rgba(0, 0, 0, .15);
}

.z-messagebox-window .z-window-content:last-child td table td:nth-child(3) .z-messagebox-button
	{
	background: white !important;
	color: #2f335a !important;
	border: 2px solid #2f335a;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
		rgba(0, 0, 0, .15);
}

.z-window-modal .z-window-content:last-child td table td:nth-child(1) .z-button
	{
	background: #2f335a;
	color: white;
	border: 2px solid #2f335a;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
		rgba(0, 0, 0, .15);
}

.z-messagebox-window>.z-window-content:last-child td table td:nth-child(2)
	{
	width: 3em;
}

.z-messagebox-icon {
	width: 0px;
	height: 0px;
}

.z-messagebox-window .btn:focus, .z-messagebox-window .btn:hover,
	.z-messagebox-window .btn:focus, .z-messagebox-window .btn:hover {
	border: 1px solid #2f335a;
	background: #2f335a !important;
	color: white !important;
	outline: none;
}

.z-window-modal .z-window-content:last-child td table td:nth-child(3) .z-button
	{
	background: white !important;
	color: #2f335a !important;
	border: 2px solid #2f335a;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
		rgba(0, 0, 0, .15);
}