body.login {
  background: #ebf3f5;
  overflow: hidden;
}
body.login #login {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 24px 80px -23px rgba(0,0,0,0.29);
  -moz-box-shadow: 0px 24px 80px -23px rgba(0,0,0,0.29);
  box-shadow: 0px 24px 80px -23px rgba(0,0,0,0.29);
  margin-top: 8%;
  padding: 0;
}
body.login #login h1 {
  background: #de0021;
}
body.login #login h1 a, body.login h1 a {
    background-image: url('https://cherry-communicatie.nl/global-assets/admin/cherry-communicatie-white.svg');
    background-size: 180px;
    background-position: center;
    height: 84px;
    margin-bottom: 0;
    width: 200px;
}
body.login #login form {
  border-bottom: 1px solid #ddd;
  box-shadow: none;
  margin-top: 0;
  padding-bottom: 24px;
}
body.login #nav,
body.login #backtoblog {
  /* background: #ffffff; */
  margin: 0;
  padding-top: 24px;
}
body.login #backtoblog {
  padding-bottom: 24px;
  padding-top: 16px;
}

body.login .message,
body.login .success,
body.login #login_error {
  background-color: #f2e1bc;
  border-left: 4px solid #f1a80c;
  box-shadow: none;
  margin-bottom: 0;
}

body.login .button-primary, body.login .button-primary:focus, body.login .button-primary:active {
  background: #7b9331;
  border: 1px solid #7b9331;
}

body.login .button-primary:hover {
  background: #647828;
  border-color: #647828;
}

body.login input[type="text"]:focus,  body.login input[type="password"]:focus{
  box-shadow: none;
  border: 2px solid #7b9331;
}