body.login {
  font-family:"niveau-grotesk", sans-serif;
  font-size:16px;
  line-height:25px;
  background-color:#040418;
  display:flex;
  justify-content:center;
  align-items:center;
}
body.login h1 a {
  background-image:none, url('https://www.lense.fr/wp-content/themes/lense/extra/assets/img/lense.svg');
  width:149px;
  height:53px;
  background-size:143px 106px;
  background-position:0 0;
  margin-bottom:70px;
  -webkit-transition:none;
  transition:none;
}
body.login h1 a:hover { background-position:0 -55px; }
body.login #login {
  width:100%;
  max-width:485px;
  margin:0 auto;
  padding:0 0 70px;
}
body.login form {
  border:1px solid rgba(255,255,255,0.3);
  padding:49px 59px 49px 64px;
  position:relative;
  width:100%;
  background-color:#040418;
}
body.login form strong {
  font-weight:500;
  font-size:16px;
}
body.login form p {
  color:#ffffff;
  font-size:14px;
  font-weight:300;
  line-height:25px;
}
body.login form input[type="text"], body.login form input[type="password"] {
  display:block;
  width:100%;
  background-color:#040418;
  border:1px solid rgba(255,255,255,0.3);
  border-radius:5px;
  color:#ffffff;
  line-height:30px;
  padding:20px 30px;
  font-size:16px;
  -webkit-transition:border 0.3s ease-out;
  transition:border 0.3s ease-out;
}
body.login form input[type="text"]:focus, body.login form input[type="password"]:focus { border:1px solid #ffffff; }
body.login form .forgetmenot { float:none; }
body.login form .forgetmenot input {
  position:absolute;
  top:8px;
  left:0;
  height:20px;
  width:20px;
  vertical-align:-4px;
  margin-right:4px;
  background:transparent;
  border:1px solid #f50057;
}
body.login form .forgetmenot input:before {
  content:'';
  display:inline-block;
  position:absolute;
  top:3px;
  left:4px;
  background:transparent url(http://dev.extralagence.com/www.lense.fr/wp-content/themes/lense/extra/assets/img/sprite-form.svg) -2px -102px;
  background-size:50px 125px;
  opacity:0;
  height:23px;
  width:23px;
}
body.login form .forgetmenot input:checked, body.login form .forgetmenot input:active, body.login form .forgetmenot input:focus {
  -webkit-box-shadow:none;
  box-shadow:none;
}
body.login form .forgetmenot input:checked { border:none; }
body.login form .forgetmenot input:checked:before {
  content:'';
  opacity:1;
  color:transparent;
}
body.login form .forgetmenot label {
  position:relative;
  overflow:hidden;
  font-size:16px;
  line-height:30px;
  font-weight:300;
  text-transform:none;
  padding:7px 0 7px 30px;
}
body.login form .submit { display:block; }
body.login form .submit .button-primary {
  display:block;
  width:100%;
  min-height:70px;
  margin-top:8px;
  font-size:14px;
  line-height:30px;
  font-weight:900;
  letter-spacing:0.3em;
  text-transform:uppercase;
  padding:20px 30px 20px;
  background-color:#f50057;
  border-color:transparent;
  border:none;
  text-shadow:none;
  box-shadow:none;
  -webkit-box-shadow:none;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
body.login form .submit .button-primary:hover {
  background-color:rgba(245,0,87,0.8);
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
body.login label {
  color:#ffffff;
  line-height:25px;
  font-size:12px;
  font-weight:300;
  letter-spacing:0.1em;
  text-transform:uppercase;
}
body.login #backtoblog, body.login #nav {
  font-size:16px;
  color:#f50057;
  padding:0 60px;
  margin:15px 0 0;
}
body.login #backtoblog { margin:5px 0 0; }
body.login #nav a, body.login #backtoblog a {
  background-color:transparent;
  font-size:16px;
  line-height:20px;
  font-weight:300;
  color:#f50057;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
body.login #nav a:hover, body.login #backtoblog a:hover { color:#ffffff; }
body.login #login_error {
  color:#f50057;
  margin-bottom:25px;
  font-weight:300;
  font-style:italic;
  font-size:14px;
  line-height:20px;
  text-align:center;
  background-color:transparent;
  border:none;
  padding:0;
}
body.login #login_error a {
  color:#ffffff;
  -webkit-transition:color 0.3s ease-out;
  transition:color 0.3s ease-out;
}
body.login #login_error a:hover {
  color:#f50057;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
body.login .message {
  color:#ffffff;
  font-weight:300;
  background-color:transparent;
  border:none;
  padding:0;
  text-align:center;
}
body.login #backtoblog, body.login #nav { display:none; }
body.login #pass-strength-result {
  color:#ffffff;
  font-weight:500;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  margin:0;
}
body.login #pass-strength-result.short {
  background-color:#e35b5b;
  border-color:#e35b5b;
}
body.login #pass-strength-result.bad {
  background-color:#f78b53;
  border-color:#f78b53;
  opacity:1;
}
body.login #pass-strength-result.good {
  background-color:#ffc733;
  border-color:#ffc733;
  opacity:1;
}
body.login #pass-strength-result.strong {
  background-color:#83c373;
  border-color:#83c373;
}
body.login #pass1-text.strong, body.login #pass1-text.good, body.login #pass1-text.bad, body.login #pass1-text.short {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}