.container-auth *{
	box-sizing: border-box;
}
.container-auth{
	background:url(https://admin.agoraline.fr/sites/agoraline.fr/docs/admin-photos/fond-connexion.jpg) no-repeat center center;
	-webkit-background-size: cover !important; 
	width: 100%;
	height: 100vh;
	background-size: cover !important;
	object-fit: cover;
}
.container-auth.komeres {
	background:url(https://admin.agoraline.fr/sites/komeres.fr/docs/admin-photos/fond-site.png) no-repeat center center;
	-webkit-background-size: cover !important; 
	background-size: cover !important;
	object-fit: cover;
}
.container-login{
	position: relative;
	width: 100%;
	max-width: 36%;
	min-height: 100vh;
	margin: 0;
	padding: 0 60px 0 60px;
	background-color: rgba(0,0,0,0.3);
	-webkit-box-flex: 0;
	flex: 0 0 39%;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
}
.auth-logo{
	width: 210px;
	margin: 45px auto 25px;
	text-align: center;
}
.auth-logo img {
  width: 100%;
  height: auto;
  filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.input-auth{
	border: 1px solid #707070;
	height: 40px;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	color: #707070;
	padding: .475rem .75rem .3rem;
	overflow: visible;
	display: block;
	box-shadow: none;
	background-color: #fff;
	width: 100%;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 4px;
	outline: none;
}
.container-auth-login .form{
	max-width: 350px;
	margin: auto;
}
.container-auth-login  h4{
	margin: 0;
	color: white;
}
.container-auth-login label {
  color: #707070;
  position: absolute;
  pointer-events: none;
  top: 0;
  transform: none;
  left: 13px;
  font-size: 10px;
  font-weight: 400;
  transition-duration: .25s;
} 
.form-floating{
	padding: 0;
	margin: 10px 0;
	position: relative;
}
.btn-form .btn{
	padding: 9px;
	width: 100%;
	font-size: 15px;
	background: #0d7ef0;
	border-color: #0d7ef0;
	transition: all 200ms ease-in-out;
	text-decoration: none;
}
.btn-form .btn:hover{
	background: #0045a3;
	border: 1px solid #0045a3;
}
@media (max-width: 990px) {
	.container-login{
		max-width: 100%;
		padding: 0 30px;
	}
}
@media (max-width: 715px) {
	.container-login {
	  justify-content: start;
	}
}