html {
    height: 100%;
}

.my-reconnect-modal > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100002;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    display: block;
}

.hidden {
    display: none;
}

body .messageError {
    position: relative;
    background: #fbd3d3;
    padding: 10px 10px 8px 40px;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: 1;
    border: 1px solid #D90000;
    color: #000;
    font-weight: 500;
}

    body .messageError:before {
        position: absolute;
        top: 6px;
        left: 10px;
        content: "\f321";
        font-family: 'Font Awesome 6 Pro';
        font-size: 22px;
    }

    body .messageError ul li {
        line-height: 140%;
    }


ul.validation-errors {
    background: #fbd3d3;
    border: 1px solid #D90000;
    position: relative;
    padding: 5px 5px 5px 35px;
}

    ul.validation-errors li.validation-message {
        color: #000;
        list-style-type: none;
    }

        ul.validation-errors li.validation-message:before {
            content: "\f071";
            font-family: 'Font Awesome 6 Pro';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 10px;
        }

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

body {
    font-size: 16px;
    background: #f1f1f1;
    margin: 0;
    min-height: 100%;
}

    body,
    body * {
        font-family: "Segoe UI", Arial, Arial, Helvetica, sans-serif, sans-serif;
    }

        body h1,
        body h2,
        body h3,
        body h4,
        body h5 {
            color: #000;
            font-weight: 600;
        }

        body h1 {
            font-size: 32px;
            margin: 0;
            margin-bottom: 20px;
        }

        body h2 {
            font-size: 26px;
            margin-bottom: 0px;
        }

        body h3 {
            font-size: 22px;
        }

        body h4 {
            font-size: 20px;
        }

        body h5 {
            font-size: 18px;
        }

        body a,
        body a:link,
        body a:active,
        body a:hover,
        body a:focus {
            color: #000;
        }

        body .floatleft {
            float: left;
        }

        body .floatright {
            float: right;
        }

        body .clearboth {
            clear: both;
        }

        body .aligntop {
            vertical-align: top;
        }

        body .nowrap {
            white-space: nowrap;
        }

        body table tr th {
            text-align: left;
            font-weight: 600;
        }

        body .znFlexLayout {
            margin: 10px 0;
        }

            body .znFlexLayout > div.znFlexEnd {
                gap: 5px;
            }

        body .meldinginformatief {
            position: relative;
            background: #fdf6bb;
            padding: 10px 10px 8px 40px;
            box-sizing: border-box;
            margin-bottom: 10px;
            border: 1px solid #d0ca99;
            line-height: 1;
            color: #000;
        }

            body .meldinginformatief:before {
                position: absolute;
                top: 6px;
                left: 10px;
                content: "\f321";
                font-family: 'Font Awesome 6 Pro';
                font-size: 25px;
            }

        body .meldingfout {
            position: relative;
            background: #fbd3d3;
            padding: 10px 10px 8px 40px;
            box-sizing: border-box;
            margin-bottom: 10px;
            border: 1px solid #D90000;
            line-height: 1;
            color: #000;
        }

            body .meldingfout:before {
                position: absolute;
                top: 6px;
                left: 10px;
                content: "\f321";
                font-family: 'Font Awesome 6 Pro';
                font-size: 25px;
            }

        body .znWindowWrapper .znWindow {
            max-width: 650px;
        }


        /* #region Container */

        body .container {
            position: relative;
            min-height: 100vh;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
        }

            /* #region Omgeving */

            body .container .omgeving {
                width: 200px;
                height: 30px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 18px;
                border-bottom: 2px solid #000;
                border-right: 2px solid #000;
                color: #FFF;
                font-weight: 400;
                z-index: 100001;
                position: fixed;
                top: 0px;
                left: 0px;
            }

                body .container .omgeving.Development {
                    background: #da2525;
                }

                body .container .omgeving.Test {
                    background: #da2525;
                }

                body .container .omgeving.Staging {
                    background: #e38a07;
                }

                body .container .omgeving.Acceptatie {
                    background: #e38a07;
                }

            /* #endregion Omgeving */

            /* #region Naar inhoud */

            body .container .naarinhoud {
                height: 0px;
            }

                body .container .naarinhoud .znButtonWrapper button {
                    height: 1px;
                    width: 1px;
                    min-width: 1px;
                    overflow: hidden;
                    margin: -1px;
                    display: block;
                    position: absolute;
                    right: 50%;
                    top: 15px;
                    font-weight: 500;
                    z-index: 1;
                    border: 0px none;
                    padding: 0px;
                }

                    body .container .naarinhoud .znButtonWrapper button:focus {
                        width: auto;
                        height: auto;
                        padding: 20px;
                    }

            /* #endregion Naar inhoud */

            /* #region Header*/

            body .container .header {
                position: relative;
                background: #FFF;
                z-index: 2;
                min-height: 85px;
            }

                body .container .header .headerinner {
                    width: 1100px;
                    margin: 0 auto;
                }

                    body .container .header .headerinner .logo {
                        margin: 5px 0;
                        min-height: 75px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        body .container .header .headerinner .logo a {
                            text-decoration: none;
                            display: inline-block;
                        }

                            body .container .header .headerinner .logo a:focus {
                                outline: 2px dotted;
                            }

                            body .container .header .headerinner .logo a:hover,
                            body .container .header .headerinner .logo a:active {
                                outline: 0px none;
                            }

                            body .container .header .headerinner .logo a img {
                                max-width: 200px;
                                max-height: 110px;
                            }

                        body .container .header .headerinner .logo .logolink {
                            margin-top: 18px;
                            display: inline-block;
                        }

                        body .container .header .headerinner .logo a span {
                            font-size: 30px;
                            font-weight: 600;
                        }

                    body .container .header .headerinner .headermenu {
                        box-sizing: border-box;
                        padding: 0px 12px;
                        display: flex;
                        align-items: center;
                    }

                        body .container .header .headerinner .headermenu .headermenuitem {
                            display: flex;
                            border-left: 1px solid #CCC;
                            padding-left: 10px;
                            margin: 12px 0 12px 10px;
                            align-items: center;
                            gap: 5px;
                            height: 20px;
                        }

                            body .container .header .headerinner .headermenu .headermenuitem a {
                            }

                            body .container .header .headerinner .headermenu .headermenuitem:first-child {
                                border-left: 0px;
                            }

                            body .container .header .headerinner .headermenu .headermenuitem .znMenu ul.znMenuItems li.znMenuItem a.znMenuLink .znMenuIcon {
                                padding: 0px 8px;
                            }

                                body .container .header .headerinner .headermenu .headermenuitem .znMenu ul.znMenuItems li.znMenuItem a.znMenuLink .znMenuIcon .znIcon {
                                    font-size: 16px;
                                }

            /* #endregion Header */

            /* #region Menu */

            body .container .menu {
                position: relative;
                width: 100%;
                background: #000;
                box-sizing: border-box;
                z-index: 1;
            }

                body .container .menu .menuinner {
                    width: 1100px;
                    margin: 0px auto;
                    min-height: 26px;
                }


                    body .container .menu .menuinner .hoofdmenu {
                        display: block;
                        padding: 20px 0;
                    }


                        body .container .menu .menuinner .hoofdmenu div.znMenu .znButtonWrapper.znActivateResponsiveMenu button.znIconButton,
                        body .container .menu .menuinner .hoofdmenu div.znMenu .znButtonWrapper.znActivateResponsiveMenu button.znIconButton:hover,
                        body .container .menu .menuinner .hoofdmenu div.znMenu .znButtonWrapper.znActivateResponsiveMenu button.znIconButton:focus,
                        body .container .menu .menuinner .hoofdmenu div.znMenu .znButtonWrapper.znActivateResponsiveMenu button.znIconButton:active {
                            color: #FFF;
                        }

                            body .container .menu .menuinner .hoofdmenu div.znMenu .znButtonWrapper.znActivateResponsiveMenu button.znIconButton:focus {
                                outline: 2px dotted #FFF;
                            }


                        body .container .menu .menuinner .hoofdmenu div.znMenu ul.znMenuItems {
                            color: #FFF;
                        }

                            body .container .menu .menuinner .hoofdmenu div.znMenu ul.znMenuItems li.znMenuItem {
                                border-left: 1px solid #FFF;
                            }

                                body .container .menu .menuinner .hoofdmenu div.znMenu ul.znMenuItems li.znMenuItem:first-child {
                                    border-left: 0px none;
                                }

                                body .container .menu .menuinner .hoofdmenu div.znMenu ul.znMenuItems li.znMenuItem a.znMenuLink {
                                    color: #FFF;
                                    display: block;
                                }

                                    body .container .menu .menuinner .hoofdmenu div.znMenu ul.znMenuItems li.znMenuItem a.znMenuLink:focus {
                                        outline: 2px dotted #FFF;
                                    }


            /* #endregion Menu */

            /* #region Content */

            body .container .content {
                box-sizing: border-box;
                background: #f1f1f1;
                -webkit-box-flex: 1;
                flex: 1 1 auto;
            }

                body .container .content .contentinner {
                    box-sizing: border-box;
                    padding: 20px 20px;
                    width: 1100px;
                    margin: 0 auto;
                    background: #FFF;
                    min-height: 50vh;
                    box-shadow: 0px 0px 5px #DDD;
                    margin-bottom: 10px;
                }

                    body .container .content .contentinner .maincontent {
                        outline: 0 none;
                    }


                    body .container .content .contentinner .znButton.digidinloggen,
                    body .container .content .contentinner .znButton.digidinloggen:focus,
                    body .container .content .contentinner .znButton.digidinloggen:hover {
                        background-image: url("../Images/digid_eo_rgb_100px.png");
                        background-size: 35px;
                        background-repeat: no-repeat;
                        background-color: #e17000;
                        height: 42px;
                        padding: 0px 15px 0px 50px;
                        background-position: 7px 4px;
                        border-radius: 6px;
                        border: 0 none;
                        color: #FFF;
                        font-weight: 600;
                    }

                        body .container .content .contentinner .znButton.digidinloggen:focus {
                            outline: 2px dotted #000;
                        }

                        body .container .content .contentinner .znButton.digidinloggen:hover,
                        body .container .content .contentinner .znButton.digidinloggen:active {
                            outline: 0px none;
                            background-color: #dd6200;
                        }

                        body .container .content .contentinner .znButton.digidinloggen .znButtonText {
                            font-weight: 600;
                            color: #FFF;
                            font-family: Arial;
                            font-size: 16px;
                        }

                    /* #region Breadcrumb */

                    body .container .content .contentinner .breadcrumb div.breadcrumbitem {
                        display: inline-block;
                        margin-right: 5px;
                    }

                        body .container .content .contentinner .breadcrumb div.breadcrumbitem a,
                        body .container .content .contentinner .breadcrumb div.breadcrumbitem span {
                            vertical-align: top;
                            font-size: 14px;
                            font-weight: normal;
                        }

                            body .container .content .contentinner .breadcrumb div.breadcrumbitem span.breadcrumbseperator {
                                font-size: 12px;
                                display: inline-block;
                                margin-top: 5px;
                                vertical-align: top;
                            }

                    /* #endregion Breadcrumb */

                    /* #region ToonAlle */

                    body .container .content .contentinner .maincontent .toonalles {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 5px;
                    }

                    /* #endregion ToonAlle*/

                    /* #region Home */

                    body .container .content .contentinner .inloggen {
                        margin: 15px 0 20px 0;
                    }

                    body .container .content .contentinner .dossierkeuze .znRadioButtonList {
                        display: block;
                    }

                        body .container .content .contentinner .dossierkeuze .znRadioButtonList .znRadioButtonListItem {
                            display: flex;
                        }

                body .container .content .mijn-index {
                    display: grid;
                    grid-template-columns: 70% 1fr;
                    gap: 10px;
                }

                body .container .content .contentinner .contentlinks {
                    border-right: 1px solid #CCC;
                    min-height: 40vh;
                    padding-right: 20px;
                }

                    body .container .content .contentinner .contentlinks .actieregel {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }

                    body .container .content .contentinner .contentlinks .contentregel {
                        margin: 0 0 25px 0;
                    }

                body .container .content .contentinner .contentrechts {
                }

                    body .container .content .contentinner .contentrechts .contactpersoon {
                        margin: 20px 0;
                        word-break: break-word;
                    }

                    body .container .content .contentinner .contentrechts .contactpersoonnaam {
                        font-size: 20px;
                        margin: 5px 0;
                        display: inline-block;
                    }

                    body .container .content .contentinner .contentrechts .contactpersoonemail {
                        word-break: break-all;
                    }

                /* #endregion Home */

                /* #region Berichten */

                body .container .content .contentinner .bericht {
                    padding: 15px 5px;
                    width: 100%;
                    justify-content: space-between;
                    box-sizing: border-box;
                }

                    body .container .content .contentinner .bericht .berichtheader {
                        display: flex;
                        background: #EEE;
                        padding: 5px;
                    }

                        body .container .content .contentinner .bericht .berichtheader .berichttitel {
                            display: flex;
                            flex: auto;
                            justify-content: flex-start;
                            align-items: center;
                        }

                        body .container .content .contentinner .bericht .berichtheader .berichttoggle {
                            display: flex;
                            flex: auto;
                            justify-content: flex-end;
                            align-items: center;
                        }

                            body .container .content .contentinner .bericht .berichtheader .berichttoggle button {
                                font-size: 18px;
                            }

                    body .container .content .contentinner .bericht .berichttekst {
                        word-break: break-word;
                        padding: 5px;
                    }

                body .container .content .contentinner .bericht-toevoegen {
                    display: grid;
                    align-items: center;
                    gap: 10px;
                    margin: 0px 0px 10px 0px;
                    grid-template-columns: minmax(auto, 240px) auto;
                }

                    body .container .content .contentinner .bericht-toevoegen .znLabelColumn {
                        word-break: break-word;
                    }

                        body .container .content .contentinner .bericht-toevoegen .znLabelColumn.znAlignTop {
                            align-self: flex-start;
                        }

                    body .container .content .contentinner .bericht-toevoegen .znInputColumn {
                        width: 400px;
                        gap: 10px;
                    }




                /* #endregion Berichten */

                /* #region Documenten */

                body .container .content .contentinner .document {
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    padding: 15px 5px;
                    border-bottom: 1px solid #DDD;
                    box-sizing: border-box;
                }

                    body .container .content .contentinner .document .documentlinks {
                        display: block;
                        flex: 1;
                    }

                        body .container .content .contentinner .document .documentlinks .documentomschrijving {
                            display: flex;
                            align-items: center;
                            gap: 5px;
                        }

                        body .container .content .contentinner .document .documentlinks .documentproces {
                            display: flex;
                            align-items: center;
                        }

                        body .container .content .contentinner .document .documentlinks .documentondertekend {
                        }

                    body .container .content .contentinner .document .documentrechts {
                        white-space: nowrap;
                    }

                    body .container .content .contentinner .document .documentondertekenen {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;
                        flex: 1;
                        font-size: 14px;
                    }

                    body .container .content .contentinner .document .documentrechts .documentondertekenen .znButtonText {
                        text-align: left;
                    }

                    body .container .content .contentinner .document .documentondertekenen .znLinkButton .znButtonText {
                        font-size: 14px;
                    }

                    body .container .content .contentinner .document .documentdownload {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;
                        flex: 1;
                    }

                        body .container .content .contentinner .document .documentdownload .znLinkText {
                            font-size: 14px;
                        }

                body .container .content .contentinner .document-toevoegen {
                    display: grid;
                    align-items: center;
                    gap: 10px;
                    margin: 0px 0px 10px 0px;
                    grid-template-columns: minmax(auto, 240px) auto;
                }

                    body .container .content .contentinner .document-toevoegen .znLabelColumn {
                        word-break: break-word;
                    }

                        body .container .content .contentinner .document-toevoegen .znLabelColumn.znAlignTop {
                            align-self: flex-start;
                        }

                    body .container .content .contentinner .document-toevoegen .znInputColumn {
                        width: 400px;
                        gap: 10px;
                    }
                /* #endregion Documenten */

                /* #region Gegevens */

                body .container .content .contentinner .gegevensnietaantepassen {
                    border: 1px solid #CCC;
                    padding: 10px;
                    background: #EEE;
                }

                body .container .content .contentinner .mijn-gegevens-wijzigen {
                    display: grid;
                    align-items: center;
                    gap: 10px;
                    margin: 0px 0px 10px 0px;
                    grid-template-columns: minmax(auto, 50%) auto;
                }

                    body .container .content .contentinner .mijn-gegevens-wijzigen .znLabelColumn {
                        word-break: break-word;
                    }

                        body .container .content .contentinner .mijn-gegevens-wijzigen .znLabelColumn.znAlignTop {
                            align-self: flex-start;
                        }

                    body .container .content .contentinner .mijn-gegevens-wijzigen .znInputColumn {
                        gap: 10px;
                    }

                /* #endregion Gegevens */

                /* #region Hulp */

                body .container .content .contentinner .hulp {
                    padding: 10px 0 20px 0;
                    border-bottom: 1px solid #CCC;
                }

                    body .container .content .contentinner .hulp .hulpleverancier,
                    body .container .content .contentinner .hulp .hulptelefoon,
                    body .container .content .contentinner .hulp .hulpemail {
                        display: inline-block;
                    }

                    body .container .content .contentinner .hulp .hulptelefoon,
                    body .container .content .contentinner .hulp .hulpemail {
                        margin-left: 5px;
                    }

                /* #endregion Hulp */

                /* #region Melding */

                body .container .content .contentinner .melding {
                    padding: 15px 0 15px 0;
                    border-bottom: 1px solid #CCC;
                }

                body .container .content .contentinner .meldingheader {
                    display: flex;
                    justify-content: space-between;
                }

                    body .container .content .contentinner .meldingheader h2,
                    body .container .content .contentinner .meldingheader h4 {
                        margin-top: 0;
                    }

                    body .container .content .contentinner .meldingheader button {
                        font-size: 18px;
                    }


                body .container .content .contentinner .meldingcontent {
                }

                    body .container .content .contentinner .meldingcontent ul.meldingacties {
                        list-style-type: none;
                        margin: 10px 0 20px 0;
                        padding: 0;
                    }

                        body .container .content .contentinner .meldingcontent ul.meldingacties li {
                            padding: 0px 0 15px 0px;
                            display: flex;
                            align-items: center;
                            position: relative;
                            margin-left: 10px;
                            overflow: hidden;
                        }

                            body .container .content .contentinner .meldingcontent ul.meldingacties li .meldingactieicon {
                                padding: 1px;
                                margin-right: 10px;
                                z-index: 2;
                                background: #FFF;
                                border-radius: 50%;
                                display: flex;
                                justify-content: center;
                                position: relative;
                            }

                                body .container .content .contentinner .meldingcontent ul.meldingacties li .meldingactieicon .fa-solid {
                                    z-index: 2;
                                    background: #FFF;
                                    border-radius: 50%;
                                }

                                body .container .content .contentinner .meldingcontent ul.meldingacties li .meldingactieicon .meldingactieiconline {
                                    position: absolute;
                                    width: 4px;
                                    height: 100%;
                                    top: 0px;
                                }

                                    body .container .content .contentinner .meldingcontent ul.meldingacties li .meldingactieicon .meldingactieiconline:before {
                                        content: "";
                                        display: block;
                                        background: #CCC;
                                        width: 4px;
                                        height: 100px;
                                        position: absolute;
                                        z-index: 1;
                                        bottom: 1px;
                                    }

                                    body .container .content .contentinner .meldingcontent ul.meldingacties li .meldingactieicon .meldingactieiconline:after {
                                        content: "";
                                        display: block;
                                        background: #CCC;
                                        width: 4px;
                                        height: 100px;
                                        position: absolute;
                                        z-index: 1;
                                        top: 1px;
                                    }

                            body .container .content .contentinner .meldingcontent ul.meldingacties li:first-child .meldingactieiconline:before {
                                display: none;
                            }

                            body .container .content .contentinner .meldingcontent ul.meldingacties li:last-child .meldingactieiconline:after {
                                display: none;
                            }

                    body .container .content .contentinner .meldingcontent ul.meldinglinks {
                        list-style-type: none;
                        margin: 0;
                        padding: 0;
                        display: flex;
                    }

                        body .container .content .contentinner .meldingcontent ul.meldinglinks li {
                            padding: 0 15px 0 0;
                            display: flex;
                            align-items: center;
                        }

                            body .container .content .contentinner .meldingcontent ul.meldinglinks li button.znLinkButton {
                                height: auto;
                            }

                                body .container .content .contentinner .meldingcontent ul.meldinglinks li span,
                                body .container .content .contentinner .meldingcontent ul.meldinglinks li button.znLinkButton .znButtonText {
                                    font-size: 14px;
                                }

                            body .container .content .contentinner .meldingcontent ul.meldinglinks li:after {
                                content: "\7c";
                                font-family: "Font Awesome 6 Pro";
                                font-size: 12px;
                                margin-left: 15px;
                            }

                            body .container .content .contentinner .meldingcontent ul.meldinglinks li:last-child:after {
                                content: "";
                            }


                /* #endregion Melding */

                /* #region Agenda */

                body .container .content .contentinner .afspraak {
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    padding: 15px 5px;
                    border-bottom: 1px solid #DDD;
                    box-sizing: border-box;
                }

                    body .container .content .contentinner .afspraak .afspraaklinks {
                        display: block;
                        flex: 1;
                    }

                        body .container .content .contentinner .afspraak .afspraaklinks h2 {
                            margin: 0;
                        }

                    body .container .content .contentinner .afspraak .afspraakrechts {
                        white-space: nowrap;
                    }

                    body .container .content .contentinner .afspraak .afspraakdownload {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;
                        flex: 1;
                    }

                    body .container .content .contentinner .afspraak a {
                        margin-right: 10px;
                    }

                    body .container .content .contentinner .afspraak .afspraakdownloaden {
                        font-size: 14px;
                    }

                /* #endregion Agenda */

                /* #region MijnGegevens */

                body .container .content .contentinner .mijngegevens {
                }

                    body .container .content .contentinner .mijngegevens .znInputColumn .znToggleButton .znToggleButtonIcon.znIcon {
                        font-size: 22px;
                    }

                    body .container .content .contentinner .mijngegevens .znInputColumn .znToggleButton.znToggleButtonOn .znToggleButtonIcon.znIcon {
                        color: #06880F;
                    }

                /* #endregion MijnGegevens */


                /* #region Formulieren */

                body .container .content .contentinner .uwFormulieren {
                    margin-bottom: 50px;
                }

                    body .container .content .contentinner .uwFormulieren .uwFormulier {
                        display: flex;
                        padding: 5px;
                        border-bottom: 1px solid #DDD;
                        width: 100%;
                        justify-content: space-between;
                        box-sizing: border-box;
                        align-items: center;
                    }

                        body .container .content .contentinner .uwFormulieren .uwFormulier .uwFormulierTitel {
                            display: flex;
                            width: 45%;
                            align-items: center;
                        }

                            body .container .content .contentinner .uwFormulieren .uwFormulier .uwFormulierTitel .uwFormulierTitelText {
                                margin-right: 5px;
                            }

                        body .container .content .contentinner .uwFormulieren .uwFormulier .uwFormulierProces {
                            width: 30%;
                            display: flex;
                            align-items: center;
                        }

                        body .container .content .contentinner .uwFormulieren .uwFormulier .uwFormulierLink {
                            display: flex;
                            justify-content: flex-end;
                            align-items: center;
                            width: 20%;
                            font-size: 14px;
                        }

                /* #endregion Formulieren */



                /* #region Formulier */

                body .container .content .contentinner .formulier {
                }


                    body .container .content .contentinner .formulier ul.formulier-stappen {
                        list-style-type: none;
                        display: flex;
                        padding: 0px;
                        flex-direction: row;
                        flex-wrap: wrap;
                        justify-content: center;
                        gap: 5px;
                    }

                        body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap {
                            position: relative;
                            text-align: center;
                            display: flex;
                            gap: 5px;
                        }

                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap .znLinkButton {
                                background: #FFF;
                                position: relative;
                                z-index: 1;
                                color: #000;
                            }

                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap.formulier-stap-valid .znLinkButton {
                                color: #06880F;
                            }

                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap.formulier-stap-invalid .znLinkButton {
                                color: #B60000;
                            }



                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap .znLinkButton.znDisabled {
                                color: #595959;
                            }


                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap::after {
                                content: "-";
                                display: block;
                                font-size: 20px;
                            }

                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap:last-child::after {
                                content: "";
                            }


                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap .znLinkButton .znButtonText,
                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap .znLinkButton .znIcon {
                                font-size: 14px;
                            }

                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap .znLinkButton .znButtonText {
                                font-weight: 400;
                            }

                            body .container .content .contentinner .formulier ul.formulier-stappen li.formulier-stap.formulier-stap-actief .znLinkButton .znButtonText {
                                font-weight: 600;
                            }

                    body .container .content .contentinner .formulier .formulier-verplicht-toelichting {
                        margin: 8px 0 0 0;
                        display: block;
                        font-size: 16px;
                    }

                    body .container .content .contentinner .formulier .formulier-samenvatting dl {
                        display: grid;
                        grid-template-columns: minmax(auto, 35%) minmax(450px, 1fr);
                        padding: 10px 0;
                        gap: 10px;
                    }

                        body .container .content .contentinner .formulier .formulier-samenvatting dl dt {
                            display: flex;
                            flex: 1;
                            justify-content: flex-start;
                            align-items: flex-start;
                        }

                    body .container .content .contentinner .formulier .formulier-vraaggroep {
                        margin: 15px 0 0 0;
                        border-top: 2px solid #EEE;
                        padding: 15px 0 0 0;
                        box-sizing: border-box;
                    }

                    body .container .content .contentinner .formulier .formulier-vragen {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                    }

                    body .container .content .contentinner .formulier .formulier-vraag {
                        display: flex;
                    }

                        body .container .content .contentinner .formulier .formulier-vraag .znLabelColumn {
                            max-width: 35%;
                            display: flex;
                            flex: 1;
                            justify-content: flex-start;
                            margin-right: 10px;
                            align-items: center;
                        }

                            body .container .content .contentinner .formulier .formulier-vraag .znLabelColumn.znAlignTop {
                                align-items: flex-start;
                            }

                        body .container .content .contentinner .formulier .formulier-vraag .znInputColumn {
                            flex: 1;
                            min-width: 450px;
                        }


                    body .container .content .contentinner .formulier .formulier-buttons {
                        display: flex;
                        padding: 15px 0 0 0;
                    }

                        body .container .content .contentinner .formulier .formulier-buttons .formulier-button-previous {
                            display: flex;
                            flex: 1;
                            justify-content: flex-start;
                        }

                            body .container .content .contentinner .formulier .formulier-buttons .formulier-button-previous .znButton {
                                background: #f9f9f9;
                                color: #000;
                                border: 1px solid #AAA;
                            }

                                body .container .content .contentinner .formulier .formulier-buttons .formulier-button-previous .znButton:hover,
                                body .container .content .contentinner .formulier .formulier-buttons .formulier-button-previous .znButton:active,
                                body .container .content .contentinner .formulier .formulier-buttons .formulier-button-previous .znButton:focus {
                                    background: #e7e7e7;
                                    color: #000;
                                    outline: 2px solid #000;
                                }

                                body .container .content .contentinner .formulier .formulier-buttons .formulier-button-previous .znButton:focus-visible {
                                    outline: 2px dotted;
                                }




                        body .container .content .contentinner .formulier .formulier-buttons .formulier-button-next {
                            display: flex;
                            flex: 1;
                            justify-content: flex-end;
                        }


            /* #endregion Formulier*/

            /* #endregion Content */

            /* #region Footer */

            body .container .footer {
                position: relative;
                padding: 10px 0 30px 0;
                background: #000;
                box-sizing: border-box;
            }

                body .container .footer .footerinner {
                    width: 1100px;
                    margin: 0 auto;
                    box-sizing: border-box;
                    padding: 0 10px;
                }

                    body .container .footer .footerinner ul {
                        display: block;
                        margin: 0;
                        padding: 0;
                    }

                        body .container .footer .footerinner ul.footerlinks li {
                            display: block;
                            margin-bottom: 5px;
                        }

                            body .container .footer .footerinner ul.footerlinks li a.znLink {
                                text-align: left;
                                color: #FFF;
                                font-size: 16px;
                            }


                        body .container .footer .footerinner ul.footerrechts {
                            display: flex;
                        }

                            body .container .footer .footerinner ul.footerrechts li {
                                display: flex;
                                cursor: pointer;
                                margin: 0px;
                            }

                                body .container .footer .footerinner ul.footerrechts li a.znLink {
                                    padding: 0px;
                                    margin: 5px;
                                }

                                    body .container .footer .footerinner ul.footerrechts li a.znLink .znLinkIcon {
                                        width: 40px;
                                        height: 40px;
                                        background: #FFF;
                                        border-radius: 50%;
                                        box-sizing: border-box;
                                        padding: 10px 0;
                                        display: flex;
                                        justify-content: center;
                                    }

                                        body .container .footer .footerinner ul.footerrechts li a.znLink .znLinkIcon:before {
                                            font-size: 20px;
                                        }

                                    body .container .footer .footerinner ul.footerrechts li a.znLink:hover .znLinkIcon {
                                        outline: 2px solid #FFF;
                                        background: transparent;
                                        color: #FFF;
                                    }

                        body .container .footer .footerinner ul li a:focus {
                            outline: 2px dotted #FFF;
                        }

                        body .container .footer .footerinner ul li a:hover,
                        body .container .footer .footerinner ul li a:active {
                            outline: 0px none;
                        }

        /* #endregion Footer */

        /* #region znSelect */

        body .znSelectWrapper .znSelectPopupWrapper, body .znMultiSelectWrapper .znMultiSelectPopupWrapper {
            max-width: 75vw;
        }

        /* #endregion znSelect */

        body .znWindowWrapper .znWindow .znWindowContent .znSelectWrapper,
        body .znWindowWrapper .znWindow .znWindowContent .znMultiSelectWrapper {
            position: inherit;
        }

            body .znWindowWrapper .znWindow .znWindowContent .znSelectWrapper .znSelectPopupWrapper,
            body .znWindowWrapper .znWindow .znWindowContent .znMultiSelectWrapper .znMultiSelectPopupWrapper {
                min-width: 240px;
                width: auto;
            }

/* #endregion Container */

/* #region ZorgNed letters */

.zn {
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    background: transparent;
    border: 0 none;
}

    .zn:before {
        font-family: Arial, Arial, Helvetica, sans-serif, sans-serif;
    }

    .zn.zn-A:before {
        content: "A";
    }

    .zn.zn-B:before {
        content: "B";
    }

    .zn.zn-C:before {
        content: "C";
    }

    .zn.zn-D:before {
        content: "D";
    }

    .zn.zn-E:before {
        content: "E";
    }

    .zn.zn-F:before {
        content: "F";
    }

    .zn.zn-G:before {
        content: "G";
    }

    .zn.zn-H:before {
        content: "H";
    }

    .zn.zn-I:before {
        content: "I";
    }

    .zn.zn-J:before {
        content: "J";
    }

    .zn.zn-K:before {
        content: "K";
    }

    .zn.zn-L:before {
        content: "L";
    }

    .zn.zn-M:before {
        content: "M";
    }

    .zn.zn-N:before {
        content: "N";
    }

    .zn.zn-O:before {
        content: "O";
    }

    .zn.zn-P:before {
        content: "P";
    }

    .zn.zn-Q:before {
        content: "Q";
    }

    .zn.zn-R:before {
        content: "R";
    }

    .zn.zn-S:before {
        content: "S";
    }

    .zn.zn-T:before {
        content: "T";
    }

    .zn.zn-U:before {
        content: "U";
    }

    .zn.zn-V:before {
        content: "V";
    }

    .zn.zn-W:before {
        content: "W";
    }

    .zn.zn-X:before {
        content: "X";
    }

    .zn.zn-Y:before {
        content: "Y";
    }

    .zn.zn-Z:before {
        content: "Z";
    }

/* #endregion ZorgNed letters */

/* #region Responsive */

@media (max-width: 1120px) {
    body .container .header .headerinner,
    body .container .menu .menuinner,
    body .container .content .contentinner,
    body .container .footer .footerinner {
        width: 100%;
    }

        body .container .header .headerinner .logo {
            padding-left: 10px;
        }
}

@media (max-width: 768px) {
    body .container .content .mijn-index {
        grid-template-columns: 1fr;
    }

    body .container .content .contentinner .contentlinks {
        width: 100%;
        min-height: auto;
        border-right: 0px none;
        padding-right: 0px;
    }

    body .container .content .contentinner .contentrechts {
        border-top: 1px solid #CCC;
        padding-top: 20px;
        width: 100%;
        min-height: auto;
    }

        body .container .content .contentinner .contentrechts .contactpersonen .contactpersoon {
            width: 50%;
            float: left;
        }
}

@media (max-width: 750px) {
    body {
        word-break: break-word;
    }

        body .container .naarinhoud a {
            left: 0px;
            right: auto;
        }

        body .container .header .headerinner .logo {
            width: 100%;
            text-align: center;
            padding: 0px;
            margin: 4px 0;
        }

            body .container .header .headerinner .logo .logolink {
                margin-top: 0px;
            }

        body .container .menu .menuinner .hoofdmenu {
            padding: 0px;
        }

            body .container .menu .menuinner .hoofdmenu div.znMenu.znMenuResponsive ul.znMenuItems li.znMenuItem {
                border-left: 0px none;
            }

        body div.znMenu.znMenuResponsive ul.znMenuItems li.znMenuItem a:after {
            content: "\f105";
            font-family: 'Font Awesome 6 Pro';
            float: right;
            margin-top: 4px;
        }

        body .container .content .contentinner ul.znRadioButtonList {
            display: block;
            width: 100%;
        }

            body .container .content .contentinner ul.znRadioButtonList li.znRadioButtonListItem {
                display: flex;
            }

        body .container .content .contentinner {
            padding: 10px 10px 20px 10px;
        }

            body .container .content .contentinner .afspraak {
                display: block;
            }

            body .container .content .contentinner .document {
                display: block;
                position: relative;
            }

                body .container .content .contentinner .document .documentproces {
                    width: 100%;
                }

                body .container .content .contentinner .document .documentrechts {
                    width: 100%;
                }

            body .container .content .contentinner .bericht {
                display: block;
            }

                body .container .content .contentinner .bericht .berichtvan {
                    width: 100%;
                }

                body .container .content .contentinner .bericht .berichttekst {
                    width: 100%;
                    margin-top: 10px;
                }

                body .container .content .contentinner .bericht .berichttoggle {
                    width: 100%;
                    text-align: center;
                }

            body .container .content .contentinner .formulier .samenvatting dl {
                grid-template-columns: 1fr;
            }
}

@media (max-width: 550px) {

    body .container .header .headerinner .headermenu .headermenuitem .znLink.mijngegevens,
    body .container .header .headerinner .headermenu .headermenuitem .znLink.uitloggen {
        min-width: auto;
        text-decoration: none;
    }

        body .container .header .headerinner .headermenu .headermenuitem .znLink.mijngegevens::before {
            font-family: 'Font Awesome 6 Pro';
            content: "\f013";
            color: #000;
            font-weight: 900;
        }

        body .container .header .headerinner .headermenu .headermenuitem .znLink.mijngegevens .znLinkText {
            display: none;
        }

        body .container .header .headerinner .headermenu .headermenuitem .znLink.uitloggen::before {
            font-family: 'Font Awesome 6 Pro';
            content: "\f2f5";
            color: #000;
            font-weight: 900;
        }

        body .container .header .headerinner .headermenu .headermenuitem .znLink.uitloggen .znLinkText {
            display: none;
        }


    body .container .content .contentinner .contentlinks .actieregel {
        display: block;
    }

    body .container .content .contentinner .maincontent .znButtonWrapper,
    body .container .content .contentinner .maincontent .znLink {
        display: block;
        float: none;
    }

    body .container .content .contentinner .maincontent .documentondertekend .znLink {
        display: inline-flex;
    }

    body .container .content .contentinner .afspraak .afspraakrechts,
    body .container .content .contentinner .afspraak .afspraakrechts .afspraakdownload,
    body .container .content .contentinner .document .documentrechts,
    body .container .content .contentinner .document .documentrechts .documentondertekenen,
    body .container .content .contentinner .document .documentrechts .documentdownload {
        white-space: normal;
        justify-content: flex-start;
    }


    body .container .content .contentinner .maincontent .znButton {
        max-width: 90vw;
        min-height: fit-content;
    }

        body .container .content .contentinner .maincontent .znButton .znButtonText {
            white-space: normal;
        }

    body .container .content .contentinner .contentrechts .contactpersonen .contactpersoon {
        width: 100%;
        float: none;
    }

    body .container .content .contentinner .hulp .hulpleverancier,
    body .container .content .contentinner .hulp .hulptelefoon,
    body .container .content .contentinner .hulp .hulpemail {
        display: block;
    }
}

@media (max-width: 500px) {

    body .container .content .contentinner .meldingcontent ul.meldinglinks {
        display: block;
    }

        body .container .content .contentinner .meldingcontent ul.meldinglinks li:after {
            content: "";
        }

    body .container .content .contentinner .document .documentomschrijving,
    body .container .content .contentinner .document .documentproces {
        display: block;
        width: 100%;
    }




    body .container .footer .footerinner .footerlinks,
    body .container .footer .footerinner .footerrechts {
        float: none;
        width: 100%;
        padding: 10px 0;
    }
}

/* #endregion Responsive */