/* /AdminPages/AuditLogsPage/AuditLogsForm.razor.rz.scp.css */
.auditlogformulier header[b-a3mpeb3d2z] {
    color: var(--tableheader-background-color);
    margin: .5em 0;
    font-size: 2rem;
    border-bottom: 1px solid currentColor;
}

.auditlogform[b-a3mpeb3d2z] {
    display: flex;
    gap: 1em;
}

.auditlogform button[b-a3mpeb3d2z]{
    align-self: flex-end;
}

.validation[b-a3mpeb3d2z]{
    margin-top: .5em;
}
/* /AdminPages/AuditLogsPage/AuditLogsPage.razor.rz.scp.css */
table[b-cb4u2q8p3w]{
    width: 100%;
}

.table p[b-cb4u2q8p3w] {
    margin-bottom: 0;
}

.admintable[b-cb4u2q8p3w]{
    padding-top: 0;
}

.tabpanel[b-cb4u2q8p3w]{
    margin-bottom:0.5em;
}

.admintable td[b-cb4u2q8p3w]{
    padding-top: 0;
    padding-bottom: 0;
}

.admintable p[b-cb4u2q8p3w]{
    margin-bottom: 0;
}

.admintable th:first-child[b-cb4u2q8p3w]{
    padding-left:0;
}
/* /AdminPages/BreaktheglassPage/BreakTheGlassPage.razor.rz.scp.css */
/* Verborgen <li> item voor virtualscroll zorgt dat tabelborder-bottom verborgen is. Extra border-bottom toevoegen op laast zichtbare item.*/
.admintable li:nth-last-child(2)[b-83ul4ssck1] {
    border-bottom: 1px solid var(--tableheader-background-color);
}

.admintable .table[b-83ul4ssck1] {
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;
}

.table p[b-83ul4ssck1] {
    margin-bottom: 0;
}
/* /AdminPages/DriverOrganisationPage.razor.rz.scp.css */
.division-container[b-0821quzi1r] {
    max-width: 25rem;
    margin: .5em auto;
}

    .division-container h4[b-0821quzi1r] {
        color: var(--header-text-color);
        border-bottom: 1px solid currentColor;
        font-size: 1.5rem;
    }

    .division-container p[b-0821quzi1r] {
        color: var(--text-color);
        margin: .5em 0;
    }

    .division-container > ul p[b-0821quzi1r] {
        --text-color: var(--secondary);
        margin: 0;
    }

    .division-container img[b-0821quzi1r] {
        margin-right: .5em;
        width: 2rem;
    }

    .division-container li[b-0821quzi1r] {
        background-color: var(--hoedanigheid-listitem-backgroundcolor);
        display: flex;
        align-items: center;
        padding: .5em;
        border-radius: .5em;
        margin: .5em 0;
    }

        .division-container li:hover[b-0821quzi1r] {
            --hoedanigheid-listitem-backgroundcolor: var(--cyan);
            cursor: pointer;
        }
/* /AdminPages/FeedbackbeheerPage/FeedbackbeheerPage.razor.rz.scp.css */
section > header[b-7wq9frw1ml] {
    color: var(--header-text-color);
    margin-bottom: .5em;
    font-size: 2rem;
    border-bottom: 1px solid currentColor;
}

form > div[b-7wq9frw1ml] {
display:block;
margin:.5em;
}

input[type="checkbox"][b-7wq9frw1ml]{
    margin-right: .5em;
}

.inszform[b-7wq9frw1ml] {
    grid-template-columns: 20rem 20rem;
    align-items: baseline;
    display: grid;
}
/* /AdminPages/GebruikersbeheerPage/AddNewUserForm.razor.rz.scp.css */
.userformgrid[b-eyc7ymn2wr] {
    display: grid;
    grid-template-columns: 20em 25em;
    align-items: center;
    grid-gap: .5em;
}

.checkboxes[b-eyc7ymn2wr] {
    display: grid;
    grid-template-columns: 2em 1fr;
    align-items: center;
    column-gap: .5em;
}

header[b-eyc7ymn2wr] {
    color: var(--header-text-color);
    margin: 0em 0em .5em 0em;
    font-size: 2rem;
    border-bottom: 1px solid currentColor;
}

.wgkcard[b-eyc7ymn2wr] {
    margin-top: 0;
    width: fit-content;
}
/* /AdminPages/GebruikersbeheerPage/GebruikersbeheerPage.razor.rz.scp.css */
/* Verborgen <li> item voor virtualscroll zorgt dat tabelborder-bottom verborgen is. Extra border-bottom toevoegen op laast zichtbare item.*/
.admintable li:nth-last-child(2)[b-87h223hrla] {
    border-bottom: 1px solid var(--tableheader-background-color);
}

.admintable .table[b-87h223hrla] {
    grid-template-columns: 15em 15em 1fr 15em;
}
/* /AdminPages/JournaalbeheerPage/JournaalbeheerPage.razor.rz.scp.css */
section > header[b-ojqbi0mgo1] {
    color: var(--header-text-color);
    margin-bottom: .5em;
    font-size: 2rem;
    border-bottom: 1px solid currentColor;
}

form > div[b-ojqbi0mgo1] {
display:block;
margin:.5em;
}

input[type="checkbox"][b-ojqbi0mgo1]{
    margin-right: .5em;
}

.inszform[b-ojqbi0mgo1] {
    grid-template-columns: 20rem 20rem;
    align-items: baseline;
    display: grid;
}
/* /AdminPages/OrganisatiePage/OrganisatiesPage.razor.rz.scp.css */
.admintable .table[b-u25khw52a1] {
    grid-template-columns: 20rem repeat(3, 1fr);
    grid-auto-columns: 1fr;
}

.admintable .actions[b-u25khw52a1] {
    grid-column: 5;
}

.organisatieform[b-u25khw52a1] {
    display: grid;
    grid-template-columns: 20em 25em;
    align-items: center;
    grid-gap: .5em;
}

.organisatieformulier header[b-u25khw52a1] {
    color: var(--header-text-color);
    margin-bottom: .5em;
    font-size: 2rem;
    border-bottom: 1px solid currentColor;
}

.wgkcard[b-u25khw52a1] {
    margin-top: 0;
    width: fit-content;
}
/* /AdminPages/SecurityTokenPage/SecurityTokenPage.razor.rz.scp.css */
.admintable li.applicationstable:nth-last-child(2)[b-9qc5dlv0o7] {
    border-bottom: 1px solid var(--tableheader-background-color);
}

.admintable .applicationstable[b-9qc5dlv0o7] {
    grid-template-columns: 1fr var(--breedte-actie-kolom);
}

.admintable .tokenstable[b-9qc5dlv0o7] {
    grid-template-columns: 15rem 15rem minmax(15rem, 1fr) var(--breedte-actie-kolom);
    grid-column-gap: 1em;
}

.admintable[b-9qc5dlv0o7]{
    --breedte-actie-kolom: 8rem;
}

.toggle-token[b-9qc5dlv0o7]{
    display: none;
}

.toggle-token:not(:checked) + label .show[b-9qc5dlv0o7]{
    display: none;
}

.toggle-token:checked + label .hide[b-9qc5dlv0o7]{
    display: none;
}

.toggle-token:checked ~ [type="text"][b-9qc5dlv0o7]{
    display: none;
}

.toggle-token:not(:checked) ~ [type="password"][b-9qc5dlv0o7]{
    display: none;
}

.tokens .admintable[b-9qc5dlv0o7] {
    flex-grow: 1;
    /* max-width of actual token (the only column in the grid with variable width + width of all columns incl. gaps */
    max-width: calc(40ch + 41rem);
}

.show[b-9qc5dlv0o7], .hide[b-9qc5dlv0o7]{
    color: var(--toggle-color);
}

.show svg[b-9qc5dlv0o7],
.hide svg[b-9qc5dlv0o7]{
    width: 2rem;
}

.token label[b-9qc5dlv0o7]{
    order: 1;
}

.token[b-9qc5dlv0o7] {
    display: flex;
}

.wgkcard[b-9qc5dlv0o7]  form{
    max-width: 30rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
}

.wgkcard form header[b-9qc5dlv0o7]{
    grid-column: 1/-1;
}

.wgkcard form button[b-9qc5dlv0o7]{
    grid-column: 2;
}
/* /AdminPages/Toegangsrechten/ToegangsrechtenPage.razor.rz.scp.css */
thead th[b-w6dy1c4p1m] {
    width: 12.5%;
    text-align: center;
}

thead th:first-child[b-w6dy1c4p1m]{
    width: 25%;
    text-align: left;
}

th[b-w6dy1c4p1m]{
    font-weight: normal;
}

    th:last-child[b-w6dy1c4p1m] {
        padding-right: 1em;
    }

td[b-w6dy1c4p1m]{
    text-align:center;
}

.submitbtn[b-w6dy1c4p1m] {
    float: right;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/* /AdminPages/ZiekenhuisPage/ZiekenhuisPage.razor.rz.scp.css */
.admintable .table[b-hn693vgbvx] {
    grid-template-columns: 20rem repeat(3, 1fr);
    grid-auto-columns: 1fr;
}

.admintable .actions[b-hn693vgbvx] {
    grid-column: 5;
}

.ziekenhuisform[b-hn693vgbvx] {
    display: grid;
    grid-template-columns: 20em 25em;
    align-items: center;
    grid-gap: .5em;
}

.ziekenhuisformulier header[b-hn693vgbvx] {
    color: var(--header-text-color);
    margin-bottom: .5em;
    font-size: 2rem;
    border-bottom: 1px solid currentColor;
}

.wgkcard[b-hn693vgbvx] {
    margin-top: 0;
    width: fit-content;
}
/* /Pages/AlgemeneInformatie.razor.rz.scp.css */
.algemeneinfo-card > p[b-a8gqt9zt6c], .algemeneinfo-card > address > p[b-a8gqt9zt6c], .algemeneinfo-card > a[b-a8gqt9zt6c] {
    margin-bottom: 0em;
    overflow-wrap: anywhere;
}

.algemeneinfo-card a[b-a8gqt9zt6c]{
    color: var(--secondary-link-color);
}

.algemeneinfo-card > header[b-a8gqt9zt6c] {
    grid-column: 1/-1;
    margin-bottom: 1em;
}

.algemeneinfo-card-grid[b-a8gqt9zt6c] {
    display: grid;
    grid-template-columns: auto minmax(100px, 1fr);
    gap: .2em 1em;
    align-items: end;
}

.adress-list[b-a8gqt9zt6c] {
    list-style: none;
    padding: 0;
}

    .adress-list > li[b-a8gqt9zt6c] {
        padding: .2em 0;
    }

        .adress-list > li > span[b-a8gqt9zt6c] {
            color: var(--text-color);
        }
/* /Pages/AllergieenPage.razor.rz.scp.css */
.content details[b-5uo04e2ws9] {
    margin: 1em;
}

summary[b-5uo04e2ws9] {
    font-size: 1.25rem;
}

summary h3[b-5uo04e2ws9] {
    display: inline-block;
    font-size: 1em; /*overriding default css here, so don't use rem*/
}

.allergie-card[b-5uo04e2ws9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .allergie-card strong[b-5uo04e2ws9] {
        display: block;
    }

    .allergie-card > header[b-5uo04e2ws9] {
        grid-column: 1/-1;
    }

.aandoening-card[b-5uo04e2ws9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;
    grid-auto-rows: minmax(3em, min-content);
}

    .aandoening-card strong[b-5uo04e2ws9] {
        display: block;
    }

    .aandoening-card > header[b-5uo04e2ws9] {
        grid-column: 1/-1;
    }

    .aandoening-card > .info[b-5uo04e2ws9] {
        grid-column: 1/-1;
    }

/* /Pages/ContactGegevens.razor.rz.scp.css */
input[type="checkbox"][b-23z3x2216f] {
    box-sizing: border-box;
    padding: 0;
}
/* /Pages/DashboardPatient.razor.rz.scp.css */
.flex-container[b-rkmg2389oj] {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1em;
}

    .flex-container > section[b-rkmg2389oj] {
        width: 100%;
        flex-grow: 1;
    }

.dashboard-card[b-rkmg2389oj] {
    display: flex;
}

    .dashboard-card > div[b-rkmg2389oj] {
        flex-grow: 1;
    }

        .dashboard-card > div > ul[b-rkmg2389oj] {
            margin-bottom: 0;
            list-style-type: none;
            padding: 0;
        }

        .dashboard-card > div > ul > li[b-rkmg2389oj]{
            display: flex;
        }

            .dashboard-card > div > ul > li > time[b-rkmg2389oj] {
                margin-right: 1em;
            }

    .card__link[b-rkmg2389oj], .dashboard-card[b-rkmg2389oj]  .card__link {
        flex-grow: 0;
        border-radius: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;
        margin: .8em;
        align-self: center;
    }

        .card__link > img[b-rkmg2389oj] {
            width: 1rem;
            height: 1.5rem;
        }

.icon-wgk[b-rkmg2389oj] {
    width: 4rem;
    margin-right: 1em;
    object-fit: contain;
}

@media (min-width: 1000px) {
    .flex-container > section[b-rkmg2389oj] {
        width: 48%;
    }
}

.mobileapp-promo[b-rkmg2389oj] {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    background-color: var(--promo-background-color);
    color: var(--promo-text-color);
    margin-top: 1.5em;
    box-shadow: 5px 5px 10px 0px #b5b5b5;
}

    .mobileapp-promo[b-rkmg2389oj]  a, .mobileapp-promo[b-rkmg2389oj]  a:hover {
        color: currentColor;
        text-decoration: underline;
        text-decoration-color: var(--link-color);
    }

.mobileapp-promo header[b-rkmg2389oj]{
    margin-top: .8em;
    margin-bottom: .8em;
}

.mobileapp-promo img[b-rkmg2389oj]{
    height:10em;
    object-fit: cover;
    max-width:calc(100% - .5em);
}

.mobileapp-promo h2[b-rkmg2389oj] {
    margin: .5em 0;
}

.grid-right[b-rkmg2389oj]{
    margin-left:1.5em;
}

li#huidigezorgen[b-rkmg2389oj] {
    display: block;
    margin-bottom: 0.75em;
    margin-top: 0.3em;
}

div.zorginfo[b-rkmg2389oj]{
    font-size:0.9em;
}

div.datumentype[b-rkmg2389oj]{
    line-height:1em;
}
   
/* /Pages/FeedbackPage/MeldEenProbleem.razor.rz.scp.css */
.feedbackheader[b-4d5i7pdx5y] {
    background-color: var(--header-background-color);
    color: var(--header-foreground-color);
    padding: 1.5rem;
    white-space: pre-wrap;
}

.feedbackform[b-4d5i7pdx5y] {
    padding: 0rem 1.5em 1.5rem 1.5em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
        "domain feedback" 
        "email feedback" 
        "phone feedback";
}
.domain[b-4d5i7pdx5y] {
    grid-area: domain;
}

.email[b-4d5i7pdx5y] {
    grid-area: email;
}

.phone[b-4d5i7pdx5y] {
    grid-area: phone;
}

.feedback[b-4d5i7pdx5y] {
    grid-area: feedback;
    padding-left:1em;
}

.form-group[b-4d5i7pdx5y] {
    margin: .5em 0;
    padding-right:1em;
}

.submit[b-4d5i7pdx5y] {
    margin-top: 1em;
    width: 7em;
}

.feedback[b-4d5i7pdx5y]  textarea {
    height:12em;
    resize: none;
}
/* /Pages/FinancieleInformatiePage/FinancieleInformatiePage.razor.rz.scp.css */
/* Add these new classes to your existing FINANCIELE_INFORMATIE.razor.css file */

.text-left[b-rbzato91if] {
    text-align: left;
}

.text-right[b-rbzato91if] {
    text-align: right;
}

.status-green[b-rbzato91if] {
    background-color: #90ee90; /* Light green */
    padding: 2px 5px;
    border-radius: 3px;
}

.status-orange[b-rbzato91if] {
    background-color: #ffa500; /* Orange */
    padding: 2px 5px;
    border-radius: 3px;
}

/* Container for the month picker */
.month-picker[b-rbzato91if] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

/* Button styles for navigation arrows */
.nav-button[b-rbzato91if] {
    margin-right: 5px;
    background-color: #FFC400;
}

/* Label styles for "Vorige maand" and "Volgende maand" */
.nav-label[b-rbzato91if] {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
    color: var(--secondary);
    font-weight: bold;
}

/* Centered month label container */
.month-label-container[b-rbzato91if] {
    flex-grow: 1;
    text-align: center;
}

/* Centered month label */
.month-label[b-rbzato91if] {
    font-size: 18px;
    font-weight: bold;
}

/* Right-side label and button alignment */
.right-nav-group[b-rbzato91if] {
    display: flex;
    align-items: center;
}

/* Left-side label and button alignment */
.left-nav-group[b-rbzato91if] {
    display: flex;
    align-items: center;
}
/* /Pages/InfuusTherapie/BehandelingPage.razor.rz.scp.css */
.behandeling > section[b-htwm1rcu4o]{
    background: var(--section-background-color);
    color: var(--section-foreground-color);
    padding: 1em;
}

.behandeling ul li[b-htwm1rcu4o]{
    padding-top: .5em;
    padding-bottom: .5em;
}

.behandeling ul li + li[b-htwm1rcu4o]{
    border-top: 1px solid currentColor;
}

.behandeling header[b-htwm1rcu4o]{
    margin-bottom: .5em;
}
/* /Pages/InfuusTherapie/DocumentenPage.razor.rz.scp.css */
.document-card[b-6x5e7hp3it] {
    display: grid;
    grid-template-columns: 1fr 1fr 3rem;
    grid-template-areas: "title  title      download" "datum  provincie  ." "nota   domein     .";
}

    .document-card > header[b-6x5e7hp3it] {
        grid-area: title;
    }

    .document-card > button[b-6x5e7hp3it] {
        grid-area: download;
        border: none;
        background-color: transparent;
    }

        .document-card > button > img[b-6x5e7hp3it] {
            width: 100%;
        }

    .document-card > div > strong[b-6x5e7hp3it] {
        display: block;
    }

    .document-card > .datum[b-6x5e7hp3it] {
        grid-area: datum;
    }

    .document-card > .provincie[b-6x5e7hp3it] {
        grid-area: provincie;
    }

    .document-card > .domein[b-6x5e7hp3it] {
        grid-area: domein;
    }

    .document-card > .nota[b-6x5e7hp3it] {
        grid-area: nota;
    }

button svg[b-6x5e7hp3it] {
    stroke: var(--icon-color);
}

polyline[b-6x5e7hp3it] {
    color: transparent;
}
/* /Pages/InfuusTherapie/FotoPage.razor.rz.scp.css */
.fotos[b-sev8huzfaa]  summary img {
    max-width: 100px;
}

.fotos[b-sev8huzfaa]  summary img + img{
    margin-left: 1em;
}

.fotos[b-sev8huzfaa]  summary::marker,
.fotos[b-sev8huzfaa]  summary::-webkit-details-marker,
.fotos[b-sev8huzfaa]  summary .close-summary,
.fotos[b-sev8huzfaa]  details[open] summary img
{
    display: none;
    color: transparent; /* FF doesn't hide through display: none; */
}

.fotos[b-sev8huzfaa]  details[open] summary::marker,
.fotos[b-sev8huzfaa]  details[open] summary::-webkit-details-marker,
.fotos[b-sev8huzfaa]  details[open] summary .close-summary{
    display: initial;
    color: currentColor;
}
/* /Pages/InfuusTherapie/InfuusTherapiePage.razor.rz.scp.css */
.tabpanel[b-mspuy6lwaj]  .behandeling,
.tabpanel[b-mspuy6lwaj]  .fotos,
.tabpanel[b-mspuy6lwaj]  .parameters,
.tabpanel[b-mspuy6lwaj]  .documenten
{
    display: none;
    width: 100%;
}

#radio-behandeling:checked[b-mspuy6lwaj] ~  .behandeling,
#radio-fotos:checked[b-mspuy6lwaj] ~  .fotos,
#radio-parameters:checked[b-mspuy6lwaj] ~  .parameters,
#radio-documenten:checked[b-mspuy6lwaj] ~  .documenten
{
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1em;
}
/* /Pages/JournaalPage/MijnJournaalPage.razor.rz.scp.css */
.document-card[b-ei6pur6hq7] {
    display: grid;
    grid-template-columns: 1fr 1fr 3rem;
    grid-template-areas: "title  title      download"
        "datum  provincie  ."
        "nota   domein     .";
}

    .document-card > header[b-ei6pur6hq7] {
        grid-area: title;
    }

    .document-card > button[b-ei6pur6hq7] {
        grid-area: download;
        border: none;
        background-color: transparent;
    }

        .document-card > button > img[b-ei6pur6hq7] {
            width: 100%;
        }

    .document-card > div > strong[b-ei6pur6hq7] {
        display: block;
    }

    .document-card > .datum[b-ei6pur6hq7] {
        grid-area: datum;
    }

    .document-card > .provincie[b-ei6pur6hq7] {
        grid-area: provincie;
    }

    .document-card > .domein[b-ei6pur6hq7] {
        grid-area: domein;
    }

    .document-card > .nota[b-ei6pur6hq7] {
        grid-area: nota;
    }

button svg[b-ei6pur6hq7] {
    stroke: var(--icon-color);
}

polyline[b-ei6pur6hq7] {
    color: transparent;
}
/* /Pages/KatzAndWeckxPage/KatzAndWeckxPageAdminComponent.razor.rz.scp.css */
[class*="grid-container"][b-bnknpnha7x]{
    --border: 1px solid var(--table-border-color);
}

.grid-container-katz[b-bnknpnha7x] {
    display: grid;
    grid-template-columns: 12rem repeat(4, minmax(0, 3rem));
}

.grid-header-katz[b-bnknpnha7x] {
    grid-column: 1/-1;
    font-weight: bold;
}

.grid-container-weckx[b-bnknpnha7x] {
    display: grid;
    grid-template-columns: 10rem repeat(3, minmax(0, 3rem));
}

.grid-header-weckx[b-bnknpnha7x] {
    grid-column: 1/-1;
    font-weight: bold;
}

.span-2[b-bnknpnha7x] {
    grid-column-end: span 2;
}

.item[b-bnknpnha7x] {
    line-height: 200%;
}

.center[b-bnknpnha7x] {
    text-align: center;
}

.word[b-bnknpnha7x]{
    padding-left:.5em;
}

.item + .item[b-bnknpnha7x] {
    border-left: var(--border);
    border-top: var(--border);
}
.grid-container-katz :nth-child(2)[b-bnknpnha7x],
.grid-container-weckx :nth-child(2)[b-bnknpnha7x]{
    border-left: var(--border);
    border-top: var(--border);
}

/*last column of katz grid except for the first row*/
.grid-container-katz :nth-child(5n +6)[b-bnknpnha7x],
.grid-container-katz :last-child[b-bnknpnha7x],
/*last column of weckx grid except for the first row*/
.grid-container-weckx :nth-child(4n +5)[b-bnknpnha7x] {
    border-right: var(--border);
}

/*last row of katz grid*/
.grid-container-katz :nth-last-child(-n+3)[b-bnknpnha7x],
/*last row of weckx grid*/
.grid-container-weckx :nth-last-child(-n +4)[b-bnknpnha7x] {
    border-bottom: var(--border);
}

summary[b-bnknpnha7x] {
    background-color: var(--header-background-color);
    padding: .6em;
    color: var(--header-foreground-color);
    margin: -1em;
    /* undo the padding  on a wgkcard*/
}

span.second-title[b-bnknpnha7x] {
    margin-left: 1em;
}

.flexbox-container[b-bnknpnha7x] {
    display: flex;
    gap: 2em;
    margin: 1.6em 0;
    align-items: flex-start;
}

.wgk-tooltip[b-bnknpnha7x] {
    position: relative;
}

.wgk-tooltip[b-bnknpnha7x]:before {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    transform: translateY(-110%) translateX(-60%);
    left: 100%;
    margin-left: 15px; 
    width: max-content;
    max-width: 30rem;
    padding: 10px;
    border-radius: 10px;
    background: var(--tooltip-background-color);
    color: var(--tooltip-text-color);
    text-align: center;
    display: none; 
}

.wgk-tooltip:hover[b-bnknpnha7x]:before {
    display: block;
}

.wgk-tooltip.top[b-bnknpnha7x]:before {
    top: initial;
    margin: initial;
    right: 100%;
    margin-right: 15px;
}

.wgk-tooltip[b-bnknpnha7x]:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    transform: translateY(-125%);
    border: 10px solid transparent;
    border-top-color: var(--blue);
    display: none;
}

.wgk-tooltip:hover[b-bnknpnha7x]:before, .wgk-tooltip:hover[b-bnknpnha7x]:after {
    display: block;
}
/* /Pages/KatzAndWeckxPage/KatzAndWeckxPagePatientComponent.razor.rz.scp.css */
.greycard[b-9ltgq9kpb6] {
    background-color: var(--header-background-color);
    padding: .6em;
    color: var(--header-foreground-color);
}
/* /Pages/LoginPage/DoctorLogin.razor.rz.scp.css */
.searchform[b-kz70ycjlh8] {
	margin: 0 1em 1em 1em;
	width: 50%;
}

.searchinput[b-kz70ycjlh8] {
	display: flex;
	align-items: start;
	gap: 0.5em;
}

.searchinput .btn-secondary[b-kz70ycjlh8] {
	flex-shrink: 4;
}

.grid-container[b-kz70ycjlh8] {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.patient-card-list[b-kz70ycjlh8] {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: stretch;
	grid-gap: 1em;
	margin: 0 1em;
	/* TODO: consistentie voor card-grids */
}

.niets-gevonden[b-kz70ycjlh8] {
	text-align: center;
	margin-top: 5em;
}

.adres[b-kz70ycjlh8] {
	grid-column: span 2;
}

.voornaam[b-kz70ycjlh8] {
	margin-bottom: 0;
}

.date-of-birth[b-kz70ycjlh8] {
	text-align: right;
}
/* /Pages/LoginPage/HoedanigheidPage.razor.rz.scp.css */
.hoedanigheid-container[b-sx9mhv3kvi]{
    max-width: 25rem;
    margin: .5em auto;
}

.hoedanigheid-container h5[b-sx9mhv3kvi]{
    color: var(--header-text-color);
    border-bottom: 1px solid currentColor;
    font-size: 1.5rem;
}

.hoedanigheid-container p[b-sx9mhv3kvi]{
    color: var(--text-color);
    margin: .5em 0;
}

.hoedanigheid-container > ul p[b-sx9mhv3kvi]{
    margin: 0;
    color: var(--secondary);
}

.hoedanigheid-container img[b-sx9mhv3kvi]{
    margin-right: .5em;
}

.hoedanigheid-container li[b-sx9mhv3kvi] {
    background-color: var(--hoedanigheid-listitem-backgroundcolor);
    display: flex;
    align-items: center;
    padding: .5em;
    border-radius: .5em;
    margin: .5em 0;
}

.hoedanigheid-container li:hover[b-sx9mhv3kvi]{
    --hoedanigheid-listitem-backgroundcolor: var(--cyan);
    cursor:pointer;
}
/* /Pages/LoginPage/StartPage.razor.rz.scp.css */
#grid-container[b-byuac9bbf1] {
    justify-content: center;
    display: grid;
    grid-template-rows: 480px 1fr auto;
    grid-template-areas:
        "banner"
        "logo"
        "buttons";
    max-width: 25rem;
    margin: .5em auto;
}

#banner-image[b-byuac9bbf1] {
    margin-top: -10px;
    grid-area: banner;
    object-fit: cover;
    height: 480px;
}

#menu-toggler[b-byuac9bbf1] {
    grid-area: banner;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border: none;
    justify-self: right;
    height: 2rem;
}

#hidden-menu[b-byuac9bbf1] {
    grid-area: banner;
    background-color: lightgray;
    height: 3rem;
    justify-self: right;
    padding: 1rem;
    margin-top: 2rem;
    box-shadow: 7px 5px 5px -3px rgba(0,0,0,0.69);
    -webkit-box-shadow: 7px 5px 5px -3px rgba(0,0,0,0.69);
    -moz-box-shadow: 7px 5px 5px -3px rgba(0,0,0,0.69);
}

    #hidden-menu a[b-byuac9bbf1] {
        color: black;
    }

    .collapse[b-byuac9bbf1] {
        display: none;
    }

#partner-logo[b-byuac9bbf1] {
    grid-area: logo;
    text-align: center;
    width: 200px;
    justify-self: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: 3rem;
}

#login-button[b-byuac9bbf1] {
    grid-area: buttons;
    color: var(--primary-button-foreground-color);
    background-color: var(--primary-button-background-color);
    text-decoration: none;
    cursor: pointer;
}
/* /Pages/MedicatieSchemaPage.razor.rz.scp.css */
.view-container[b-cuydiuyrmw] {
    --medicatieschema-item-background-color: var(--white);
    --text-color: var(--cyan);
    --line: var(--secondary);
    --first-column: #e7ebf2;
    --second-column: #d8dee9;
    --third-column: #c8d0df;
    --fourth-column: #b8c3d6;
    min-width: 950px;
}

.grouping-header[b-cuydiuyrmw] {
    margin-left: 1rem;
    margin-top: 2rem;
}

.group-header[b-cuydiuyrmw] {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-row-start: 2;
    color: var(--header-foreground-color);
}

.grid-header-1[b-cuydiuyrmw] {
    grid-column-start: 2;
}

.heading[b-cuydiuyrmw] {
    font-weight: bold;
    text-align: center;
    background-color: var(--header-background-color);
    color:var(--header-foreground-color);
}

.Xitem[b-cuydiuyrmw] {
    display: inline;
    text-align: center;
    grid-row-start: 1;
    grid-row-end: span 2;
}

.grid-container-header[b-cuydiuyrmw] {
    background-color: var(--header-background-color);
    display: grid;
    grid-template-columns: 1fr repeat(10, 3rem);
    border-bottom: 1px solid var(--line);
    padding-left: 0.5rem;
}

.grid-container-items[b-cuydiuyrmw] {
    display: grid;
    grid-template-columns: 1fr repeat(10, 3rem);
    border-bottom: 0.5px solid var(--header-background-color);
}

    .noborder[b-cuydiuyrmw] {
        border-bottom: none;
    }

.item[b-cuydiuyrmw] {
    background: var(--medicatieschema-item-background-color);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding-top: 3px;
    filter: drop-shadow(0 0 .1rem currentColor);
    color: var(--text-color);
    cursor: pointer;
}

.item-opmerking[b-cuydiuyrmw] {
    display: flex;
    grid-column-start: 1;
    grid-column-end: 1;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-size: 12px;
}

.item-opmerking-text[b-cuydiuyrmw] {
    margin-left: 0.5rem;
}

.geen-gekend-moment[b-cuydiuyrmw] {
    background: var(--medicatieschema-item-background-color);
    border-radius: 0.5em;
    width: fit-content;
    filter: drop-shadow(0 0 .1rem currentColor);
    color: var(--text-color);
    grid-column: 4 / span 8;
    grid-row: 1;
    align-self: end;
    padding: 0.2em 0.5em;
    margin-bottom: 1em;
}

.right-top[b-cuydiuyrmw] {
    border-radius: 0px 5px 0px 0px;
}

.left-top[b-cuydiuyrmw] {
    border-radius: 5px 0px 0px 0px;
}

.view-container[b-cuydiuyrmw] {
    margin-left: 1em;
    margin-right: 1em;
}

.header-icon[b-cuydiuyrmw] {
    width: 15px;
    height: 15px;
}

.flexbox[b-cuydiuyrmw] {
    display: flex;
    justify-content: space-between;
}

.flexbox-print[b-cuydiuyrmw] {
    display: flex;
    align-items: center;
    width: 20rem;
}

.download-icon[b-cuydiuyrmw]{
    width:2em;
    height:2em;
}

.header-grid[b-cuydiuyrmw] {
    grid-column-end: span 3;
}

.flex-center[b-cuydiuyrmw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

p[b-cuydiuyrmw]{
    height:1.5em;
}

.medication[b-cuydiuyrmw] {
    padding: 0.5rem;
}

.medication-date[b-cuydiuyrmw] {
    text-align: left;
    font-weight: normal;
}

.medication-moment[b-cuydiuyrmw] {
    display: flex;
    justify-content: end;
    flex-direction: column;
    padding: .25em 1em;
    text-align: right;
    padding-bottom: 0.5rem;
}

.medication-name[b-cuydiuyrmw] {
    font-weight: bold;
    color: var(--text-color);
}

.medication-schema[b-cuydiuyrmw] {
    text-align: right;
    grid-column-end: span 2;
    grid-column-start: 1;
    background-color: transparent;
}

    .medication-schema li[b-cuydiuyrmw] {
        display: grid;
        grid-template-columns: 1fr repeat(10, 3rem);
    }

.schema-grid-container[b-cuydiuyrmw] {
    background-color: transparent;
    display: grid;
    grid-column-start: 1;
    grid-column-end: span 20;
    grid-template-columns: 1fr 1fr;
    margin-top: 1rem;
}

.medication-schema-item[b-cuydiuyrmw] {
    background-color: var(--header-background-color);
    color: white;
    align-self: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0.5rem;
    grid-column: 1;
    margin-left: auto;
    margin-right: 0.7rem;
    grid-row: 1;
}

.schema-line[b-cuydiuyrmw] {
    border-color: white;
    border-width: 2px;
    margin-left: -3rem;
    margin-right: 20px;
    grid-column-start: 2;
    align-self: center;
    grid-row: 1;
}

.timestamp[b-cuydiuyrmw]{
    font-weight:bold;
}

.schema-container[b-cuydiuyrmw] {
    background: linear-gradient(to right, transparent 50%, var(--first-column) 50%, var(--first-column) 66%, var(--second-column) 65%, var(--second-column) 80%, var(--third-column) 80%, var(--third-column) 95%, var(--fourth-column) 95%);
}

.image-button[b-cuydiuyrmw] {
    border: 0;
    background: transparent;
}

.image-button:focus[b-cuydiuyrmw] {
    outline: 0;
}

.button-svg[b-cuydiuyrmw]{
    width:2em;
}

.download-card[b-cuydiuyrmw] {
    width: 19.5rem;
    margin-right: 1em;
    margin-left: auto;
}
.download-text[b-cuydiuyrmw] {
    margin-left: .5em;
}

button svg[b-cuydiuyrmw] {
    stroke: var(--icon-color);
}

button.item[b-cuydiuyrmw]{
    border:0;
}

polyline[b-cuydiuyrmw] {
    color: transparent;
}

.column1[b-cuydiuyrmw] {
    grid-column:1;
}

.column2[b-cuydiuyrmw] {
    grid-column: 2;
}

.column3[b-cuydiuyrmw] {
    grid-column: 3;
}

.column4[b-cuydiuyrmw] {
    grid-column: 4;
}

.column5[b-cuydiuyrmw] {
    grid-column: 5;
}

.column6[b-cuydiuyrmw] {
    grid-column: 6;
}

.column7[b-cuydiuyrmw] {
    grid-column: 7;
}

.column8[b-cuydiuyrmw] {
    grid-column: 8;
}

.column9[b-cuydiuyrmw] {
    grid-column: 9;
}

.column10[b-cuydiuyrmw] {
    grid-column: 10;
}

.column11[b-cuydiuyrmw] {
    grid-column: 11;
}

.columnend1[b-cuydiuyrmw]{
    grid-column-end:1;
}

.columnend2[b-cuydiuyrmw] {
    grid-column-end: 2;
}

.columnend3[b-cuydiuyrmw] {
    grid-column-end: 3;
}

.columnend4[b-cuydiuyrmw] {
    grid-column-end: 4;
}

.columnend5[b-cuydiuyrmw] {
    grid-column-end: 5;
}

.columnend6[b-cuydiuyrmw] {
    grid-column-end: 6;
}

.columnend7[b-cuydiuyrmw] {
    grid-column-end: 7;
}

.columnend8[b-cuydiuyrmw] {
    grid-column-end: 8;
}

.columnend9[b-cuydiuyrmw] {
    grid-column-end: 9;
}

.columnend10[b-cuydiuyrmw] {
    grid-column-end: 10;
}

.columnend11[b-cuydiuyrmw] {
    grid-column-end: 11;
}
/* /Pages/MijnFeedbackPage.razor.rz.scp.css */
.feedback[b-t1emwk4vwx]{
    display: grid;
    grid-template-columns: auto 1fr;
}

.feedback h4[b-t1emwk4vwx]{
    font-size: 1.5rem;
}

    .feedback svg[b-t1emwk4vwx]{
        color: var(--disabledColor);
    }

    .feedback p[b-t1emwk4vwx]{
        margin-top: .5em;
        margin-bottom: 0;
    }

.feedback p[b-t1emwk4vwx]{
    white-space: pre-line;
}

.response[b-t1emwk4vwx] {
    margin-left: 2rem;
}
/* /Pages/ObservatiePage.razor.rz.scp.css */
.observatie-card[b-jdklmi12jn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr) 4rem;
}

    .observatie-card header[b-jdklmi12jn] {
        grid-column-end: span 3;
        font-weight: bold;
    }
    .observatie-card .eye-icon[b-jdklmi12jn] {
        grid-column: 4;

    }
    .observatie-card .full-omschrijving[b-jdklmi12jn] {
        grid-column: 1/-1;
    }

.observatie-card[b-jdklmi12jn]  span.feedback-on-card {
    grid-row: 1;
    grid-column: 5;
}

.observatie-card[b-jdklmi12jn]  span.eye-on-card {
    grid-row: 1;
    grid-column: 4;
}

li.wgkcard.observatie-card div:nth-of-type(3n+1)[b-jdklmi12jn] {
    grid-column: 1;
}
/* /Pages/ParameterPage/ParameterFilterComponent.razor.rz.scp.css */
.segmented-button[b-y69om19qhw] {
    line-height: initial;
    display: inline-flex;
}

.filters summary[b-y69om19qhw]{
    padding-left: 1em;
    line-height: 3.2em;
}

.filter-wrapper[b-y69om19qhw]{
    display: inline-flex;
    width: calc(100% - 1.2em);
    gap: 1em;
}

.filter-header[b-y69om19qhw]{
    display: flex;
    flex-grow: 1;
    font-size: 1.25rem;
    align-items: center;
}

.filter-header svg[b-y69om19qhw]{
    color: var(--icon-color);
    margin-left: auto;
    width: 2rem;
    height: 2rem;
}
/* /Pages/ParameterPage/ParameterPage.razor.rz.scp.css */
.slide-in:target[b-522d5qrpw1]{
    transform: translateX(calc(-1 * var(--slide-in-width)));
    transition: transform 300ms ease;
}

.slide-in[b-522d5qrpw1]{
    --form-padding: 1em;

    max-width: var(--slide-in-width);
    min-height: 100vh;
    position: fixed;
    right: calc(-1 * var(--slide-in-width));
    top: 0;
    background-color: var(--overviewBackgroundColor);
    z-index:999;
}

    .slide-in[b-522d5qrpw1]  form {
        display: flex;
        flex-direction: column;
        padding: var(--form-padding);
    }

    .slide-in[b-522d5qrpw1]  header {
        background-color: var(--header-background-color);
        padding: var(--form-padding);
        color: var(--header-foreground-color);
        margin-bottom: 1em;
    }

.slide-in[b-522d5qrpw1] >  label, .slide-in[b-522d5qrpw1] >  span{
    padding: 0 var(--form-padding);
}

.slide-in[b-522d5qrpw1]  label{
    margin-top: 1em;
}

.slide-in[b-522d5qrpw1] >  input{
    margin: 0 var(--form-padding);
}

    .slide-in[b-522d5qrpw1]  p{
        margin: var(--form-padding) 0;
    }

    .slide-in[b-522d5qrpw1]  input + input:not([type="file"]) {
        margin-left: .5em;
    }

.slide-in[b-522d5qrpw1]  form > div{
    display: flex;
    gap: 1em;
}

.slide-in[b-522d5qrpw1]  a{
    color: var(--link-as-button-color);
    border: 1px solid currentColor;
}

    .slide-in[b-522d5qrpw1]  a, .slide-in[b-522d5qrpw1]  button {
        text-transform: uppercase;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/* /Pages/PlanningPage/PlanningDetail.razor.rz.scp.css */
    .planning-detail[b-la6ftp8agl]  header{
        margin-bottom: 1em;
    }

    .planning-date[b-la6ftp8agl] {
        padding: calc(var(--form-padding) / 1.5);
        font-size: 1.5rem;
        color: var(--header-text-color);
    }

    .planning-detail[b-la6ftp8agl]  .slide-in section{
        padding: var(--form-padding);
        /* TODO: check if necessary */
        background: var(--light);
    }

    .planning-detail[b-la6ftp8agl]  .slide-in section header{
        color: var(--header-text-color);
        border-bottom: 1px solid currentColor;
        font-weight: bold;
        font-size: 1.25rem;
    }

.planning-detail[b-la6ftp8agl]  .ingeplande-zorg {
    display: grid;
    margin: 1.25em auto;
    grid-template-columns: 1fr 5.5em;
    grid-gap: 20px;
}
.tijdstip[b-la6ftp8agl] {
    grid-column-start: 2;
}
        .planning-detail[b-la6ftp8agl]  .ingeplande-zorg + .ingeplande-zorg {
            margin-top: var(--form-padding);
        }

        .planning-detail[b-la6ftp8agl]  .ingeplande-zorg .omschrijving {
            min-width: 100%;
        }

        .planning-detail[b-la6ftp8agl]  .ingeplande-zorg .status{
            padding-left: .25em;
            padding-right: .25em;
            color: var(--light);
        }

            .planning-detail[b-la6ftp8agl]  .ingeplande-zorg .status.success{
                background-color: var(--success-background-color);
                color: var(--success-color);
            }

            .planning-detail[b-la6ftp8agl]  .ingeplande-zorg .status.info {
                background-color: var(--info-background-color);
                color: var(--info-color);
            }

            .planning-detail[b-la6ftp8agl]  .ingeplande-zorg .status.danger {
                background-color: var(--danger-background-color);
                color: var(--danger-color);
            }
/* /Pages/PlanningPage/PlanningPage.razor.rz.scp.css */
.wgkcard.planning-card[b-wb6ui7e4ag]{
    padding-left: 0; /* disable padding from wgkcard so it doesnt mess with background color in the header*/
    padding-right: 0; /* disable padding from wgkcard so it doesnt mess with background color in the header*/
}

.planning-card header[b-wb6ui7e4ag]{
    background: var(--overviewBackgroundColor);
    height: 2em;
    line-height: 2;
}

.planning-card.planning-today header[b-wb6ui7e4ag]{
    background: var(--header-background-color);
    color: var(--header-foreground-color);
}

    .planning-card header .zorg-moment-1[b-wb6ui7e4ag],
    .planning-card header .zorg-moment-2[b-wb6ui7e4ag],
    .planning-card header .zorg-moment-3[b-wb6ui7e4ag]
    {
        display: inline-block;
        width: 100%;
        background: var(--header-background-color);
        color: var(--header-foreground-color);
        text-align: center;
    }

.planning-card header[b-wb6ui7e4ag], .planning-card li[b-wb6ui7e4ag] {
    display: grid;
    grid-template-columns: 1fr repeat(3, 3rem);
    align-items: center;
    padding: 0 1em;
}

    .planning-card .zorg-moment-1[b-wb6ui7e4ag] {
        grid-column: 2;
    }

    .planning-card .zorg-moment-2[b-wb6ui7e4ag] {
        grid-column: 3;
    }

    .planning-card .zorg-moment-3[b-wb6ui7e4ag] {
        grid-column: 4;
    }


    .btn-link.success[b-wb6ui7e4ag]{
        color: var(--success-background-color);
    }

    .btn-link.danger[b-wb6ui7e4ag] {
        color: var(--danger-background-color);
    }

    .btn-link.info[b-wb6ui7e4ag] {
        color: var(--info-background-color);
    }

    .btn-secondary[b-wb6ui7e4ag] {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
    }

    .btn-secondary svg[b-wb6ui7e4ag] {
        height: 1.5rem;
        width: 1.5rem;
    }
/* /Pages/UitZorg.razor.rz.scp.css */
/* /Pages/WondZorgPage/BehandelingPage.razor.rz.scp.css */
.behandeling > section[b-sdq2s30otj]{
    background: var(--section-background-color);
    color: var(--section-foreground-color);
    padding: 1em;
}

.behandeling ul li[b-sdq2s30otj]{
    padding-top: .5em;
    padding-bottom: .5em;
}

.behandeling ul li + li[b-sdq2s30otj]{
    border-top: 1px solid currentColor;
}

.behandeling header[b-sdq2s30otj]{
    margin-bottom: .5em;
}
/* /Pages/WondZorgPage/DocumentenPage.razor.rz.scp.css */
.document-card[b-grwa5cwk1v] {
    display: grid;
    grid-template-columns: 1fr 1fr 3rem;
    grid-template-areas: "title  title      download" "datum  provincie  ." "nota   domein     .";
}

    .document-card > header[b-grwa5cwk1v] {
        grid-area: title;
    }

    .document-card > button[b-grwa5cwk1v] {
        grid-area: download;
        border: none;
        background-color: transparent;
    }

        .document-card > button > img[b-grwa5cwk1v] {
            width: 100%;
        }

    .document-card > div > strong[b-grwa5cwk1v] {
        display: block;
    }

    .document-card > .datum[b-grwa5cwk1v] {
        grid-area: datum;
    }

    .document-card > .provincie[b-grwa5cwk1v] {
        grid-area: provincie;
    }

    .document-card > .domein[b-grwa5cwk1v] {
        grid-area: domein;
    }

    .document-card > .nota[b-grwa5cwk1v] {
        grid-area: nota;
    }

button svg[b-grwa5cwk1v] {
    stroke: var(--icon-color);
}

polyline[b-grwa5cwk1v] {
    color: transparent;
}
/* /Pages/WondZorgPage/FotoPage.razor.rz.scp.css */
.fotos .wgkcard img[b-k7a0g7mtt4] {
	max-width: 100%;
	margin-bottom: 0.5rem;
}

.fotos[b-k7a0g7mtt4]  summary img {
	max-width: 100px;
}

	.fotos[b-k7a0g7mtt4]  summary img + img {
		margin-left: 1em;
	}

.fotos[b-k7a0g7mtt4]  summary::marker,
.fotos[b-k7a0g7mtt4]  summary::-webkit-details-marker,
.fotos[b-k7a0g7mtt4]  summary .close-summary,
.fotos[b-k7a0g7mtt4]  details[open] summary img {
	display: none;
	color: transparent; /* FF doesn't hide through display: none; */
}

.fotos[b-k7a0g7mtt4]  details[open] summary::marker,
.fotos[b-k7a0g7mtt4]  details[open] summary::-webkit-details-marker,
.fotos[b-k7a0g7mtt4]  details[open] summary .close-summary {
	display: initial;
	color: currentColor;
}
/* /Pages/WondZorgPage/TimePage.razor.rz.scp.css */
.time[b-4bh8i34a90]  .timeline details header {
    color: var(--card-header-color);
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: .5em;
}

.time[b-4bh8i34a90]  .timeline details section + section {
    margin-top: 1em;
}

.time[b-4bh8i34a90]  img{
    max-width: 200px;
}

.time[b-4bh8i34a90]  img{
    max-width: 100%;
    transition: max-width 300ms ease;
}
/* /Pages/WondZorgPage/WondZorgPage.razor.rz.scp.css */
.tabpanel[b-3bmzgkhypu]  .behandeling,
.tabpanel[b-3bmzgkhypu]  .time,
.tabpanel[b-3bmzgkhypu]  .fotos,
.tabpanel[b-3bmzgkhypu]  .parameters,
.tabpanel[b-3bmzgkhypu]  .documenten
{
    display: none;
    width: 100%;
}

#radio-behandeling:checked[b-3bmzgkhypu] ~  .behandeling,
#radio-time:checked[b-3bmzgkhypu] ~  .time,
#radio-fotos:checked[b-3bmzgkhypu] ~  .fotos,
#radio-parameters:checked[b-3bmzgkhypu] ~  .parameters,
#radio-documenten:checked[b-3bmzgkhypu] ~  .documenten
{
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1em;
}
/* /Shared/ContactGegevensCard.razor.rz.scp.css */
.contactgegevens_card header[b-5hk5wk59f3]{
    margin-bottom: 1rem;
}

    .contactgegevens_card .content[b-5hk5wk59f3] {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1fr minmax(15rem, 1fr);
        grid-template-rows: repeat(2, min-content);
        grid-auto-rows: min-content;
        grid-gap: .5em 1em;
        align-items: end;
        border-bottom: .1em solid var(--separator-color);
        padding-top: 1em;
        padding-bottom: 1em;
        flex-wrap: wrap;
    }

    .contactgegevens_card .content address[b-5hk5wk59f3]{
        grid-row: span 2;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .contactgegevens_card .content > :first-child[b-5hk5wk59f3]{
        grid-column: 1/-1;
    }

    .contactgegevens_card .content .remark[b-5hk5wk59f3]{
        grid-row: 3;
    }

.wgkcard p[b-5hk5wk59f3] {
    margin: 0;
}

.wgkcard.contactgegevens_card header h3[b-5hk5wk59f3] {
    font-size: 1.5rem;
}

.wgkcard a[b-5hk5wk59f3] {
    --link-color: var(--link-as-button-color);
    display: inline-flex;
    align-items: flex-end;
    column-gap: 1em;
}

.wgkcard a:hover[b-5hk5wk59f3]{
    /* TODO: remove when bootstrap is out of the project */
    color: var(--link-color);
}

/*Nodig omdat fill property in app.css word gezet op currentcolor.*/
svg[b-5hk5wk59f3] {
    fill: var(--icon-color);
    stroke: var(--white);
}
/* /Shared/ContactGegevensWGKSlideIn.razor.rz.scp.css */
.contactgegevens-wgk .background-wrapper[b-saerrot36d] {
    background: var(--overviewBackgroundColor);
    display: flex;
    flex-direction: column;
}

.contactgegevens-wgk header[b-saerrot36d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contactgegevens-wgk > header[b-saerrot36d] {
    background: var(--header-background-color);
    color: var(--header-foreground-color);
    padding: 1em;
}

.contactgegevens-wgk header h3[b-saerrot36d] {
    display: inline;
}

.contactgegevens-wgk header h4[b-saerrot36d] {
    font-weight: bold;
}

.contactgegevens-wgk header[b-saerrot36d]  a {
    color: inherit;
    font-size: 1.5rem;
}

.contactgegevens-wgk img[b-saerrot36d] {
    max-width: 200px;
    align-self: flex-end;
    margin: 1em;
}

.contactgegevens-wgk svg[b-saerrot36d] {
    color: var(--primary-button-foreground-color);
    border: .5em solid var(--primary-button-border-color);
    background-color: var(--primary-button-background-color);
    border-radius: 50%;
    width: 3rem;
    margin: 0 1em;
}

.contactgegevens-wgk a[b-saerrot36d] {
    /* TODO: override link-color once this has been included in Bootstrap theme*/
    color: var(--gray);
    display: flex;
    align-items: center;
    margin: .5em 0;
}

.openingsuren[b-saerrot36d]{
    padding: 0 1em;
}

ul header[b-saerrot36d] {
    margin: 1em;
    color: var(--header-text-color);
    border-bottom: 1px solid currentColor;
}

    ul header span[b-saerrot36d] {
        color: var(--text-color);
    }
/* /Shared/DateRangeForm.razor.rz.scp.css */
.daterangeformulier[b-1zs27gfs2x] {
    width: fit-content;
}

    .daterangeformulier header[b-1zs27gfs2x] {
        color: var(--tableheader-background-color);
        margin: .5em 0;
        font-size: 2rem;
        border-bottom: 1px solid currentColor;
    }

.daterangeform[b-1zs27gfs2x] {
    display: flex;
    gap: 1em;
    align-items: flex-end;
}

.errormessages[b-1zs27gfs2x]{
    padding-top: .5em;
}
/* /Shared/DocumentCard.razor.rz.scp.css */
.document-card[b-011g8athca] {
    display: grid;
    grid-template-columns: 1fr 1fr 3rem;
    grid-template-areas: "title  title      download" 
                         "datum  provincie  ."
                         "nota   domein     .";
}

    .document-card > header[b-011g8athca] {
        grid-area: title;
    }

    .document-card > button[b-011g8athca] {
        grid-area: download;
        border: none;
        background-color: transparent;
    }

        .document-card > button > img[b-011g8athca] {
            width: 100%;
        }

    .document-card > div > strong[b-011g8athca] {
        display: block;
    }

    .document-card > .datum[b-011g8athca] {
        grid-area: datum;
    }

    .document-card > .provincie[b-011g8athca] {
        grid-area: provincie;
    }

    .document-card > .domein[b-011g8athca] {
        grid-area: domein;
    }

    .document-card > .nota[b-011g8athca] {
        grid-area: nota;
    }

button svg[b-011g8athca] {
    stroke: var(--icon-color);
}

polyline[b-011g8athca] {
    color: transparent;
}
/* /Shared/FloatingActionButton.razor.rz.scp.css */
.btn-multi[b-f4kegloujg] {
    position: fixed;
    z-index: 999;
    right: 3rem;
    bottom: 3rem;
}

    .btn-multi input[b-f4kegloujg] {
        display: none;
    }

    .btn-multi .btn[b-f4kegloujg], .btn-multi[b-f4kegloujg]  .btn {
        box-shadow: .25rem .25rem 5px rgba(0,0,0,0.25);
        height: 3.25rem;
        border-radius: 3.25rem;
        background: var(--fab-button-background-color);
        color: var(--link-color);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;
    }

    .btn-multi .btn svg[b-f4kegloujg], .btn-multi[b-f4kegloujg]  .btn svg{
        width: 1.5rem;
    }

    .btn-multi .btn.btn-reageer[b-f4kegloujg], .btn-multi[b-f4kegloujg]  .btn.btn-reageer{
        padding-left: 1.5em;
        padding-right: 1.5em;
        padding-inline: 1.5em;
        color: var(--fab-button-color);
    }

    .btn-multi input:checked ~ label > .btn > svg[b-f4kegloujg] {
        transform: rotate(225deg);
    }

    .btn-multi input:not(:checked) ~ label[b-f4kegloujg]  a {
        display: none;
    }

    .btn-multi input:checked ~ label[b-f4kegloujg]  a {
        display: flex;
        flex-wrap: wrap-reverse;
        flex-direction: column;
        height: 4rem;
        justify-content: center;
        gap: 1em;
        color: var(--fab-button-color);
    }

    .btn-multi label[b-f4kegloujg] {
        display: flex;
        flex-direction: column-reverse;
        gap: 1em;
        align-items: flex-end;
    }

path[b-f4kegloujg] {
    fill: var(--icon-color);
}
/* /Shared/FloatingActionButtonJournaal.razor.rz.scp.css */
.btn-multi[b-a4n9w6f1c1] {
    position: fixed;
    z-index: 999;
    right: 3rem;
    bottom: 3rem;
}

    .btn-multi input[b-a4n9w6f1c1] {
        display: none;
    }

    .btn-multi .btn[b-a4n9w6f1c1], .btn-multi[b-a4n9w6f1c1]  .btn {
        box-shadow: .25rem .25rem 5px rgba(0,0,0,0.25);
        height: 3.25rem;
        border-radius: 3.25rem;
        background: var(--fab-button-background-color);
        color: var(--link-color);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;
    }

    .btn-multi .btn svg[b-a4n9w6f1c1], .btn-multi[b-a4n9w6f1c1]  .btn svg{
        width: 1.5rem;
    }

    .btn-multi .btn.btn-reageer[b-a4n9w6f1c1], .btn-multi[b-a4n9w6f1c1]  .btn.btn-reageer{
        padding-left: 1.5em;
        padding-right: 1.5em;
        padding-inline: 1.5em;
        color: var(--fab-button-color);
    }

    .btn-multi input:checked ~ label > .btn > svg[b-a4n9w6f1c1] {
        transform: rotate(225deg);
    }

    .btn-multi input:not(:checked) ~ label[b-a4n9w6f1c1]  a {
        display: none;
    }

    .btn-multi input:checked ~ label[b-a4n9w6f1c1]  a {
        display: flex;
        flex-wrap: wrap-reverse;
        flex-direction: column;
        height: 4rem;
        justify-content: center;
        gap: 1em;
        color: var(--fab-button-color);
    }

    .btn-multi label[b-a4n9w6f1c1] {
        display: flex;
        flex-direction: column-reverse;
        gap: 1em;
        align-items: flex-end;
    }

path[b-a4n9w6f1c1] {
    fill: var(--icon-color);
}
/* /Shared/graphandtablecomponent/SwitchGraphTable.razor.rz.scp.css */
[id$="Graph"]:not(:checked)[b-gphdsdj22w] ~  div {
    display: none; 
}
[id$="Table"]:not(:checked)[b-gphdsdj22w] ~  table {
    display: none;
}

.segmented-button[b-gphdsdj22w]{
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1em;
}

    .segmented-button label[b-gphdsdj22w]{
        margin-bottom: 0;
        max-width: 5rem;
    }
/* /Shared/graphandtablecomponent/TableComponent.razor.rz.scp.css */
table[b-e2a56pgn2m]{
    display: block;
}

thead[b-e2a56pgn2m] {
    background: var(--tableheader-background-color);
    color: var(--tableheader-foreground-color);
    font-weight: normal;
    display: table;
    width: 100%;
}

tbody[b-e2a56pgn2m]{
    display: block;
}

tbody tr[b-e2a56pgn2m]{
    display: table;
    width: 100%;
}

tr:nth-child(even)[b-e2a56pgn2m]{
    background-color: var(--even-odd-color);
}


th[b-e2a56pgn2m], td[b-e2a56pgn2m]{
    padding: .5em;
    vertical-align:top;
}

.badge[b-e2a56pgn2m] {
    margin: 0.15em;
    background-color: #FFC400;
    color: white;
    font-size: 100%;
    white-space: normal;
}

.datum[b-e2a56pgn2m]{
    text-align:right;
}

.meetwaarde[b-e2a56pgn2m]{
    text-align:center;
}

.badge-patient[b-e2a56pgn2m] {
    width: 1em;
    padding-bottom: 0.25em;
    padding-right: 0.25em;
    filter: invert(100%) sepia(0%) saturate(7473%) hue-rotate(22deg) brightness(99%) contrast(108%);
}

tr:nth-child(even)[b-e2a56pgn2m] {
    background-color: white;
}
/* /Shared/ImageLightbox.razor.rz.scp.css */
.lightbox[b-6cor44fmxu] {
	z-index: 999;
	height: 0;
	width: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	opacity: 0;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

	.lightbox .lightboxcard[b-6cor44fmxu] {
		box-shadow: none;
	}

	.lightbox[b-6cor44fmxu]  .close {
		color: var(--primary-button-foreground-color);
		background-color: var(--primary-button-background-color);
		text-decoration: none;
		margin: 0 0 10px auto;
		display: block;
		width: 1.5em;
		height: 1.5em;
		text-align: center;
		cursor: pointer;
	}

	.lightbox .filename[b-6cor44fmxu] {
		margin-top: .5rem;
		text-align: center;
	}

	.lightbox:target[b-6cor44fmxu] {
		outline: none;
		width: 100%;
		height: 100%;
		opacity: 1;
		display: flex;
	}

		.lightbox:target .lightboxcard[b-6cor44fmxu] {
			width: 90%;
			height: 90%;
			display: flex;
			flex-direction: column;
		}

		.lightbox:target img[b-6cor44fmxu] {
			flex-grow: 1;
			object-fit: contain;
			overflow: hidden;
		}
/* /Shared/JournaalReageerKnop/JournaalReageerKnop.razor.rz.scp.css */
.slide-in form > div.file[b-oxbhwjtgpi] {
    flex-direction: column;
}
.btn-margin[b-oxbhwjtgpi]{
    margin-top:1em;
}
label[for="feedback"][b-oxbhwjtgpi]  + #feedback {
    height: 7.5em;
}
/* /Shared/LoadingIndicator/Loading.razor.rz.scp.css */
.loadingspinner[b-bq81jxypx6]{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
}

.loadingspinner span[b-bq81jxypx6]{
    margin-left: 1em;
}

.loader[b-bq81jxypx6] {
    border: .5rem solid var(--loading-spinner-background-color);
    border-top: .5rem solid var(--loading-spinner-foreground-color);
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    animation: spin-b-bq81jxypx6 2s linear infinite;
}

@keyframes spin-b-bq81jxypx6 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-5rkprcqokm] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-5rkprcqokm] {
    width: 100%;
}

.content[b-5rkprcqokm] {
    min-height: calc(100vh - 3rem);
    background: rgb(236,237,244);
    background: linear-gradient(180deg, var(--overviewBackgroundColor) 0%, transparent 100%);
    padding: 1em;
}

@media (min-width: 641px) {
    .page[b-5rkprcqokm] {
        flex-direction: row;
    }

    .sidebar[b-5rkprcqokm] {
        width: 250px;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.logowgk[b-olqhh0pua6] {
    width: 200px;
}

.navbar-toggler[b-olqhh0pua6] {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-brand[b-olqhh0pua6]{
    margin: 1em;
}

nav ul[b-olqhh0pua6]{
    width: 100%;
}

nav li[b-olqhh0pua6] {
    width: 100%;
    display: flex;
    align-items: center;
}

    nav li:first-of-type[b-olqhh0pua6] {
        padding-top: 1em;
    }

    nav li:last-of-type[b-olqhh0pua6] {
        padding-bottom: 1em;
    }

    nav li[b-olqhh0pua6]  a {
        flex-grow: 1;
        color: var(--menu-item-color);
        align-items: center;
        padding: .5em 1.5em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    nav li:not(:first-child)[b-olqhh0pua6] {
        border-top: 1px solid var(--menu-separator-color);
    }

    nav li.goback[b-olqhh0pua6]  a{
        color: var(--secondary-link-color);
    }

    nav li.submenuitem[b-olqhh0pua6]  a {
        padding-left: 2.5em;
    }

    nav li.separator[b-olqhh0pua6] {
        border-width: 4px;

    }

    nav li[b-olqhh0pua6]  a.active,
    nav li[b-olqhh0pua6]  a:focus-visible,
    nav li[b-olqhh0pua6]  a:hover {
        background-color: var(--active-menu-item-background-color);
        color: var(--active-menu-item-foreground-color);
    }

    .collapse[b-olqhh0pua6]{
        display: none;
    }

@media (min-width: 641px) {
    .navbar-toggler[b-olqhh0pua6] {
        display: none;
    }

    .collapse[b-olqhh0pua6] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.align-with-image[b-olqhh0pua6] {
    margin-left: 1em;
    border: none;
    top: 1.6rem;
    position: relative;
}

.logout[b-olqhh0pua6] {
    cursor: pointer;
}

.logged-in-user[b-olqhh0pua6]{
    display: flex;
    gap: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-block: .5rem;
}

.logged-in-user[b-olqhh0pua6]  a.switch-role{
    padding: inherit;
    background-color: inherit;
    color: var(--secondary);
}

.logged-in-user p[b-olqhh0pua6]{
    margin-top: 0;
    margin-bottom: 0;
    margin-block: 0;
}

.logged-in-user img[b-olqhh0pua6]{
    width: 1rem;
    margin-top: 2px;
    align-self: flex-start;
    filter: invert(10%) sepia(62%) saturate(6585%) hue-rotate(202deg) brightness(85%) contrast(98%);
}

.logged-in-user .username[b-olqhh0pua6]{
    font-weight: bold;
}
/* /Shared/PageHeader.razor.rz.scp.css */
header[b-z7tnkijgxm] {
    display: flex;
    align-items: end;
    margin-bottom: 0.5rem;
}

header > h2[b-z7tnkijgxm] {
    margin-right: auto;
}

.patient-info[b-z7tnkijgxm] {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.patient-labels > span[b-z7tnkijgxm] {
    color: var(--promo-text-color);
    background-color: var(--secondary-button-background-color);
    padding: .5rem;
    border-radius: .5rem;
    margin-left: 0.5em;
}

.patient-info > p[b-z7tnkijgxm] {
    margin-bottom: 0;
}

.patient-labels[b-z7tnkijgxm]{
    margin-top:0.5em;
}

.palliatief[b-z7tnkijgxm] {
    --secondary-button-background-color: red;
}
/* /Shared/ReageerKnop/ReageerKnop.razor.rz.scp.css */
.slide-in form > div.file[b-e8dgk9hwr4] {
    flex-direction: column;
}
.btn-margin[b-e8dgk9hwr4]{
    margin-top:1em;
}
label[for="feedback"][b-e8dgk9hwr4]  + #feedback {
    height: 7.5em;
}
/* /Shared/Slidein.razor.rz.scp.css */
.slide-in-wrapper[b-8vibvhdyhf]{
    display: flex;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.slide-in-wrapper:target[b-8vibvhdyhf]{
    z-index: 999;
}

.slide-in-wrapper:target .slide-in-overlay[b-8vibvhdyhf]{
    flex-grow: 1;
    background: black;
    opacity: .5;
}

.slide-in[b-8vibvhdyhf] {
    --form-padding: 1em;
    width: var(--slide-in-width);
    position: fixed;
    right: calc(-1 * var(--slide-in-width));
    bottom: 0;
    z-index: 999;
    background-color: var(--overviewBackgroundColor);
}

.slide-in.full-height[b-8vibvhdyhf]{
    min-height: 100vh;
}

    .slide-in-wrapper:target .slide-in[b-8vibvhdyhf]{
        transform: translateX(calc(-1 * var(--slide-in-width)));
        transition: transform 300ms ease;
    }

    .slide-in header[b-8vibvhdyhf] {
        background: var(--header-background-color);
        color: var(--header-foreground-color);
        font-weight: bold;
        flex-wrap:wrap;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--form-padding);
    }

    .slide-in header[b-8vibvhdyhf]  a{
        color: var(--header-foreground-color);
    }

    .slide-in header[b-8vibvhdyhf]  p {
        order:1;
    }

    .slide-in[b-8vibvhdyhf]  form{
        display: flex;
        flex-direction: column;
        padding: var(--form-padding);
    }

    .slide-in[b-8vibvhdyhf]  label {
        padding-right: var(--form-padding);
        margin-top: 1em;
    }
    
    /*
        TODO: zit hier waarschijnlijk niet op z'n plaats
    .slide-in ::deep span{
        padding-left: var(--form-padding);
        padding-right: var(--form-padding);
    }*/

    .slide-in[b-8vibvhdyhf]  p{
        margin-top: var(--form-padding);
        margin-bottom: var(--form-padding);
    }

    .slide-in[b-8vibvhdyhf]  input + input:not([type="file"]){
        margin-left: .5em;
    }

    .slide-in[b-8vibvhdyhf]  form > div{
        display: flex;
        gap: var(--form-padding);
    }

    .slide-in[b-8vibvhdyhf]  form a{
        color: var(--secondary-link-color);
        border: 1px solid currentColor;
    }

    .slide-in[b-8vibvhdyhf]  form a,
    .slide-in[b-8vibvhdyhf]  form button{
        flex-grow: 1;
        
        display: flex;
        justify-content: center;
        align-items: center;

        text-transform: uppercase;
    }

.slide-in header p[b-8vibvhdyhf] {
    font-weight: normal;
}

.nopadding[b-8vibvhdyhf] {
    font-weight: bold;
    padding: 0;
}
/* /Shared/Timeline/TimelineItem.razor.rz.scp.css */
.timeline--item[b-4hxx22oo71]{
    --padding: 1em;
    --bolleke-size: 2px;
    display: grid;
    column-gap: var(--padding);
    grid-template-columns: 10ch repeat(2, var(--bolleke-size)) 1fr;
    grid-template-rows: calc(1em + (2 * var(--bolleke-size))) 1fr;
    margin: var(--padding) 0;
    font-size: 1.25rem;
}

.timeline--item details[b-4hxx22oo71]{
    grid-row-end: span 2;
}

.timeline--item details[b-4hxx22oo71]  > :not(summary){
    font-size: 1rem;
}

.timeline--item .timeline--item--expander[b-4hxx22oo71]{
    grid-column: 2/span 2;

    background: var(--timeline-item-expander-color);
    width: var(--bolleke-size);
    height: calc(100% + var(--padding));

    margin-left: calc(50% - (var(--bolleke-size) / 2));
}

    .timeline--item:last-child details:not([open]) ~ .timeline--item--expander[b-4hxx22oo71] {
        display: none;
    }

.timeline--item .timeline--item--bolleke[b-4hxx22oo71]{
    grid-column: 2 / span 2;
    grid-row: 1;
    
    border: var(--bolleke-size) solid var(--timeline-item-circle-color);
    border-radius: 100%;
    background: transparent;
    content: ' ';
}

    .timeline--item [open] + .timeline--item--bolleke[b-4hxx22oo71] {
        background: var(--timeline-item-circle-color);
    }
/* /Shared/UitZorgCard.razor.rz.scp.css */
.uitzorg-card[b-34m1kiu506] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title title" "datum status" "omschrijving domein";
}
    .uitzorg-card > header[b-34m1kiu506] {
        grid-area: title;
    }

    .uitzorg-card > .datum[b-34m1kiu506] {
        grid-area: datum;
    }

    .uitzorg-card > .status[b-34m1kiu506] {
        grid-area: status;
    }

    .uitzorg-card > .domein[b-34m1kiu506] {
        grid-area: domein;
    }

    .uitzorg-card > .omschrijving[b-34m1kiu506] {
        grid-area: omschrijving;
    }

    .uitzorg-card > div > strong[b-34m1kiu506] {
        display: block;
    }
/* /Shared/ZorgCard.razor.rz.scp.css */
.zorg-card[b-dolltlaaii] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .zorg-card strong[b-dolltlaaii] {
        display: block;
    }

    .zorg-card > header[b-dolltlaaii] {
        grid-column: 1/-1
    }

    .zorg-card > .info[b-dolltlaaii] {
        grid-column: 1/-1
    }