.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-f268b3ee-cb8d-2386-bbee-65733f484849 {
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
/* =========================================================
   BEURSVLOER 2026 - LOGIN PORTAAL
   Complete Custom CSS voor Liferay 7.4
   Alles vervangen door deze code
   ========================================================= */


/* =========================================================
   1. LOGIN WIDGET / WITTE CARD
   ========================================================= */

[id^="p_p_id_"][id*="customlogin_dash_CustomLogin_DashPortlet"],
.portlet-boundary[id*="customlogin_dash_CustomLogin_DashPortlet"],
[data-portlet-id*="CustomLogin_Dash"]  {
    width: 734px !important;
    max-width: calc(100vw - 40px) !important;
    min-height: 330px !important;

    margin: 120px auto 85px auto !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 0 !important;
    border-radius: 40px !important;
    box-shadow: none !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2. LIFERAY WRAPPERS RESET
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] .portlet,
[id*="CustomLogin_Dash"] .portlet,
[class*="CustomLogin_Dash"] .portlet,
[data-portlet-id*="CustomLogin_Dash"] .portlet,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .portlet-content,
[id*="CustomLogin_Dash"] .portlet-content,
[class*="CustomLogin_Dash"] .portlet-content,
[data-portlet-id*="CustomLogin_Dash"] .portlet-content,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .portlet-body,
[id*="CustomLogin_Dash"] .portlet-body,
[class*="CustomLogin_Dash"] .portlet-body,
[data-portlet-id*="CustomLogin_Dash"] .portlet-body,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .sheet,
[id*="CustomLogin_Dash"] .sheet,
[class*="CustomLogin_Dash"] .sheet,
[data-portlet-id*="CustomLogin_Dash"] .sheet,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .card,
[id*="CustomLogin_Dash"] .card,
[class*="CustomLogin_Dash"] .card,
[data-portlet-id*="CustomLogin_Dash"] .card,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .panel,
[id*="CustomLogin_Dash"] .panel,
[class*="CustomLogin_Dash"] .panel,
[data-portlet-id*="CustomLogin_Dash"] .panel {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 40px !important;
    box-shadow: none !important;
    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   3. FORM CARD
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] form,
[id*="CustomLogin_Dash"] form,
[class*="CustomLogin_Dash"] form,
[data-portlet-id*="CustomLogin_Dash"] form {
    width: 100% !important;
    max-width: none !important;
    min-height: 330px !important;

    margin: 0 !important;
    padding: 58px 59px 42px 59px !important;

    position: relative !important;

    background: #ffffff !important;
    border: 0 !important;
    border-radius: 40px !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
    font-family: Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   4. BEPALEN / CONFIG / LIFERAY TITELS VERBERGEN
   ========================================================= */

.configContainer,
.configContainer .kleurBepalen,
a.kleurBepalen,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .configContainer,
[id*="CustomLogin_Dash"] .configContainer,
[class*="CustomLogin_Dash"] .configContainer,
[data-portlet-id*="CustomLogin_Dash"] .configContainer,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .kleurBepalen,
[id*="CustomLogin_Dash"] .kleurBepalen,
[class*="CustomLogin_Dash"] .kleurBepalen,
[data-portlet-id*="CustomLogin_Dash"] .kleurBepalen,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .portlet-topper,
[id*="CustomLogin_Dash"] .portlet-topper,
[class*="CustomLogin_Dash"] .portlet-topper,
[data-portlet-id*="CustomLogin_Dash"] .portlet-topper,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .portlet-header,
[id*="CustomLogin_Dash"] .portlet-header,
[class*="CustomLogin_Dash"] .portlet-header,
[data-portlet-id*="CustomLogin_Dash"] .portlet-header,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .portlet-title-text,
[id*="CustomLogin_Dash"] .portlet-title-text,
[class*="CustomLogin_Dash"] .portlet-title-text,
[data-portlet-id*="CustomLogin_Dash"] .portlet-title-text,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .lfr-ddm-form-page-title,
[id*="CustomLogin_Dash"] .lfr-ddm-form-page-title,
[class*="CustomLogin_Dash"] .lfr-ddm-form-page-title,
[data-portlet-id*="CustomLogin_Dash"] .lfr-ddm-form-page-title,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .lfr-ddm-form-page-description,
[id*="CustomLogin_Dash"] .lfr-ddm-form-page-description,
[class*="CustomLogin_Dash"] .lfr-ddm-form-page-description,
[data-portlet-id*="CustomLogin_Dash"] .lfr-ddm-form-page-description,

[id*="customlogin_dash_CustomLogin_DashPortlet"] h3,
[id*="CustomLogin_Dash"] h3,
[class*="CustomLogin_Dash"] h3,
[data-portlet-id*="CustomLogin_Dash"] h3,

[id*="customlogin_dash_CustomLogin_DashPortlet"] h4,
[id*="CustomLogin_Dash"] h4,
[class*="CustomLogin_Dash"] h4,
[data-portlet-id*="CustomLogin_Dash"] h4,

[id*="customlogin_dash_CustomLogin_DashPortlet"] h5,
[id*="CustomLogin_Dash"] h5,
[class*="CustomLogin_Dash"] h5,
[data-portlet-id*="CustomLogin_Dash"] h5 {
    display: none !important;
}


/* =========================================================
   5. TITEL INLOGGEN
   Meer ruimte tussen titel en logo zonder tekst af te knippen
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] .svg_container,
[id*="CustomLogin_Dash"] .svg_container,
[class*="CustomLogin_Dash"] .svg_container,
[data-portlet-id*="CustomLogin_Dash"] .svg_container {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 34px 0 !important;
    padding: 0 !important;

    text-align: left !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] .intranetsvg_container,
[id*="CustomLogin_Dash"] .intranetsvg_container,
[class*="CustomLogin_Dash"] .intranetsvg_container,
[data-portlet-id*="CustomLogin_Dash"] .intranetsvg_container {
    display: block !important;

    width: 260px !important;
    max-width: 260px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;

    /* Minder ver naar links, zodat "Inloggen" niet wordt afgeknipt */
    transform: translateX(-45px) !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] h1,
[id*="CustomLogin_Dash"] h1,
[class*="CustomLogin_Dash"] h1,
[data-portlet-id*="CustomLogin_Dash"] h1,

[id*="customlogin_dash_CustomLogin_DashPortlet"] h2,
[id*="CustomLogin_Dash"] h2,
[class*="CustomLogin_Dash"] h2,
[data-portlet-id*="CustomLogin_Dash"] h2 {
    display: block !important;

    width: 260px !important;
    max-width: 260px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    color: transparent !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;

    overflow: visible !important;
    z-index: 3 !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] h1::after,
[id*="CustomLogin_Dash"] h1::after,
[class*="CustomLogin_Dash"] h1::after,
[data-portlet-id*="CustomLogin_Dash"] h1::after,

[id*="customlogin_dash_CustomLogin_DashPortlet"] h2::after,
[id*="CustomLogin_Dash"] h2::after,
[class*="CustomLogin_Dash"] h2::after,
[data-portlet-id*="CustomLogin_Dash"] h2::after {
    content: "Inloggen" !important;

    display: block !important;

    color: #000000 !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    font-family: Arial, Helvetica, sans-serif !important;

    overflow: visible !important;
}
/* =========================================================
   6. LOGO RECHTSBOVEN
   Echt logo als PNG-data gebruiken
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] form::after,
[id*="CustomLogin_Dash"] form::after,
[class*="CustomLogin_Dash"] form::after,
[data-portlet-id*="CustomLogin_Dash"] form::after {
    content: "" !important;

    position: absolute !important;
    top: 56px !important;
    right: 32px !important;

    width: 220px !important;
    height: 41px !important;

    display: block !important;

    background-image: url("data:image/png;base64,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") !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;

    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;

    z-index: 2 !important;
}
/* =========================================================
   7. OUDE LOGO'S / ICONEN VERBERGEN
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] form img,
[id*="CustomLogin_Dash"] form img,
[class*="CustomLogin_Dash"] form img,
[data-portlet-id*="CustomLogin_Dash"] form img,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form svg,
[id*="CustomLogin_Dash"] form svg,
[class*="CustomLogin_Dash"] form svg,
[data-portlet-id*="CustomLogin_Dash"] form svg,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .lexicon-icon,
[id*="CustomLogin_Dash"] .lexicon-icon,
[class*="CustomLogin_Dash"] .lexicon-icon,
[data-portlet-id*="CustomLogin_Dash"] .lexicon-icon {
    display: none !important;
}


/* =========================================================
   8. LABELS VERBERGEN
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] label,
[id*="CustomLogin_Dash"] label,
[class*="CustomLogin_Dash"] label,
[data-portlet-id*="CustomLogin_Dash"] label,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .control-label,
[id*="CustomLogin_Dash"] .control-label,
[class*="CustomLogin_Dash"] .control-label,
[data-portlet-id*="CustomLogin_Dash"] .control-label {
    display: none !important;
}


/* =========================================================
   9. INTERNE FORM WRAPPERS RESET
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .container,
[id*="CustomLogin_Dash"] form .container,
[class*="CustomLogin_Dash"] form .container,
[data-portlet-id*="CustomLogin_Dash"] form .container,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .container-fluid,
[id*="CustomLogin_Dash"] form .container-fluid,
[class*="CustomLogin_Dash"] form .container-fluid,
[data-portlet-id*="CustomLogin_Dash"] form .container-fluid,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .row,
[id*="CustomLogin_Dash"] form .row,
[class*="CustomLogin_Dash"] form .row,
[data-portlet-id*="CustomLogin_Dash"] form .row,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form [class*="col-"],
[id*="CustomLogin_Dash"] form [class*="col-"],
[class*="CustomLogin_Dash"] form [class*="col-"],
[data-portlet-id*="CustomLogin_Dash"] form [class*="col-"],

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .form-group,
[id*="CustomLogin_Dash"] form .form-group,
[class*="CustomLogin_Dash"] form .form-group,
[data-portlet-id*="CustomLogin_Dash"] form .form-group,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .field-wrapper,
[id*="CustomLogin_Dash"] form .field-wrapper,
[class*="CustomLogin_Dash"] form .field-wrapper,
[data-portlet-id*="CustomLogin_Dash"] form .field-wrapper,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .input-group,
[id*="CustomLogin_Dash"] form .input-group,
[class*="CustomLogin_Dash"] form .input-group,
[data-portlet-id*="CustomLogin_Dash"] form .input-group,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .input-group-item,
[id*="CustomLogin_Dash"] form .input-group-item,
[class*="CustomLogin_Dash"] form .input-group-item,
[data-portlet-id*="CustomLogin_Dash"] form .input-group-item,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .button-holder,
[id*="CustomLogin_Dash"] form .button-holder,
[class*="CustomLogin_Dash"] form .button-holder,
[data-portlet-id*="CustomLogin_Dash"] form .button-holder,

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .form-actions,
[id*="CustomLogin_Dash"] form .form-actions,
[class*="CustomLogin_Dash"] form .form-actions,
[data-portlet-id*="CustomLogin_Dash"] form .form-actions {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   10. INPUTVELD
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="email"],
[id*="CustomLogin_Dash"] input[type="email"],
[class*="CustomLogin_Dash"] input[type="email"],
[data-portlet-id*="CustomLogin_Dash"] input[type="email"],

[id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="text"],
[id*="CustomLogin_Dash"] input[type="text"],
[class*="CustomLogin_Dash"] input[type="text"],
[data-portlet-id*="CustomLogin_Dash"] input[type="text"],

[id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="password"],
[id*="CustomLogin_Dash"] input[type="password"],
[class*="CustomLogin_Dash"] input[type="password"],
[data-portlet-id*="CustomLogin_Dash"] input[type="password"] {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    background: #f4f4f4 !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    outline: none !important;

    color: #111111 !important;
    font-size: 18px !important;
    line-height: 55px !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif !important;

    box-sizing: border-box !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] input::placeholder,
[id*="CustomLogin_Dash"] input::placeholder,
[class*="CustomLogin_Dash"] input::placeholder,
[data-portlet-id*="CustomLogin_Dash"] input::placeholder {
    color: #111111 !important;
    opacity: 1 !important;
}


/* =========================================================
   11. AFSTAND INPUT NAAR KNOP
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] form .form-group,
[id*="CustomLogin_Dash"] form .form-group,
[class*="CustomLogin_Dash"] form .form-group,
[data-portlet-id*="CustomLogin_Dash"] form .form-group {
    margin-bottom: 24px !important;
}


/* =========================================================
   12. BUTTON
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] button,
[id*="CustomLogin_Dash"] button,
[class*="CustomLogin_Dash"] button,
[data-portlet-id*="CustomLogin_Dash"] button,

[id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="submit"],
[id*="CustomLogin_Dash"] input[type="submit"],
[class*="CustomLogin_Dash"] input[type="submit"],
[data-portlet-id*="CustomLogin_Dash"] input[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: none !important;

    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;

    aspect-ratio: auto !important;

    margin: 0 !important;
    padding: 0 20px !important;

    background: #f3c500 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    outline: none !important;

    color: #5a2d82 !important;
    font-size: 0 !important;
    line-height: 46px !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center !important;

    box-sizing: border-box !important;
    cursor: pointer !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] button *,
[id*="CustomLogin_Dash"] button *,
[class*="CustomLogin_Dash"] button *,
[data-portlet-id*="CustomLogin_Dash"] button * {
    font-size: 0 !important;
    line-height: 0 !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] button::after,
[id*="CustomLogin_Dash"] button::after,
[class*="CustomLogin_Dash"] button::after,
[data-portlet-id*="CustomLogin_Dash"] button::after {
    content: "Inloggen" !important;

    display: inline-block !important;

    color: #5a2d82 !important;
    font-size: 17px !important;
    line-height: 46px !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] button:hover,
[id*="CustomLogin_Dash"] button:hover,
[class*="CustomLogin_Dash"] button:hover,
[data-portlet-id*="CustomLogin_Dash"] button:hover,

[id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="submit"]:hover,
[id*="CustomLogin_Dash"] input[type="submit"]:hover,
[class*="CustomLogin_Dash"] input[type="submit"]:hover,
[data-portlet-id*="CustomLogin_Dash"] input[type="submit"]:hover {
    background: #e8bc00 !important;
    color: #5a2d82 !important;
    box-shadow: none !important;
}


/* =========================================================
   13. WACHTWOORD VERGETEN
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] .navigation,
[id*="CustomLogin_Dash"] .navigation,
[class*="CustomLogin_Dash"] .navigation,
[data-portlet-id*="CustomLogin_Dash"] .navigation {
    display: block !important;

    margin: 24px 0 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
}

[id*="customlogin_dash_CustomLogin_DashPortlet"] .navigation a,
[id*="CustomLogin_Dash"] .navigation a,
[class*="CustomLogin_Dash"] .navigation a,
[data-portlet-id*="CustomLogin_Dash"] .navigation a {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #111111 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif !important;

    text-align: center !important;
    text-decoration: underline !important;
}


/* =========================================================
   14. CHECKBOX / EXTRA ELEMENTEN VERBERGEN
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] .checkbox,
[id*="CustomLogin_Dash"] .checkbox,
[class*="CustomLogin_Dash"] .checkbox,
[data-portlet-id*="CustomLogin_Dash"] .checkbox,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .custom-checkbox,
[id*="CustomLogin_Dash"] .custom-checkbox,
[class*="CustomLogin_Dash"] .custom-checkbox,
[data-portlet-id*="CustomLogin_Dash"] .custom-checkbox,

[id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="checkbox"],
[id*="CustomLogin_Dash"] input[type="checkbox"],
[class*="CustomLogin_Dash"] input[type="checkbox"],
[data-portlet-id*="CustomLogin_Dash"] input[type="checkbox"] {
    display: none !important;
}


/* =========================================================
   15. ERROR MELDINGEN
   ========================================================= */

[id*="customlogin_dash_CustomLogin_DashPortlet"] .form-feedback-item,
[id*="CustomLogin_Dash"] .form-feedback-item,
[class*="CustomLogin_Dash"] .form-feedback-item,
[data-portlet-id*="CustomLogin_Dash"] .form-feedback-item,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .help-block,
[id*="CustomLogin_Dash"] .help-block,
[class*="CustomLogin_Dash"] .help-block,
[data-portlet-id*="CustomLogin_Dash"] .help-block,

[id*="customlogin_dash_CustomLogin_DashPortlet"] .alert,
[id*="CustomLogin_Dash"] .alert,
[class*="CustomLogin_Dash"] .alert,
[data-portlet-id*="CustomLogin_Dash"] .alert {
    margin: 8px 0 10px 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #d70000 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   16. MOBIEL
   Logo onder de zwarte titel Inloggen
   ========================================================= */

@media (max-width: 480px) {
    [id*="customlogin_dash_CustomLogin_DashPortlet"],
    [id*="CustomLogin_Dash"],
    [class*="CustomLogin_Dash"],
    [data-portlet-id*="CustomLogin_Dash"] {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-height: auto !important;

        margin: 60px auto !important;

        border-radius: 28px !important;
    }

    [id*="customlogin_dash_CustomLogin_DashPortlet"] form,
    [id*="CustomLogin_Dash"] form,
    [class*="CustomLogin_Dash"] form,
    [data-portlet-id*="CustomLogin_Dash"] form {
        min-height: auto !important;

        padding: 38px 24px 34px 24px !important;

        border-radius: 28px !important;
    }

    /* Titel-container normaal links zetten */
    [id*="customlogin_dash_CustomLogin_DashPortlet"] .svg_container,
    [id*="CustomLogin_Dash"] .svg_container,
    [class*="CustomLogin_Dash"] .svg_container,
    [data-portlet-id*="CustomLogin_Dash"] .svg_container {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 0 72px 0 !important;
        padding: 0 !important;

        text-align: left !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    [id*="customlogin_dash_CustomLogin_DashPortlet"] .intranetsvg_container,
    [id*="CustomLogin_Dash"] .intranetsvg_container,
    [class*="CustomLogin_Dash"] .intranetsvg_container,
    [data-portlet-id*="CustomLogin_Dash"] .intranetsvg_container {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;

        transform: none !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    [id*="customlogin_dash_CustomLogin_DashPortlet"] h1,
    [id*="CustomLogin_Dash"] h1,
    [class*="CustomLogin_Dash"] h1,
    [data-portlet-id*="CustomLogin_Dash"] h1,

    [id*="customlogin_dash_CustomLogin_DashPortlet"] h2,
    [id*="CustomLogin_Dash"] h2,
    [class*="CustomLogin_Dash"] h2,
    [data-portlet-id*="CustomLogin_Dash"] h2 {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    [id*="customlogin_dash_CustomLogin_DashPortlet"] h1::after,
    [id*="CustomLogin_Dash"] h1::after,
    [class*="CustomLogin_Dash"] h1::after,
    [data-portlet-id*="CustomLogin_Dash"] h1::after,

    [id*="customlogin_dash_CustomLogin_DashPortlet"] h2::after,
    [id*="CustomLogin_Dash"] h2::after,
    [class*="CustomLogin_Dash"] h2::after,
    [data-portlet-id*="CustomLogin_Dash"] h2::after {
        font-size: 28px !important;
        line-height: 1.1 !important;
    }

    /* Logo onder de zwarte titel plaatsen */
    [id*="customlogin_dash_CustomLogin_DashPortlet"] form::after,
    [id*="CustomLogin_Dash"] form::after,
    [class*="CustomLogin_Dash"] form::after,
    [data-portlet-id*="CustomLogin_Dash"] form::after {
        position: absolute !important;

        top: 80px !important;
        left: 24px !important;
        right: auto !important;

        width: 180px !important;
        height: 34px !important;

        margin: 0 !important;

        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-size: contain !important;

        z-index: 2 !important;
    }

    /* Input en knop netjes volle breedte */
    [id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="email"],
    [id*="CustomLogin_Dash"] input[type="email"],
    [class*="CustomLogin_Dash"] input[type="email"],
    [data-portlet-id*="CustomLogin_Dash"] input[type="email"],

    [id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="text"],
    [id*="CustomLogin_Dash"] input[type="text"],
    [class*="CustomLogin_Dash"] input[type="text"],
    [data-portlet-id*="CustomLogin_Dash"] input[type="text"],

    [id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="password"],
    [id*="CustomLogin_Dash"] input[type="password"],
    [class*="CustomLogin_Dash"] input[type="password"],
    [data-portlet-id*="CustomLogin_Dash"] input[type="password"] {
        width: 100% !important;
        max-width: none !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        font-size: 16px !important;
        line-height: 52px !important;
    }

    [id*="customlogin_dash_CustomLogin_DashPortlet"] button,
    [id*="CustomLogin_Dash"] button,
    [class*="CustomLogin_Dash"] button,
    [data-portlet-id*="CustomLogin_Dash"] button,

    [id*="customlogin_dash_CustomLogin_DashPortlet"] input[type="submit"],
    [id*="CustomLogin_Dash"] input[type="submit"],
    [class*="CustomLogin_Dash"] input[type="submit"],
    [data-portlet-id*="CustomLogin_Dash"] input[type="submit"] {
        width: 100% !important;
        max-width: none !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    [id*="customlogin_dash_CustomLogin_DashPortlet"] .navigation,
    [id*="CustomLogin_Dash"] .navigation,
    [class*="CustomLogin_Dash"] .navigation,
    [data-portlet-id*="CustomLogin_Dash"] .navigation {
        margin-top: 24px !important;
    }
}