.illustration-background {
	background-color: white;
}
.illustration{
	margin:1rem 0rem 0rem 1rem;
	background-color: #203662;
	border-radius: 10px;
}
	
.logo {
	height:80px;
}

img.mob-img {
    max-height:30rem;
	
}

.hide-mobile {
	display:block;
}


@media screen and (max-width: 992px) {
	img.mob-img {
		height: 100px;
		width: auto;
	}
	
	.hide-mobile {
		display:none;
	}
	.logo {
		height:56px;
	}
	.illustration-background {
		 background-color: #203662;
	}

}


.error input {
	background-color:snow;
}

a{
	color:#293760;
	text-decoration:underline;
}

a.mask {
	color:white;
	text-decoration:none;
	align-items: center;
}

.form-label {
	margin-top:0.5rem;
	margin-bottom:0rem;
}

.login-card {
	color: #093564;
	font-weight: bold;
	background-color:#EEF4FD;
}

.picto1{
	height:72px;
	background-color: #5d43a7;
	border-radius: 50%;
    padding: 10px;
    box-shadow: 2px 2px 2px 1px rgb(32 32 32 / 30%);
}
.picto2{
	height:72px;
	background-color: #4366a7;
	border-radius: 50%;
    padding: 10px;
    box-shadow: 2px 2px 2px 1px rgb(32 32 32 / 30%);
}
.picto3{
	height:72px;
	background-color: #4379a7;
	border-radius: 50%;
    padding: 10px;
    box-shadow: 2px 2px 2px 1px rgb(32 32 32 / 30%);
}
.picto4{
	height:72px;
	background-color: #5d43a7;
	border-radius: 50%;
    padding: 10px;
    box-shadow: 2px 2px 2px 1px rgb(32 32 32 / 30%);
}

.password-eye{
    position: relative;
    right: 30px;
    top: 5px;
}


.form-control.is-invalid{
	background-image: unset;
}

.field-icon {
  float: right;
  margin-top:10px;
  margin-left: -25px;
  position: relative;
}