/* ===== LOGIN VOLLEDIG OVERSCHRIJVEN ===== */

/* Achtergrond echt wit maken */
html, body.login {
    background: #ffffff !important;
}

/* Login blok breder en mooier gecentreerd */
body.login #login {
    width: 384px !important;   /* +20% breder */
    padding-top: 80px;
}

/* Logo GROOT maken */
body.login #login h1 a {
    background-size: contain !important;
    background-position: center center !important;
    width: 100% !important;
    height: 200px !important; /* flink groter */
}

/* Formulier netjes laten vullen */
body.login #login form {
    width: 100%;
}

/* Input velden volledig breed */
body.login #login form .input,
body.login #login input[type="text"],
body.login #login input[type="password"] {
    width: 100% !important;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

/* Login knop volle breedte */
body.login #login .button-primary {
    width: 100%;
    padding: 10px 0;
}