/** Default styling override **/
.login form {
  margin-top: 35px;
  margin-left: 0;
  padding: 50px 24px 50px;
  font-weight: 400;
  overflow: hidden;
  background: #fff;
  border: 0px solid #fff;
  border-radius:2px;
  box-shadow: 0 1px 3px rgba(0,0,0,.00);
}

.login form .input, .login form input[type="checkbox"], .login input[type="text"] {
  background: #f4f4f4;
  border: 1px solid #e8e8e8;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
  min-height: 32px;
  line-height: 2.30769231;
  padding: 0 25px;
}
.wp-core-ui .button-primary {
  background: #8ac53e;
  border-color: #8ac53e;
  border-radius:2px;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}

#nav, #backtoblog {
    text-align:center;
}

/** App Styling **/
#app-login-footer{
    padding: 20px 24px;
    display:flex;
    justify-content:center;
    row-gap: 10px;
    column-gap: 20px
}

.login #login_error, .login .message, .login .success {
  border-left:0px;
    border-bottom: 5px solid #c2d982;
    border-radius: 2px;
}

body {
    background: #191922;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #c94fc9;
    box-shadow: 0 0 0 1px #0089F3;
    outline: 1px solid transparent;
}

#loginform{
    background: #272735;
    border: 1px solid #424257;
    border-radius:2px;
}

.login form .input, .login form input[type="checkbox"], .login input[type="text"] {
    color: #e7e7e7;
    font-size:1.1rem;
    background: #1c1b22;
    border: 1px solid #323245;
}

.login label {
    color:#cfcdff;
}

.login #backtoblog a, .login #nav a {
    text-transform: uppercase;
    color: #838390;
}

.login #backtoblog a:hover, .login #nav a:hover {
    color:#c94fc9;
}

.wp-core-ui .button-primary {
    background: #0089F3;
    border-color: #0089F3;
}
.wp-core-ui .button-primary:hover {
    background: #c94fc9;
    border-color: #c94fc9;
}

.wp-pwd .button-secondary {
    color: #0089F3;
    border-color: #c94fc9;
    background: #f6f7f7;
    vertical-align: top;
}
.wp-pwd .button-secondary:hover,
.wp-pwd .button-secondary:focus{
    color: #c94fc9;
}

.login #login_error, .login .message, .login .success {
    border-left: 0px;
    border-bottom: 5px solid #0089f3;
    border-radius: 2px;
}