/*********configuration variables css ***********/
:root {
  --colorGinPrimary: #6d0851;
  --colorGinPrimaryHover: #550647;
  --colorGinPrimaryActive: #550647;
}

/********* style btn,link*********************/
body.path-user .user-form-page .form-actions .button--primary,
body.path-user .user-form-page .openid-connect-login-form .button {
  background: #6d0851;
  color: #ffffff;
}
body.path-user .user-form-page .form-actions .button--primary:hover,
body.path-user .user-form-page #openid-connect-login-form--2 .button:hover {
  background-color: #550647;
}
.button--primary:active,
body.path-user .user-form-page #openid-connect-login-form--2 .button:active {
  background-color: #550647;
}
body.path-user .user-form-page .more-links .button--secondary {
  background: #fff;
  border: 1px solid #dcdcdc;
  color: #353535;
}
body.path-user .user-form-page .more-links .button--secondary:hover,
body.path-user .user-form-page .button--secondary:active {
  background: #fff;
  border: 1px solid #aaaaaa;
  color: #353535;
}

body.path-user .user-form-page .more-links .forgot-password-link {
  color: #575757;
  margin: 20px 0;
}
a:hover,
.link:hover,
button.link:hover,
.forgot-password-link:hover {
  color: #6d0851;
  text-decoration: underline;
}
a:active,
.link:active,
button.link:active,
.forgot-password-link:active {
  color: #550647;
}
body.path-user .user-form-page{
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100vh;
}
/******** bloc left wallpaper ********/

body.path-user .user-form-page__wallpaper h1 {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 28px;
}
.header-logo-idf {
  text-align: right;
  height: 15%;
}
.title-login {
  height: 25%;
}
.block-bg-service {
  height: 45%;
  width: 100%;
}
.block-title-service {
  height: 15%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 35px;
}
.block-title-service h3 {
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
body.path-user .user-form-page__wallpaper .header-logo-idf img.logo-service {
  position: initial;
  top: 0px;
  left: 0px;
  height: auto;
  width: auto;
  padding: 35px;
}
body.path-user .user-form-page__wallpaper img.bg-service {
  position: initial;
  bottom: 0px;
  left: 0px;
  height: auto;
  width: auto;
}


body.path-user .user-form-page .user-form-page__wallpaper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #6d0851;
  width: 100%;
  height: 100vh;

}

/***********bloc right login form *****/

body.path-user .user-form-page .user-form-page__user-form .layout-container {
  margin: auto auto !important;

}
body.path-user .user-form-page__page-title {
  font-size: 2rem;
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  text-overflow: unset;
  white-space: normal;
  color: #353535;
  font-weight: 400;
}
body.path-user .user-form-page,
body.path-user .user-form-page .form-item {
  margin-bottom: 20px;
}

body.path-user .user-form-page,
body.path-user .user-form-page .form-text {
  border: 1px solid #dcdcdc;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 3px;

}

body.path-user
  .user-form-page
  .user-form-page__user-form
  .user-login-form
  label {
  font-weight: 600;
  font-size: 16px;
  color: #575757;
  margin-bottom: 10px;
}

body.path-user .user-form-page .user-login-form .form-actions {
  display: block;
  margin-bottom: 20px;
}

body.path-user
  .user-form-page
  .user-form-page__user-form
  .user-login-form
  .button,
body.path-user
  .user-form-page
  .user-form-page__user-form
  .openid-connect-login-form
  .button {
  width: 100%;
  padding: 9px 20px;
  margin-right: 0;
  margin-bottom: 0;
  height: 42px;
  border-radius: 21px;
}
.openid-connect-login-form h2 {
  margin-bottom: 20px;
}

body.path-user
  .user-form-page
  .user-form-page__user-form
  .layout-container
  .user-login-form
  .form-item
  .description {
  color: #575757;
}
body.path-user
.user-form-page
.user-form-page__user-form
.openid-connect-login-form{
  margin-bottom: 20px;
}
body.path-user .user-form-page{margin-bottom:0;}
body.path-user
.user-form-page
.user-form-page__user-form input{
  height: 42px;
  width: 100%;
}
/***********Media queries ***********/
@media (min-width: 800px) {
  body.path-user .user-form-page .user-form-page__user-form {
    min-width: auto;
    padding: 0 100px;
    width: 50%;
  }
}