body {
    font-family: "Open Sans", Arial, sans-serif;
    background: #f3f7ff;
    margin: 0;
}

/* TOP BAR */
.mhc-topbar {
    background: #123483;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.mhc-topbar img {
    height: 48px;
}

/* WRAPPER */
.mhc-login-page {
    max-width: 900px;
    margin: 30px auto;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,.08);
    padding: 40px 50px;
}

/* TITEL */
.mhc-login-title {
    text-align: center;
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 25px;
}

/* SUBTEXT */
.mhc-login-subtext {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

/* FORM */
.mhc-login-form {
    max-width: 420px;
    margin: 0 auto;
}

/* BLUE BUTTON */
.pure-button-red {
    background: #123483 !important;
    border-radius: 6px;
    border: none;
    padding: 10px;
    font-size: 15px;
}

.pure-button-red:hover {
    filter: brightness(1.07);
}
/* SimpleSAMLphp standaard header & footer verbergen */
body > header,
body > footer {
    display: none !important;
}

/* Eventuele extra ruimte weghalen */
body {
    padding-top: 0;
    padding-bottom: 0;
}
/* SimpleSAMLphp header + footer verbergen */
header#header,
footer#footer {
    display: none !important;
}

/* Eventuele extra ruimte weghalen */
body {
    padding-top: 0;
    padding-bottom: 0;
}
/* Achtergrond: wit -> lichtblauw (zoals MHC portal) */
body {
    background: linear-gradient(to bottom, #ffffff 0%, #eef3ff 200px, #f3f7ff 100%);
}
/* LOGO GECENTREERD BOVEN DE BLAUWE BALK */
.mhc-logo-container {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}

.mhc-logo-container img {
    height: 85px;
}

/* Blauwe balk onder logo */
.mhc-topbar {
    background: #123483;
    height: 70px;
    width: 100%;
}
.toets-banner {
    padding: 1rem;
    margin: 0 0 1rem 0;
    background: #ffe5e5;
    border: 2px solid #ff0000;
    border-radius: 4px;
}

.toets-banner h2 {
    margin: 0;
    color: #b00000;
    font-weight: 700;
}

.toets-banner p {
    margin: 0.5rem 0 0 0;
}