/* /Components/Abomodule/Beheer/AboMainHost.razor.rz.scp.css */
.abo-maingrid[b-efw7svcpjc] {
    display: grid;
    background-color: white;
    grid-template-rows: 60px 40px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}

.abo-topcontrol-placing[b-efw7svcpjc] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}
/* /Components/Abomodule/Beheer/AboSelector/AboSelectorCard.razor.rz.scp.css */
.abo-card[b-nu88jbux3u] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.abo-header[b-nu88jbux3u] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

.abo-header h3[b-nu88jbux3u] {
    margin-top: unset;
    margin-bottom: unset;
    text-align: center;
    font-family: "Christnolan",serif;
    font-size: 72px;
}

.abo-description[b-nu88jbux3u] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 5px;
    padding-bottom: 5px;
}
    .abo-description p[b-nu88jbux3u] {
        font-size:1rem;
        line-height: 1.7;
        margin-top: unset;
        margin-bottom: unset;
        text-align: center;
    }

.abo-tariefrow[b-nu88jbux3u] {
    display: flex;
    flex-direction: row;
    justify-content: fles-start;
    align-items: center;
    width: 100%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tariefname[b-nu88jbux3u] {
    text-align: left;
    width: 50%;
}

.tariefvalue[b-nu88jbux3u] {
    width: 30%;
    text-align: right;
}

.col-selectbutton[b-nu88jbux3u] {
    width: 20%;
    text-align: right;
}
.selectbutton[b-nu88jbux3u] {
    background: none;
    border: none;
}

/* /Components/Abomodule/Beheer/AboSelector/AboSelectorComponent.razor.rz.scp.css */
/* /Components/Abomodule/Beheer/Invoices/InvoiceCard.razor.rz.scp.css */
.invoice-maingrid[b-1hb1itg3td] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(1, minmax(30px, auto));
    grid-template-columns: 25px 75px 1fr 90px 90px;
    width: 100%;
    height: auto;
}

.invoice-header[b-1hb1itg3td] {
    font-weight: bold;
}
.invoice-with-details[b-1hb1itg3td] {
    grid-template-rows: repeat(2, minmax(30px, auto));
}

.invoice-field[b-1hb1itg3td] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
}
.invoice-getal[b-1hb1itg3td] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
}

.icon[b-1hb1itg3td] {
    grid-column-start: 1;
    grid-column-end: 2;
}
.datum[b-1hb1itg3td] {
    grid-column-start: 2;
    grid-column-end: 3;
}

.omschrijving[b-1hb1itg3td] {
    grid-column-start: 3;
    grid-column-end: 4;
}

.bedrag[b-1hb1itg3td] {
    grid-column-start: 4;
    grid-column-end: 5;
}
.saldo[b-1hb1itg3td] {
    grid-column-start: 5;
    grid-column-end: 6;
}

/* /Components/Abomodule/Beheer/Invoices/InvoiceDetailCard.razor.rz.scp.css */
.detailcard[b-xkmdjw7pxr] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 6;
    background-color: var(--ivx-menucolorbackground);
    padding-left: 5px;
    margin-left: -5px;
    margin-right: -5px;
}


.table-body[b-xkmdjw7pxr] {
    width: 100%;
}

    .table-body tr[b-xkmdjw7pxr] {
        height: 25px;
    }

.stopzettingen[b-xkmdjw7pxr] {
    font-size: smaller;
    height: 18px !important;
    font-weight: bold;
}
.table-stopzetting[b-xkmdjw7pxr] {
    width: 100%;
    font-weight: normal;
}

    .table-stopzetting tr[b-xkmdjw7pxr] {
        height: 18px;
    }

.css-invoicecard-downloadbutton[b-xkmdjw7pxr] {
    background: none;
    border: none;
}

    .css-invoicecard-downloadbutton img[b-xkmdjw7pxr] {
        height: 30px;
        vertical-align: middle;
        border-style: none;
    }
/* /Components/Abomodule/Beheer/Invoices/InvoicesHostDialog.razor.rz.scp.css */
.invoices-body-placing[b-zfulq3nzj3] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    padding-top: 25px;
}


.invoices-body[b-zfulq3nzj3] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

/* /Components/Abomodule/Beheer/MenuBalkButton.razor.rz.scp.css */
.buttoncontrol[b-ojbp78l8rt] {
    display: flex;
    height: 100%;
    width: auto;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-width: 0px;
    cursor: pointer;
    margin: 4px;
    background-color: white;
}

    .buttoncontrol img[b-ojbp78l8rt] {
        height: 3.5vh;
        vertical-align: middle;
        border-style: none;
    }


    .buttoncontrol p[b-ojbp78l8rt] {
        margin-top: unset;
        margin-bottom: unset;
        font-size: var(--ivx-fontsize-medium);
    }
/* /Components/Abomodule/Beheer/MenuBalkComponent.razor.rz.scp.css */
.abo-menubalk-placing[b-8nk9g45jta] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
}

.abo-menubalk-body[b-8nk9g45jta] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 600px;
    height: 100%;
}
/* /Components/Abomodule/Beheer/newabo/AboConfirmForm.razor.rz.scp.css */
.table-body[b-52pv3843ay] {
    width: 100%;
    vertical-align: top;
    margin-top: 25px;
}

    .table-body tr[b-52pv3843ay] {
        height: auto;
    }

        .table-body tr td:first-child[b-52pv3843ay] {
            vertical-align: top;
            width: 125px;
            color: var(--ivx-captions-color);
            padding-top: 2px;
            padding-bottom: 20px;
        }

        .table-body tr td:last-child[b-52pv3843ay] {
            vertical-align: top;
            width: auto;
            padding-top: 2px;
            padding-bottom: 20px;
        }

.table-instalments[b-52pv3843ay] {
    width: 100%;
    font-weight: normal;
}

    .table-instalments tr[b-52pv3843ay] {
        height: 18px;
    }

        .table-instalments tr td:first-child[b-52pv3843ay] {
            vertical-align: top;
            width: 75px;
            color: black;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 4px;
            padding-right: 4px;
            font-size: smaller;
        }

        .table-instalments tr td[b-52pv3843ay] {
            vertical-align: top;
            width: auto;
            color: black;
            padding-top: 2px;
            padding-bottom: 2px;
        }

            .table-instalments tr td:last-child[b-52pv3843ay] {
                vertical-align: top;
                width: 75px;
                color: black;
                padding-top: 2px;
                padding-bottom: 2px;
                padding-left: 4px;
                padding-right: 4px;
                text-align: right;
            }


.buttonrow[b-52pv3843ay]{
    display: flex;
    height: auto;
    flex-direction: row;
    align-content:center;
    justify-content: flex-start;

}
.approve-button[b-52pv3843ay] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 45px;
}

    .approve-button p[b-52pv3843ay] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.css-downloadbutton[b-52pv3843ay] {
    background: none;
    border: none;
    margin-left: 50px;
}

    .css-downloadbutton img[b-52pv3843ay] {
        height: 50px;
        vertical-align: middle;
        border-style: none;
    }

.form-buttonrow[b-52pv3843ay] {
    display: flex;
    height: auto;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    margin-top: 50px;
}

.delete-button[b-52pv3843ay] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-delete);
    background-color: var(--ivx-brandcolor-delete);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 45px;
    margin-right: 15px;
}

    .delete-button p[b-52pv3843ay] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Beheer/newabo/AboSigningForm.razor.rz.scp.css */
.table-body[b-zpbik1aek7] {
    width: 100%;
    vertical-align: top;
    margin-top: 25px;
}

    .table-body tr[b-zpbik1aek7] {
        height: auto;
    }

        .table-body tr td:first-child[b-zpbik1aek7] {
            vertical-align: top;
            width: 125px;
            color: var(--ivx-captions-color);
            padding-top: 2px;
            padding-bottom: 8px;
        }

        .table-body tr td:last-child[b-zpbik1aek7] {
            vertical-align: top;
            width: auto;
            padding-top: 2px;
            padding-bottom: 8px;
        }

.table-instalments[b-zpbik1aek7] {
    width: 100%;
    font-weight: normal;
}

    .table-instalments tr[b-zpbik1aek7] {
        height: 18px;
    }

        .table-instalments tr td:first-child[b-zpbik1aek7] {
            vertical-align: top;
            width: 75px;
            color: black;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 4px;
            padding-right: 4px;
            font-size:smaller;
        }

        .table-instalments tr td[b-zpbik1aek7] {
            vertical-align: top;
            width: auto;
            color: black;
            padding-top: 2px;
            padding-bottom: 2px;
        }

            .table-instalments tr td:last-child[b-zpbik1aek7] {
                vertical-align: top;
                width: 75px;
                color: black;
                padding-top: 2px;
                padding-bottom: 2px;
                padding-left: 4px;
                padding-right: 4px;
                text-align: right;
            }

.buttonrow[b-zpbik1aek7] {
    display: flex;
    height: auto;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
}

.css-downloadbutton[b-zpbik1aek7] {
    background: none;
    border: none;
    margin-left: 50px;
}

    .css-downloadbutton img[b-zpbik1aek7] {
        height: 50px;
        vertical-align: middle;
        border-style: none;
    }

.form-buttonrow[b-zpbik1aek7] {
    display: flex;
    height: auto;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    margin-top: 50px;
}
.approve-button[b-zpbik1aek7] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 45px;
}

    .approve-button p[b-zpbik1aek7] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.delete-button[b-zpbik1aek7] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-delete);
    background-color: var(--ivx-brandcolor-delete);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 45px;
    margin-right: 15px;
}

    .delete-button p[b-zpbik1aek7] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Beheer/newabo/EsignCard.razor.rz.scp.css */
.esign-maingrid[b-ok02mbftvk] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(1, minmax(30px, auto));
    grid-template-columns: 50px 1fr;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.esign-with-details[b-ok02mbftvk] {
    grid-template-rows: repeat(2, minmax(30px, auto));
}
.esign-with-details-payment[b-ok02mbftvk] {
    grid-template-rows: repeat(3, minmax(30px, auto));
}


.esign-field[b-ok02mbftvk] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
}

.icon[b-ok02mbftvk] {
    grid-column-start: 1;
    grid-column-end: 2;
}

.omschrijving[b-ok02mbftvk] {
    grid-column-start: 2;
    grid-column-end: 3;
}


.detailcard[b-ok02mbftvk] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    background-color: var(--ivx-menucolorbackground);
}
.paymentcard[b-ok02mbftvk] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    max-width: 600px;
    height: 100%;
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    background-color: var(--ivx-menucolorbackground);
}

.table-body[b-ok02mbftvk] {
    width: 100%;
}

    .table-body tr[b-ok02mbftvk] {
        height: 25px;
    }

.css-downloadbutton[b-ok02mbftvk] {
    background: none;
    border: none;
}

    .css-downloadbutton img[b-ok02mbftvk] {
        height: 40px;
        vertical-align: middle;
        border-style: none;
    }

.terms-row[b-ok02mbftvk] {
    font-size: 1.25rem;
    margin-top: 25px;
}

.col-5 p[b-ok02mbftvk] {
    margin-top: revert;
    margin-bottom: revert;
    color: var(--ivx-captions-color);
}

.approve-button[b-ok02mbftvk] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 25px;
}

    .approve-button p[b-ok02mbftvk] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.approve-button-disabled[b-ok02mbftvk] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: #696969;
    background-color: #696969;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 25px;
}

    .approve-button-disabled p[b-ok02mbftvk] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }


.signature[b-ok02mbftvk] {
    width: 100%;
    height: 200px;
    display: block;
    border-color: var(--ivx-menucolorbackground);
    border-style: solid;
    border-width: 2px;
    margin-top: 4px;
    margin-botton: 5px;
}
/* /Components/Abomodule/Beheer/newabo/NewAboForm.razor.rz.scp.css */

.form-buttonrow[b-nkuc3nvrb2] {
    display: flex;
    height: auto;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    margin-top: 50px;
}

.confirm-button[b-nkuc3nvrb2] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 45px;
}

    .confirm-button p[b-nkuc3nvrb2] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Beheer/newabo/NewAboMainHost.razor.rz.scp.css */
.new-body-placing[b-hbjlvhgb1l] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.new-selector-body[b-hbjlvhgb1l] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.new-complete-body[b-hbjlvhgb1l] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow-y: scroll;
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
/* /Components/Abomodule/Beheer/Overzicht/ActiveSubscriptionsComponent.razor.rz.scp.css */

.abo-body-placing[b-ry7fijrob8] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
/* /Components/Abomodule/Beheer/Overzicht/SubscriptionCard.razor.rz.scp.css */
.subscriptioncard-container[b-oai1w5hy9a] {
    width: 100%;
    min-width: 85px;
    max-width: 600px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 10px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
    font-size: small;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--ivx-brandcolor);
    padding-top: 25px;
    padding-bottom: 25px;
}

    .subscriptioncard-container .row[b-oai1w5hy9a] {
        padding: 5px 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .subscriptioncard-container .caption[b-oai1w5hy9a] {
        color: var(--ivx-captions-color);
        padding-right: 10px;
        text-wrap:nowrap;
    }
    .subscriptioncard-container .hyperlink[b-oai1w5hy9a] {
        text-decoration: underline;
        cursor: pointer;
    }


.esign-maingrid[b-oai1w5hy9a] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(1, minmax(30px, auto));
    grid-template-columns: 30px 1fr;
    width: 100%;
    height: auto;
    margin-left: 5px;
}

.esign-with-details[b-oai1w5hy9a] {
    grid-template-rows: repeat(2, minmax(30px, auto));
}


.esign-field[b-oai1w5hy9a] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
}

.icon[b-oai1w5hy9a] {
    grid-column-start: 1;
    grid-column-end: 2;
}

.omschrijving[b-oai1w5hy9a] {
    grid-column-start: 2;
    grid-column-end: 3;
    font-size: larger;
}


.detailcard[b-oai1w5hy9a] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
}

.table-body[b-oai1w5hy9a] {
    width: 100%;
    border: 0;
}

.table-body tr[b-oai1w5hy9a] {
    min-height: 20px;
    vertical-align: top;
    line-height: 1.5rem;
}
/* /Components/Abomodule/Beheer/Payments/PaymentCard.razor.rz.scp.css */
.invoice-maingrid[b-evrmcbl7xv] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(1, minmax(30px, auto));
    grid-template-columns: 50px 75px 1fr 125px 100px;
    width: 100%;
    height: auto;
}

.invoice-header[b-evrmcbl7xv] {
    font-weight: bold;
}
.invoice-with-details[b-evrmcbl7xv] {
    grid-template-rows: repeat(2, minmax(30px, auto));
}

.invoice-field[b-evrmcbl7xv] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
}
.invoice-getal[b-evrmcbl7xv] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
}

.inprogress[b-evrmcbl7xv] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 4;
}
    .inprogress p[b-evrmcbl7xv] {
        margin: unset;
        color: blue;
    }
.failed[b-evrmcbl7xv] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 4;
}

    .failed p[b-evrmcbl7xv] {
        margin: unset;
        color: firebrick;
    }

.betaalbutton-placing[b-evrmcbl7xv] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 4;
    grid-column-end: 6;
}
.icon[b-evrmcbl7xv] {
    grid-column-start: 1;
    grid-column-end: 2;
}
.datum[b-evrmcbl7xv] {
    grid-column-start: 2;
    grid-column-end: 3;
}

.omschrijving[b-evrmcbl7xv] {
    grid-column-start: 3;
    grid-column-end: 5;
}

.betaalwijze[b-evrmcbl7xv] {
    grid-column-start: 3;
    grid-column-end: 4;
}

.referentie[b-evrmcbl7xv] {
    grid-column-start: 4;
    grid-column-end: 5;
}

.bedrag[b-evrmcbl7xv] {
    grid-column-start: 5;
    grid-column-end: 6;
}

.paymentrecords-body[b-evrmcbl7xv] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 6;
}

.approve-button[b-evrmcbl7xv] {
    width: auto;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px 18px 8px 18px;
    min-height: 35px;
}

    .approve-button p[b-evrmcbl7xv] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Beheer/Payments/PaymentDetailCard.razor.rz.scp.css */
.detailcard-maingrid[b-2tu52nvv5a] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(1, minmax(30px, auto));
    grid-template-columns: 50px 75px 1fr 125px 100px;
    width: 100%;
    height: auto;
}

.detailcard[b-2tu52nvv5a] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 6;
    background-color: var(--ivx-menucolorbackground);
    padding-left: 5px;
    margin-left: -5px;
    margin-right: -5px;
}


.table-body[b-2tu52nvv5a] {
    width: 100%;
}

    .table-body tr[b-2tu52nvv5a] {
        height: 25px;
    }

/* /Components/Abomodule/Beheer/Payments/PaymentsHostDialog.razor.rz.scp.css */
.payments-body-placing[b-y2q2q2ppox] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    padding-top: 25px;
}


.payments-body[b-y2q2q2ppox] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
/* /Components/Abomodule/Beheer/Start/StartHostDialog.razor.rz.scp.css */

.abo-startbody-placing[b-01oihvbkxu] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    /*    z-index: 5; */
    overflow-y: scroll;
}

.abo-optionbutton[b-01oihvbkxu] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: center;
    color: var(--ivx-brandcolor-text);
    background-color: white;
    border: none;
    padding-left: 25px;
    padding-right: 25px;
}

    .abo-optionbutton p[b-01oihvbkxu] {
        margin-top: unset;
        margin-bottom: unset;
        font-size: var(--ivx-fontsize-large);
        font-weight: 300;
    }
/* /Components/Abomodule/Planning/AboModuleControl.razor.rz.scp.css */
.css-abomodule-control[b-c2vk70631l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 90%;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    background-color: var(--ivx-menucolorbackground);
    color: var(--ivx-brandcolor-text);
}

    .css-abomodule-control p[b-c2vk70631l] {
        margin: unset;
    }

.css-abomodule-stopzetting[b-c2vk70631l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 80%;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 6px;
    border-style: solid;
    border-width: 2px;
    border-color: #dc3545;
    background-color: var(--ivx-menucolorbackground);
    color: #dc3545;
}

    .css-abomodule-stopzetting p[b-c2vk70631l] {
        margin: unset;
    }

/* /Components/Abomodule/Planning/Afspraak/AfspraakComponent.razor.rz.scp.css */

.ivx-afspraak-maingrid[b-r3pt8cmrmn] {
    display: grid;
    grid-template-rows: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr minmax(50px,1fr) minmax(50px,1fr);
    border-style: solid;
    border-width: 0px;
    width: 100%;
    height: 35px;
}

/*We maken eerst een kleine div met alleen een kleurinstelling */
.ivx-afspraak-selected[b-r3pt8cmrmn] {
    background-color: var(--ivx-brandcolor);
    color: white;
}

.ivx-afspraak-unselected[b-r3pt8cmrmn] {
    background-color: white;
}



.ivx-datum[b-r3pt8cmrmn] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  /*onderkant van de row met padding van 4px*/
  justify-content: flex-start;
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-left: 4px;
  padding-bottom: 4px; }

  .ivx-datum p[b-r3pt8cmrmn] {
    margin: unset;
    margin-right: 10px; }





.ivx-annuleerafspraak-placing[b-r3pt8cmrmn] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  grid-column-start: 7;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;

}

/* /Components/Abomodule/Planning/Afspraak/AnnuleerButton.razor.rz.scp.css */
.css-optiecontrol-annuleerbutton-placing[b-4twvmqj65s] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--ivx-brandcolor);
    color: white;
    padding: 4px;
}


.css-afspraakcontrol-annuleerbutton[b-4twvmqj65s] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
}

    .css-afspraakcontrol-annuleerbutton p[b-4twvmqj65s] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Planning/Afspraak/BevestigingControl.razor.rz.scp.css */
.css-regelcontrol-bevestiging-placing[b-8gsr1h3e23] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 4px;
}

.css-regelcontrol-bevestiging-placing-selected[b-8gsr1h3e23] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
}

.css-regelcontrol-bevestiging-definitief[b-8gsr1h3e23] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-afspraakdefinitiefbackground);
    background-color: var(--ivx-afspraakdefinitiefbackground);
    color: var(--ivx-brandcolor-text);
    padding: 8px;
}

    .css-regelcontrol-bevestiging-definitief p[b-8gsr1h3e23] {
        margin: unset;
        text-align: center;
    }

.css-regelcontrol-bevestiging-reserve[b-8gsr1h3e23] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-afspraakreservebackground);
    background-color: var(--ivx-afspraakreservebackground);
    color: var(--ivx-brandcolor-text);
    padding: 8px;
}

    .css-regelcontrol-bevestiging-reserve p[b-8gsr1h3e23] {
        margin: unset;
    }
/* /Components/Abomodule/Planning/Afspraak/BringFriendCancelButton.razor.rz.scp.css */
.css-annuleerbutton[b-ox8f5rubyj] {
    width: 75px;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
}

    .css-annuleerbutton p[b-ox8f5rubyj] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Planning/Afspraak/BringFriendList.razor.rz.scp.css */
.css-list-prefix[b-tqkug4mwpq] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--ivx-brandcolor-green);
}

    .css-list-prefix p[b-tqkug4mwpq] {
        font-size: smaller;
        margin-top: unset;
        margin-bottom: unset;
    }

.css-list-container[b-tqkug4mwpq] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.css-friend-row[b-tqkug4mwpq] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 25px;
}
.css-friend-name[b-tqkug4mwpq] {
    display: block;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.css-friend-name p[b-tqkug4mwpq] {
    margin-top: unset;
    margin-bottom: unset;
}
/* /Components/Abomodule/Planning/Afspraak/OmschrijvingControl.razor.rz.scp.css */
.css-regelcontrol-omschrijving[b-csnv31b73h] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .css-regelcontrol-omschrijving p[b-csnv31b73h] {
        margin: unset;
    }
/* /Components/Abomodule/Planning/Afspraak/ReserveringComponent.razor.rz.scp.css */
.css-regelcontrol-maingrid[b-dbnsfl38uf] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(2, minmax( 20px, auto));
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 80px minmax(50px, 1fr) minmax( 50px, 1fr );
    border-style: solid;
    border-width: 0px;
    width: 100%;
    height: 60px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
}

    .css-regelcontrol-maingrid:first-of-type[b-dbnsfl38uf] {
        border-top-width: 1px;
    }

.css-regelcontrol-maingrid-reserve[b-dbnsfl38uf] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(4, minmax( 20px, auto));
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 80px minmax(50px, 1fr) minmax( 50px, 1fr );
    border-style: solid;
    border-width: 0px;
    width: 100%;
    height: 90px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
}

    .css-regelcontrol-maingrid-reserve:first-of-type[b-dbnsfl38uf] {
        border-top-width: 1px;
    }

.css-regelcontrol-maingrid-friends[b-dbnsfl38uf] {
    grid-template-rows: repeat(3, minmax( 20px, auto));
    height: auto;
}
.css-regelcontrol-promote[b-dbnsfl38uf] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 4px;
}


.css-regelcontrol-promotebutton[b-dbnsfl38uf] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    padding: 8px;
}

    .css-regelcontrol-promotebutton p[b-dbnsfl38uf] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.css-regelcontrol-nopromote[b-dbnsfl38uf] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 4px;
}

.css-regelcontrol-nopromotemessage[b-dbnsfl38uf] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
}

    .css-regelcontrol-nopromotemessage p[b-dbnsfl38uf] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.css-regelcontrol-maingrid-zoom[b-dbnsfl38uf] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(3, minmax( 20px, auto));
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 0px;
    width: 100%;
    height: 70px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
}

    .css-regelcontrol-maingrid-zoom:first-of-type[b-dbnsfl38uf] {
        border-top-width: 1px;
    }

.css-regelcontrol-zoom[b-dbnsfl38uf] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.css-regelcontrol-zoom a[b-dbnsfl38uf] {
    margin-left: 20px;
    margin-bottom: 4px;
}
.css-regelcontrol-maingrid-selected[b-dbnsfl38uf] {
    background-color: var(--ivx-brandcolor);
    color: white;
    border-color: white;
}

/* /Components/Abomodule/Planning/Afspraak/TijdstipControl.razor.rz.scp.css */

.css-regelcontrol-starttijd[b-zd58cbsz9s] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .css-regelcontrol-starttijd p[b-zd58cbsz9s] {
        margin: unset;
    }

.css-regelcontrol-eindtijd[b-zd58cbsz9s] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .css-regelcontrol-eindtijd p[b-zd58cbsz9s] {
        margin: unset;
    }
/* /Components/Abomodule/Planning/DagControl.razor.rz.scp.css */

.css-dagcontrol-base[b-y5l5n83dv3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    border: none;
    max-width: 60px;
    width: 10%;
    height: 39px;
    padding:unset;  /*met name voor de buttons*/
}

.css-dagcontrol-disabled[b-y5l5n83dv3] {
    background-color: #f5f5f5;
}

.css-dagcontrol-enabled[b-y5l5n83dv3] {
    background-color: white;
}

.css-dagcontrol-closed[b-y5l5n83dv3] {
    background-color: var(--ivx-brandcolor);
    /*border-style:solid;
        border-width:1px;
        border-color:dimgray;*/
}
.css-dagcontrol-behandeld[b-y5l5n83dv3] {
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    color: white;
}

.css-dagcontrol-berekend[b-y5l5n83dv3] {
    border-color: #ca393c;
    background-color: #ca393c;
    color: white;
}
.css-dagcontrol-cursor[b-y5l5n83dv3] {
    background-color: var(--ivx-brandcolor-green);
    color:white;
}
.css-dagcontrol-cursor-berekend[b-y5l5n83dv3] {
    border: solid;
    border-width: 2px;
    border-color: #647458;
    background-color: #ca393c;
    color: white;
}
.css-dagcontrol-cursor-behandeld[b-y5l5n83dv3] {
    border: solid;
    border-width: 2px;
    border-color: #647458;
    background-color: var(--ivx-brandcolor-green);
    color: white;
}

.css-dagcontrol-afspraakdefinitief[b-y5l5n83dv3] {
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-afspraakdefinitiefbackground);
}

.css-dagcontrol-afspraakreserve[b-y5l5n83dv3] {
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-afspraakdefinitiefbackground);
}

.css-dagcontrol-base p[b-y5l5n83dv3] {
    font-size: x-small;
    /*height: 14px;*/
    margin-top: unset;
    margin-bottom: unset;
    cursor: pointer;
    text-align: center;
}
/* /Components/Abomodule/Planning/FilterControl.razor.rz.scp.css */
.css-klant-menubalk-markerbox[b-xe51f0as1p] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 22px;
    padding-left: 2px;
    padding-right: 5px;
    margin-left: 8px;
    cursor:pointer;
    border: none;
    background-color: unset;
}

    .css-klant-menubalk-markerbox p[b-xe51f0as1p] {
        margin: unset;
        margin-left: 5px;
        cursor: pointer;
        font-size: 0.8rem;
    }
/* /Components/Abomodule/Planning/Historie/DagControl.razor.rz.scp.css */

.css-dagcontrol-base[b-jzt1wt674o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: default;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    background-color: white;
    max-width: 60px;
    width: 10%;
    height: 39px;
    padding: unset; /*met name voor de buttons*/
}

.css-dagcontrol-none[b-jzt1wt674o] {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}
.css-dagcontrol-behandeld[b-jzt1wt674o] {
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    color: white;
}

.css-dagcontrol-berekend[b-jzt1wt674o] {
    border-color: #ca393c;
    background-color: #ca393c;
    color: white;
}

.css-dagcontrol-base p[b-jzt1wt674o] {
    font-size: x-small;
    margin-top: unset;
    margin-bottom: unset;
    cursor: default;
    text-align: center;
}
/* /Components/Abomodule/Planning/Historie/HistorieComponent.razor.rz.scp.css */
.css-historie-bar[b-19jap9hsb4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    width: 100%;
    max-width: 600px;
    height: 40px;
    margin-top: 5px;
}

.css-historie-prevmonth[b-19jap9hsb4] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 60px;
    width: 10%;
    height: 40px;
    border: none;
    background-color: unset;
}
.css-historie-prevmonth-button[b-19jap9hsb4]::before {
    content: '\e71f';
    font-size: x-large;
}

.css-historie-nextmonth[b-19jap9hsb4] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 60px;
    width: 10%;
    height: 40px;
    border: none;
    background-color: unset;
}

.css-historie-nextmonth-button[b-19jap9hsb4]::before {
    content: '\e70b';
    font-size: x-large;
}

.css-maandoverzicht[b-19jap9hsb4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: default;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    width: auto;
    height: 39px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    color: white;
}
.css-maandoverzicht p[b-19jap9hsb4] {
    margin-top: unset;
    margin-bottom: unset;
    cursor: default;
    text-align: center;
}
/* /Components/Abomodule/Planning/KalenderControl.razor.rz.scp.css */
.css-klant-kalender-bar[b-szu1s9ehmo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    width: 100%;
    height: 40px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
}


.css-kalender-prevweek[b-szu1s9ehmo] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 60px;
    width: 10%;
    height: 40px;
    border: none;
    background-color: unset;
}

.css-kalender-prevweek-button[b-szu1s9ehmo]::before {
    content: '\e71f';
    font-size: x-large;
}

.css-kalender-nextweek[b-szu1s9ehmo] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 60px;
    width: 10%;
    height: 40px;
    border: none;
    background-color: unset;
}

.css-kalender-nextweek-button[b-szu1s9ehmo]::before {
    content: '\e70b';
    font-size: x-large;
}

/* /Components/Abomodule/Planning/MenubalkControl.razor.rz.scp.css */

.css-klant-menubalk-maingrid[b-fuyqgevd3l] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 50px;
    background-color: var(--ivx-menucolorbackground);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
}



.css-klant-menubalk-studionaam[b-fuyqgevd3l] {
    width: auto;
    height: 80%;
    max-height: 35px;
    padding-left: 2px;
    padding-right: 5px;
    margin-left: 8px;
}



.css-klant-menubalk-icalendar[b-fuyqgevd3l] {
    height: 80%;
    max-height: 35px;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}


.css-klant-menubalk-button[b-fuyqgevd3l] {
    height: 80%;
    max-height: 35px;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}



/* /Components/Abomodule/Planning/Opties/AnnuleerButton.razor.rz.scp.css */
.css-optiecontrol-annuleerbutton-placing[b-k29ico27bt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--ivx-brandcolor);
    color: white;
    padding: 4px;
}

.css-optiecontrol-annuleerbutton[b-k29ico27bt] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
}

    .css-optiecontrol-annuleerbutton p[b-k29ico27bt] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Planning/Opties/BeschikbaarheidControl.razor.rz.scp.css */
.css-optiecontrol-beschikbaarheid[b-4u15bzsixq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .css-optiecontrol-beschikbaarheid p[b-4u15bzsixq] {
        margin: unset;
        text-align: center;
    }

.css-optiecontrol-beschikbaarheid-unselected[b-4u15bzsixq] {
    grid-row-start: 1;
    grid-row-end: 3;
}

.css-optiecontrol-beschikbaarheid-selected[b-4u15bzsixq] {
    grid-row-start: 3;
    grid-row-end: 5;
}
/* /Components/Abomodule/Planning/Opties/BevestigingControl.razor.rz.scp.css */
.css-optiecontrol-bevestiging-placing-unselected[b-vsx5jcjd1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 4px;
}

.css-optiecontrol-bevestiging-placing-selected[b-vsx5jcjd1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 4px;
}

.css-optiecontrol-bevestiging-definitief[b-vsx5jcjd1g] {
    height: 100%;
    max-width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-afspraakdefinitiefbackground);
    background-color: var(--ivx-afspraakdefinitiefbackground);
    color: var(--ivx-brandcolor-text);
    padding: 8px;
}

    .css-optiecontrol-bevestiging-definitief p[b-vsx5jcjd1g] {
        margin: unset;
        text-align: center;
    }

.css-optiecontrol-bevestiging-reserve[b-vsx5jcjd1g] {
    height: 100%;
    max-width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-afspraakreservebackground);
    background-color: var(--ivx-afspraakreservebackground);
    color: var(--ivx-brandcolor-text);
    padding: 8px;
}

    .css-optiecontrol-bevestiging-reserve p[b-vsx5jcjd1g] {
        margin: unset;
        text-align: center;
    }
/* /Components/Abomodule/Planning/Opties/BringFriendButton.razor.rz.scp.css */
.css-bringafriend-button-placing[b-v7fd6he3u5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 4;
    grid-row-end: 6;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--ivx-brandcolor);
    color: white;
    padding: 4px;
}

.css-bringafriend-button[b-v7fd6he3u5] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
}

    .css-bringafriend-button p[b-v7fd6he3u5] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Planning/Opties/BringFriendCancelButton.razor.rz.scp.css */
.css-annuleerbutton[b-bpklx3ushi] {
    width: 75px;
    display: block;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
}

    .css-annuleerbutton p[b-bpklx3ushi] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Abomodule/Planning/Opties/BringFriendForm.razor.rz.scp.css */
.css-form-container[b-zaw9fvb8i4] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 6;
    grid-row-end: 7;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* /Components/Abomodule/Planning/Opties/BringFriendList.razor.rz.scp.css */
.css-list-prefix[b-ph7dbb1oy4] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 7;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--ivx-brandcolor-green);
}

    .css-list-prefix p[b-ph7dbb1oy4] {
        font-size: smaller;
        margin-top: unset;
        margin-bottom: unset;
    }

.css-list-container[b-ph7dbb1oy4] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 6;
    grid-row-end: 7;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.css-friend-row[b-ph7dbb1oy4] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 25px;
}
.css-friend-name[b-ph7dbb1oy4] {
    display: block;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.css-friend-name p[b-ph7dbb1oy4] {
    margin-top: unset;
    margin-bottom: unset;
}
/* /Components/Abomodule/Planning/Opties/DetailcodeButton.razor.rz.scp.css */
.css-optiecontrol-detailcodebutton-base[b-9qtkqqbp2p] {
    height: 28px;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 4px;
    margin-top: 4px;
    cursor: pointer;
}

    .css-optiecontrol-detailcodebutton-base p[b-9qtkqqbp2p] {
        margin: unset;
        cursor: pointer;
        font-size: smaller;
    }

.css-optiecontrol-detailcodebutton-selected[b-9qtkqqbp2p] {
    background-color: var(--ivx-brandcolor-green);
    color: white;
}
/* /Components/Abomodule/Planning/Opties/DetailcodesGroupControl.razor.rz.scp.css */
.css-optiecontrol-detailcodesgroup-placing[b-275jsw431n] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 5;
    width: 100%;
    height: auto;
}
/* /Components/Abomodule/Planning/Opties/DocentControl.razor.rz.scp.css */
.css-optiecontrol-docentnaam[b-h7zq9ybyzn] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
}

    .css-optiecontrol-docentnaam p[b-h7zq9ybyzn] {
        margin: unset;
        font-size: var(--ivx-fontsize-default);
    }
/* /Components/Abomodule/Planning/Opties/MemoControl.razor.rz.scp.css */
.css-optiecontrol-groepslesmemo[b-04revhmaj6] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 4;
    grid-row-end: 5;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .css-optiecontrol-groepslesmemo p[b-04revhmaj6] {
        margin: unset;
        font-size: var(--ivx-fontsize-default);
        margin-right: 25px;
    }

.css-optiecontrol-groepslesmemo2[b-04revhmaj6] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 5;
    grid-row-end: 6;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .css-optiecontrol-groepslesmemo2 p[b-04revhmaj6] {
        margin: unset;
        font-size: var(--ivx-fontsize-default);
        margin-right: 25px;
    }
/* /Components/Abomodule/Planning/Opties/NieuwProgrammaControl.razor.rz.scp.css */
.css-optiecontrol-nieuwprogramma-placing[b-w3fk0534v5] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 5;
    width: 100%;
    height: auto;
}

.css-optiecontrol-nieuwprogramma-base[b-w3fk0534v5] {
    height: 32px;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 4px;
    margin-top: 4px;
    cursor: pointer;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
}

    .css-optiecontrol-nieuwprogramma-base p[b-w3fk0534v5] {
        margin: unset;
        cursor: pointer;
        color: white;
    }

.css-optiecontrol-nieuwprogramma-selected[b-w3fk0534v5] {
    color: white;
}
/* /Components/Abomodule/Planning/Opties/OmschrijvingControl.razor.rz.scp.css */
.css-optiecontrol-omschrijving[b-9k6w87qxc7] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

    .css-optiecontrol-omschrijving p[b-9k6w87qxc7] {
        margin: unset;
        font-size: var(--ivx-fontsize-default);
    }
/* /Components/Abomodule/Planning/Opties/PlanningsOptieControl.razor.rz.scp.css */
.css-optiecontrol-button[b-8abfgs4m2o] {
    border: none;
    width: 100%;
    height: auto;
    background: unset;
    padding: unset;
    margin:unset;
}
.css-optiecontrol-maingrid[b-8abfgs4m2o] {
    display: grid;
    background-color: white;
    grid-template-rows: repeat(2, minmax( 20px, auto));
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 80px minmax(50px, 1fr) minmax( 50px, 1fr );
    border-style: solid;
    border-width: 0px;
    width: 100%;
    height: auto;
    max-height: 80px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
}


.css-optiecontrol-maingrid-selected[b-8abfgs4m2o] {
    background-color: var(--ivx-brandcolor);
    grid-template-rows: repeat(5, minmax( 20px, auto));
    height: auto;
    max-height: 200px;
}

.css-optiecontrol-maingrid-selected-friendfase[b-8abfgs4m2o] {
    background-color: var(--ivx-brandcolor);
    grid-template-rows: repeat(6, minmax( 20px, auto));
    height: auto;
    max-height: 400px;
}
.css-optiecontrol-maingrid-unselected-mijnafspraak[b-8abfgs4m2o] {
    color: var(--afspraakdefinitiefbackground);
    padding: unset;
}
/* /Components/Abomodule/Planning/Opties/ReserveerButton.razor.rz.scp.css */
.css-optiecontrol-reserveerbutton-placing[b-0px2cwfml4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background-color: var(--ivx-brandcolor);
    color: white;
    padding: 4px;
}

.css-optiecontrol-reserveerbutton[b-0px2cwfml4] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
}

    .css-optiecontrol-reserveerbutton p[b-0px2cwfml4] {
        margin: unset;
        cursor: pointer;
        text-align: center;
        color:white;
    }

.css-optiecontrol-reserveerbutton-op[b-0px2cwfml4] {
    border-color: #75523e;
    color: #75523e;
}
/* /Components/Abomodule/Planning/Opties/TijdstipControl.razor.rz.scp.css */

.css-optiecontrol-starttijd[b-i27bsung3m] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 20px;
    overflow: hidden;
    padding-right: 4px;
}

    .css-optiecontrol-starttijd p[b-i27bsung3m] {
        margin: unset;
        font-size:0.8rem;
    }

.css-optiecontrol-eindtijd[b-i27bsung3m] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

    .css-optiecontrol-eindtijd p[b-i27bsung3m] {
        margin: unset;
        font-size: 0.8rem;
    }

.css-optiecontrol-typemarker[b-i27bsung3m] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 20px;
    overflow: hidden;
}
/* /Components/Abomodule/Planning/PersoneelsRoosterControl.razor.rz.scp.css */

.css-parent[b-fya2nemol4] {
    border: none;
    width: 100%;
    height: auto;
    background: unset;
    padding: unset;
    margin: unset;
}

.css-rooster-maingrid[b-fya2nemol4] {
    display: grid;
    background-color: white;
    grid-template-rows: 25px;
    grid-template-columns: 50px 1fr;
    border-style: solid;
    border-width: 0px;
    width: 100%;
    height: auto;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
}

.css-rooster-omschrijving[b-fya2nemol4] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 25px;
    overflow: hidden;
}

    .css-rooster-omschrijving p[b-fya2nemol4] {
        margin: unset;
        font-size: var(--ivx-fontsize-default);
    }
/* /Components/Abomodule/Planning/PlanningHostDialog.razor.rz.scp.css */

.css-klant-planning-maingrid[b-o2wrb1rafp] {
    display: grid;
    background-color: white;
    grid-template-rows: minmax(60px,auto) minmax(50px,auto) minmax(40px,auto) minmax(40px,auto) 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}


.css-klant-topcontrol-placing[b-o2wrb1rafp] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.css-klant-menubalk-placing[b-o2wrb1rafp] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: auto;
}

.css-klant-filterbalk-placing[b-o2wrb1rafp] {
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    background-color: var(--ivx-menucolorbackground);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
}





.css-klant-kalendercontrol-placing[b-o2wrb1rafp] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 4;
    grid-row-end: 5;
    width: 100%;
    height: auto;
}


.css-klant-planningcontrol-placing[b-o2wrb1rafp] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 5;
    grid-row-end: 6;
    width: 100%;
    height: 100%;
/*    z-index: 5; */
    overflow-y: scroll;
}

.css-klant-geopend-matrixslot-placing[b-o2wrb1rafp] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 4;
    grid-row-end: 5;
    width: 100%;
    height: 100%;
/*    z-index: 6;*/
}

.css-klant-afsprakenlijst-placing[b-o2wrb1rafp] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 5;
    width: 100%;
    height: 100%;
/*    z-index: 5; */
    overflow-y: scroll;
}

/* /Components/Generic/BrandButtonControl.razor.rz.scp.css */

.css-buttoncontrol-defaultgreen[b-5jvr2zvhq9] {
    display: flex;
    height: 100%;
    width: auto;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-green);
    color: white;
    background-color: var(--ivx-brandcolor-green);
    cursor: pointer;
    margin: 4px;
}

    .css-buttoncontrol-defaultgreen  p[b-5jvr2zvhq9] {
        margin: unset;
        color:white;
        cursor: pointer;
        text-align: center;
    }


.css-buttoncontrol-defaultgreen-disabled[b-5jvr2zvhq9] {
    display: flex;
    height: 100%;
    width: auto;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-gray);
    color: white;
    background-color: var(--ivx-brandcolor-gray);
    margin: 4px;
}

    .css-buttoncontrol-defaultgreen-disabled p[b-5jvr2zvhq9] {
        margin: unset;
        color: white;
        text-align: center;
    }


.css-buttoncontrol-defaultrose[b-5jvr2zvhq9] {
    display: flex;
    height: 100%;
    width: auto;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor);
    color: white;
    background-color: var(--ivx-brandcolor);
    cursor: pointer;
    margin: 4px;
}

    .css-buttoncontrol-defaultrose p[b-5jvr2zvhq9] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }


.css-buttoncontrol-defaultrose-disabled[b-5jvr2zvhq9] {
    display: flex;
    height: 100%;
    width: auto;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-gray);
    color: white;
    background-color: var(--ivx-brandcolor-gray);
    margin: 4px;
}

    .css-buttoncontrol-defaultrose-disabled p[b-5jvr2zvhq9] {
        margin: unset;
        color: white;
        text-align: center;
    }

/* /Components/Generic/ButtonComponent.razor.rz.scp.css */
.css-button-position[b-r4duefsnwr] {
    margin: 4px;
}
/* /Components/Generic/ButtonContainer.razor.rz.scp.css */
.css-container-horizontal[b-ciy1mzb2ux] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 60px;
}

.css-container-vertical[b-ciy1mzb2ux] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
}

.css-container-ivxdialog[b-ciy1mzb2ux] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}


/* /Components/Generic/FormContainer.razor.rz.scp.css */
.css-formcontainer[b-gzle100gh8] {
    width: 100%;
    min-width: 85px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

    .css-formcontainer div.row[b-gzle100gh8] {
        padding: 15px 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
/* /Components/Generic/TabpageComponent.razor.rz.scp.css */

.css-tabitem-base[b-1xhqdm42z8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 0;
    cursor: pointer;
    border-top-right-radius: 15px;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 0;
}

.css-tabitem-active[b-1xhqdm42z8] {
    font-size: normal;
    font-weight: bold;
    background-color: var(--ivx-tabitem-active-backgroundcolor);
    color: var(--ivx-tabitem-active-color);
    border-color: var(--ivx-tabitem-active-bordercolor);
    border-top-width: 5px;
    border-right-width: 1px;
    border-left-width:1px;
    border-bottom-width:0;
}

    .css-tabitem-active p[b-1xhqdm42z8] {
        margin: unset;
        cursor:pointer;

    }


.css-tabitem-inactive[b-1xhqdm42z8] {
    font-size: normal;
    font-weight: normal;
    background-color: var(--ivx-tabitem-inactive-backgroundcolor);
    color: var(--ivx-tabitem-inactive-color);
    border-color: var(--ivx-tabitem-inactive-bordercolor);
}

    .css-tabitem-inactive p[b-1xhqdm42z8] {
        margin: unset;
        cursor: pointer;
    }
/* /Components/Klant/Account/AccountHostDialog.razor.rz.scp.css */

.css-klant-account-maingrid[b-kipujj4ept] {
    display: grid;
    background-color: white;
    grid-template-rows: 60px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}

.css-klant-topcontrol-placing[b-kipujj4ept] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}


/* main flexbox waarin we alle controls onder elkaar plaatsen.*/
.css-klant-account-main[b-kipujj4ept] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
/* /Components/Klant/Account/BankaccountForm.razor.rz.scp.css */
.css-bankaccountform-container[b-l932pbosj4] {
    width: 100%;
    margin-top: 25px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-captions-color);
}
/* /Components/Klant/Account/CustomerCard.razor.rz.scp.css */
.css-customercard-container[b-gj69gspp3q] {
    width: 100%;
    min-width: 85px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 10px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
    font-size: small;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-captions-color);
}

    .css-customercard-container .row[b-gj69gspp3q] {
        padding: 15px 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .css-customercard-container .caption[b-gj69gspp3q] {

        color: var(--ivx-captions-color);
    }

/* /Components/Klant/Account/CustomerForm.razor.rz.scp.css */
.css-customerform-container[b-848678202w] {
    width: 100%;
    margin-top: 25px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-captions-color);
}
/* /Components/Klant/Account/InlogidForm.razor.rz.scp.css */
.css-customerform-container[b-42som6akpf] {
    width: 100%;
    margin-top: 25px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-captions-color);
}
/* /Components/Klant/Challenge/ChallengeCard.razor.rz.scp.css */

.css-klant-challengecard[b-ylw5uodyi1] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 25px;
    width: auto;
    min-width: 85%;
    min-height: 350px;
    height: auto;
    padding: 15px;
    cursor: default;
    position: relative;
}
.css-klant-challengecard h4[b-ylw5uodyi1] {

    margin-top: 25px;
}

.css-klant-challengecard-image[b-ylw5uodyi1] {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.css-klant-challengecard-afbeelding[b-ylw5uodyi1] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-style: solid;
    border-color: white;
    border-width: 1px 0 1px 0; /* top right bottom left*/
    color: white;
    width: 100%;
    height: auto;
    position: relative;
    /*margin is gelijk aan de margin + padding van de css-klant-challengecard*/
    margin-top: 40px;
    /*
    background-image: url("/Images/startmenu/eetdagboekje app.jpg");
    background-size:auto;
    background-position: center;
    background-repeat: no-repeat;
    */
}

    .css-klant-challengecard-afbeelding img[b-ylw5uodyi1] {
        max-width: 100%;
        object-fit: scale-down
    }


/* /Components/Klant/Challenge/ChallengeHostDialog.razor.rz.scp.css */
.css-klant-challenge-maingrid[b-i8be0o7gix] {
    display: grid;
    background-color: white;
    grid-template-rows: 60px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}

.css-klant-topcontrol-placing[b-i8be0o7gix] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.css-klant-challengecard-placing[b-i8be0o7gix] {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.css-klant-challengecard-iframe[b-i8be0o7gix] {
    width: 100%;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
    border: none;

}




/* /Components/Klant/Fooddiary/FooddiaryCard.razor.rz.scp.css */
.css-klant-fooddiarycard[b-wa9ysv9d46] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 25px;
    width: 85%;
    min-width: 85%;
    height: auto;
    padding: 10px;
    cursor: default;
}

.css-klant-startfooddiary[b-wa9ysv9d46] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 25px;
    width: 85%;
    min-width: 85%;
    height: auto;
    padding: 10px;
    cursor: default;
}
/* /Components/Klant/Fooddiary/FooddiaryComponent.razor.rz.scp.css */
.css-fooddiary-header[b-70pe805znk] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
    font-size: 13px;
}

.css-fooddiary-addheader[b-70pe805znk] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
    font-size: 13px;
}

.css-fooddiary-afspraken[b-70pe805znk] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
    height: auto;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
    font-size: 13px;
}

.css-fooddiary-afsprakenheader[b-70pe805znk] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
    font-size: 13px;
}


.css-fooddiary-afspraken p[b-70pe805znk] {
    margin-left: 40px;
    margin-right: 40px;
    margin-top:15px;
    margin-bottom:15px;

}
/* /Components/Klant/Fooddiary/FooddiaryDayComponent.razor.rz.scp.css */
.css-fooddiary-dayheader[b-x6r32eph3u] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
    font-size: 13px;
}

.css-fooddiary-dayheaderselected[b-x6r32eph3u] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-width: 0 0 1px 0; /* top right bottom left*/
    border-color: var(--ivx-brandcolor);
    font-size: 13px;
    background-color: var(--ivx-brandcolor);
    color: white;
    font-weight: bold;
}

.css-fooddiary-dayform[b-x6r32eph3u] {
    width: 100%;
    margin-top: 25px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    line-height: var(--ivx-lineheight-cards);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-captions-color);
}
/* /Components/Klant/Fooddiary/FooddiaryHostDialog.razor.rz.scp.css */
.css-klant-fooddiary-maingrid[b-c72utrt41z] {
    display: grid;
    background-color: white;
    grid-template-rows: 60px 40px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}

.css-klant-topcontrol-placing[b-c72utrt41z] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.css-klant-fooddiarycard-placing[b-c72utrt41z] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.css-klant-fooddiarycard-afbeelding[b-c72utrt41z] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-style: solid;
    border-color: white;
    border-width: 1px 0 1px 0; /* top right bottom left*/
    color: white;
    width: 100%;
    height: auto;
    position: relative;
    /*margin is gelijk aan de margin + padding van de css-klant-fooddiarycard*/
    margin-top: 40px;
    /*
    background-image: url("/Images/startmenu/eetdagboekje app.jpg");
    background-size:auto;
    background-position: center;
    background-repeat: no-repeat;
    */
}

.css-klant-fooddiarycard-afbeelding img[b-c72utrt41z] {
    max-width: 100%;
    object-fit:scale-down
}
/* /Components/Klant/Foundation/AntwoordComponent.razor.rz.scp.css */
.css-currentvraag-antwoord[b-ndtx9s3q49] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    width: 95%;
    height: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-tabpage-bordercolor);
    border-radius: 5px;
    cursor: default;
}

    .css-currentvraag-antwoord p[b-ndtx9s3q49] {
        margin-top: unset;
        margin-bottom: unset;
        font-size: var(--ivx-fontsize-large);
        color: var(--ivx-captions-color);
    }

.css-currentvraag-gekozenantwoord[b-ndtx9s3q49] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    width: 95%;
    height: 50px;
    cursor: pointer;
    background-color: var(--ivx-tabitem-active-backgroundcolor);
    color: var(--ivx-tabitem-active-color);
    border: none;
}

    .css-currentvraag-gekozenantwoord p[b-ndtx9s3q49] {
        margin-top: unset;
        margin-bottom: unset;
        font-size: var(--ivx-fontsize-large);
        color: white;
    }

/* /Components/Klant/Foundation/FoundationBody.razor.rz.scp.css */
.css-foundation-body[b-kn2j843beh] {

    font-style:italic;
    text-align:center;
    line-height: 150%;
    opacity: 0.6;
}
/* /Components/Klant/Foundation/FoundationCard.razor.rz.scp.css */
.css-klant-foundationcard[b-k51s11c2ee] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 25px;
    width: 85%;
    min-width: 85%;
    min-height: 450px;
    height: auto;
    padding: 10px;
    cursor: default;
}

.css-klant-startvragenlijst[b-k51s11c2ee] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 25px;
    width: 85%;
    min-width: 85%;
    height: auto;
    padding: 10px;
    cursor: default;
}

.css-klant-vragenlijstcard-incomplete[b-k51s11c2ee] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    width: 85%;
    min-width: 85%;
    height: auto;
    padding: 10px;
    cursor: default;
}

.css-klant-vragenlijstcard-complete[b-k51s11c2ee] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    width: 85%;
    min-width: 85%;
    height: auto;
    padding: 10px;
    cursor: default;
}


.css-klant-foundationcard-image[b-k51s11c2ee] {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* /Components/Klant/Foundation/FoundationHostDialog.razor.rz.scp.css */

.css-klant-foundation-maingrid[b-ac4mf4plqn] {
    display: grid;
    background-color: white;
    grid-template-rows: 60px 40px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}

.css-klant-topcontrol-placing[b-ac4mf4plqn] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.css-klant-foundationcard-placing[b-ac4mf4plqn] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.css-klant-foundationcard-afbeelding[b-ac4mf4plqn] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-style: solid;
    border-color: white;
    border-width: 1px 0 1px 0; /* top right bottom left*/
    color: white;
    width: 100%;
    height: auto;
    position: relative;
    /*margin is gelijk aan de margin + padding van de css-klant-fooddiarycard*/
    margin-top: 40px;
    /*
    background-image: url("/Images/startmenu/eetdagboekje app.jpg");
    background-size:auto;
    background-position: center;
    background-repeat: no-repeat;
    */
}

    .css-klant-foundationcard-afbeelding img[b-ac4mf4plqn] {
        max-width: 100%;
        object-fit: scale-down
    }
/* /Components/Klant/Foundation/ResultatenComponent.razor.rz.scp.css */
.css-resultaten-tabs-placing[b-09bdd6bn1e] {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-tabpage-bordercolor);
}

    .css-resultaten-placing[b-09bdd6bn1e] {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 3;
        grid-row-end: 4;
        padding: 10px;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    .css_graphobject[b-09bdd6bn1e] {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 600px;
        max-height: 450px;
    }
    .css_graphobject2[b-09bdd6bn1e] {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 600px;
        max-height: 350px;
    }

    .css-advies-text[b-09bdd6bn1e] {
        display: block;
        width: 100%;
        height: auto;
        max-width: 600px;
    }

.css-antwoordengrid-placing[b-09bdd6bn1e] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: hidden;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    font-size: 12px;
    font-weight: normal;
}




/*
@media screen and (min-width:901px) {

    .css-resultaten-placing {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-evenly;
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 3;
        grid-row-end: 4;
        padding: 10px;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    .css_graphobject {
        display: block;
        width: 100%;
        max-width: 600px;
        height: 100%;
        max-height: 450px;
    }
    .css_graphobject2 {
        display: block;
        width: 100%;
        max-width: 600px;
        height: 100%;
        max-height: 350px;
    }
}
    */

/* /Components/Klant/Foundation/VragenComponent.razor.rz.scp.css */

.css-currentvraag-placing[b-zrhsyqct0k] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.css-currentvraag-vraagstelling[b-zrhsyqct0k] {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    width: 95%;
    min-height: 125px;
    margin-bottom: 25px;



}
    .css-currentvraag-vraagstelling p[b-zrhsyqct0k] {
        margin-top: unset;
        margin-bottom: unset;
        font-size: 22px;
        font-weight: 400;
        height: 40px;
        text-align: center;
    }


.css-currentvraag-buttoncontainer[b-zrhsyqct0k] {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 95%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}


.css-currentvraag-progresscontainer[b-zrhsyqct0k] {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 95%;
    height: 50px;
    align-items: center;
    justify-content: center;
}
/* /Components/Klant/Generic/KlantTopControl.razor.rz.scp.css */
.css-klant-topcontrol-maingrid[b-xlnm66g3s7] {
    display: grid;
    background-color: var(--ivx-brandcolor);
    grid-template-rows: 1fr;
    grid-template-columns: 60px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    width: 100%;
    height: 100%;
}

.css-klant-hamburgermenu-placing[b-xlnm66g3s7] {
    background-color: var(--ivx-brandcolor);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.css-klant-hamburgermenu[b-xlnm66g3s7] {
    background-color: var(--ivx-brandcolor);
    margin: unset;
    margin-top: 5px;
    width: 50px;
    height: 50px;
}

/* Klantnaam vlak. */
.css-klant-topcontrol-naam[b-xlnm66g3s7] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-color: var(--ivx-brandcolor);
    grid-column-start: 2;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2;
}

    .css-klant-topcontrol-naam p[b-xlnm66g3s7] {
        font-size: x-large;
        height: 25px;
        margin-top: unset;
        margin-bottom: unset;
        color: white;
    }


.css-klant-topcontrol-logoplacing[b-xlnm66g3s7] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    grid-column-start: 8;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    padding-right: 5px;
}

.css-klant-topcontrol-logo[b-xlnm66g3s7] {
    width: auto;
    height: 100%;
    background-color: var(--ivx-brandcolor);
    padding-top: 5px;
    padding-right: 5px;
}

.css-klant-topcontrol-logoimage[b-xlnm66g3s7] {
    width: 50px;
    height: 50px;
}
/* /Components/Klant/Start/Afspraak/AfspraakComponent.razor.rz.scp.css */

@media screen and (max-width:900px) {

    .ivx-afspraak-maingrid[b-d0t54d0kl3] {
        display: grid;
        grid-template-rows: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr minmax(50px,1fr) minmax(50px,1fr);
        border-style: solid;
        border-width: 0px;
        width: 100%;
        height: 35px;
        position: relative;
        left: 25px;
        top: 1px;
    }
}

@media screen and (min-width:901px) {

    .ivx-afspraak-maingrid[b-d0t54d0kl3] {
        display: grid;
        grid-template-rows: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr minmax(50px,1fr) minmax(50px,1fr);
        border-style: solid;
        border-width: 0px;
        width: 93.3333%;
        margin-left: 50px;
        position: relative;
        left: 25px;
        top: 1px;
    }
}



/* deze is gelijk aan css-klant-topcontrol-maingrid zodat de tekst 'geen nieuwe afspraak' precies dezelfde centrering krijgt.*/
.ivx-geenafspraak-maingrid[b-d0t54d0kl3] {
    display: grid;
    grid-template-rows: 30px;
    grid-template-columns: 60px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 0px;
    width: 100%;
    margin-top:10px;
    height: 35px;
}

/*We maken eerst een kleine div met alleen een kleurinstelling */
.ivx-afspraak-selected[b-d0t54d0kl3] {
    background-color: var(--ivx-brandcolor);
    color: white;
}

.ivx-afspraak-unselected[b-d0t54d0kl3] {
    background-color: white;
}


.ivx-datum[b-d0t54d0kl3] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  /*onderkant van de row met padding van 4px*/
  justify-content: flex-start;
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-bottom: 4px; }

  .ivx-datum p[b-d0t54d0kl3] {
    margin: unset;
    margin-right: 10px; }


.ivx-geenafspraak[b-d0t54d0kl3] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    /*onderkant van de row met padding van 4px*/
    justify-content: center;
    grid-column-start: 2;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-left: 4px;
    padding-bottom: 4px;
}

.ivx-geenafspraak p[b-d0t54d0kl3] {
    margin: unset;
    font-size: var(--ivx-fontsize-large);
    margin-top: 50px;
}




/* /Components/Klant/Start/Afspraak/BevestigingControl.razor.rz.scp.css */
.css-regelcontrol-bevestiging-placing[b-jklnw3sv65] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 90%;
    height: 100%;
    overflow: hidden;
    padding: 4px;
}

.css-regelcontrol-bevestiging-definitief[b-jklnw3sv65] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-afspraakdefinitiefbackground);
    background-color: var(--ivx-afspraakdefinitiefbackground);
    color: var(--ivx-brandcolor-text);
    padding: 8px;
}

    .css-regelcontrol-bevestiging-definitief p[b-jklnw3sv65] {
        margin: unset;
        text-align: center;
    }

.css-regelcontrol-bevestiging-reserve[b-jklnw3sv65] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-afspraakreservebackground);
    background-color: var(--ivx-afspraakreservebackground);
    color: var(--ivx-brandcolor-text);
    padding: 8px;
}

    .css-regelcontrol-bevestiging-reserve p[b-jklnw3sv65] {
        margin: unset;
    }

.css-regelcontrol-bevestiging-uitgeboekt[b-jklnw3sv65] {
    display: flex;
    height: 100%;
    width: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: white;
    background-color: #e60000;
    color: white;
    padding: 8px;
}

    .css-regelcontrol-bevestiging-uitgeboekt p[b-jklnw3sv65] {
        margin: unset;
    }
/* /Components/Klant/Start/Afspraak/OmschrijvingControl.razor.rz.scp.css */
.css-regelcontrol-omschrijving[b-f14mxns5bq] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .css-regelcontrol-omschrijving p[b-f14mxns5bq] {
        margin: unset;
    }
/* /Components/Klant/Start/Afspraak/ReserveringComponent.razor.rz.scp.css */
@media screen and (max-width:900px) {
    .css-regelcontrol-maingrid[b-nlbn8fu7tn] {
        display: grid;
        background-color: white;
        grid-template-rows: repeat(1, minmax( 20px, auto));
        grid-template-columns: 50px 50px 1fr 1fr 1fr minmax(100px,1fr);
        border-style: solid;
        border-width: 0px;
        width: calc(100% - 25px);
        height: 25px;
        position: relative;
        left: 25px;
        top: 1px;
    }


        .css-regelcontrol-maingrid:first-of-type[b-nlbn8fu7tn] {
            border-top-width: 1px;
        }

    .css-regelcontrol-maingrid-zoom[b-nlbn8fu7tn] {
        display: grid;
        background-color: white;
        grid-template-rows: repeat(2, minmax( 20px, auto));
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        border-style: solid;
        border-width: 0px;
        width: calc(100% - 25px);
        height: 50px;
        border-style: solid;
        border-width: 0px;
        position: relative;
        left: 25px;
        top: 1px;
    }

        .css-regelcontrol-maingrid-zoom:first-of-type[b-nlbn8fu7tn] {
            border-top-width: 1px;
        }
}

@media screen and (min-width:901px) {
    .css-regelcontrol-maingrid[b-nlbn8fu7tn] {
        display: grid;
        background-color: white;
        grid-template-rows: repeat(1, minmax( 20px, auto));
        grid-template-columns: 50px 50px 1fr 1fr 1fr minmax(100px,1fr);
        border-style: solid;
        border-width: 0px;
        width: 93.3333%;
        max-width: 700px;
        height: 25px;
        margin-left: 50px;
        position: relative;
        left: 25px;
        top: 1px;
    }


        .css-regelcontrol-maingrid:first-of-type[b-nlbn8fu7tn] {
            border-top-width: 1px;
        }

    .css-regelcontrol-maingrid-zoom[b-nlbn8fu7tn] {
        display: grid;
        background-color: white;
        grid-template-rows: repeat(2, minmax( 20px, auto));
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        border-style: solid;
        border-width: 0px;
        width: 93.3333%;
        max-width: 700px;
        margin-left: 50px;
        height: 50px;
        border-style: solid;
        border-width: 0px;
        position: relative;
        left: 25px;
        top: 1px;
    }

        .css-regelcontrol-maingrid-zoom:first-of-type[b-nlbn8fu7tn] {
            border-top-width: 1px;
        }
}

.css-regelcontrol-zoom[b-nlbn8fu7tn] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .css-regelcontrol-zoom a[b-nlbn8fu7tn] {
        margin-left: 20px;
        font-size: var(--ivx-fontsize-default);
        margin-bottom: 4px;
    }


.css-regelcontrol-maingrid-selected[b-nlbn8fu7tn] {
    background-color: var(--ivx-brandcolor);
    color: white;
    border-color: white;
}
/* /Components/Klant/Start/Afspraak/TijdstipControl.razor.rz.scp.css */

.css-regelcontrol-starttijd[b-q0n042tvvc] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    overflow: hidden;
    padding-right: 4px;
}

    .css-regelcontrol-starttijd p[b-q0n042tvvc] {
        margin: unset;
    }

/* /Components/Klant/Start/StartHostDialog.razor.rz.scp.css */
.css-klant-start-maingrid[b-jf4u7z12jx] {
    display: grid;
    background-color: white;
    grid-template-rows: 60px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}

.css-klant-topcontrol-placing[b-jf4u7z12jx] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:900px){
    .css-klant-startbody-placing[b-jf4u7z12jx] {
        display: block;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 3;
        width: 100%;
        height: 100%;
        /*    z-index: 5; */
        overflow-y: scroll;
    }

    /* basis instellingen voor ieder menu buttonvlak.*/
    .css-klant-start-menu[b-jf4u7z12jx] {
        display: block;
        align-items: center;
        justify-content: center;
        background-color: var(--ivx-brandcolor);
        border-style: solid;
        border-color: white;
        border-width: 1px 0 1px 0; /* top right bottom left*/
        color: white;
        width: 100%;
        height: 267px;
        position: relative;
    }

    .css-klant-start-menu-first[b-jf4u7z12jx] {
        margin-top: 25px;
    }

    .css-klant-start-afspraak[b-jf4u7z12jx] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-style: solid;
        border-color: white;
        border-width: 1px 0 1px 0; /* top right bottom left*/
        width: 100%;
        min-height: 100px;
        position: relative;
    }

}
@media screen and (min-width:901px){

    .css-klant-startbody-placing[b-jf4u7z12jx] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-evenly;
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 3;
        width: 100%;
        height: 100%;
        /*    z-index: 5; */
        overflow-y: scroll;
    }

    /* basis instellingen voor ieder menu buttonvlak.*/
    .css-klant-start-menu[b-jf4u7z12jx] {
        display: block;
        align-items: center;
        justify-content: center;
        background-color: var(--ivx-brandcolor);
        border-style: solid;
        border-color: white;
        border-width: 1px 1px 1px 1px; /* top right bottom left*/
        color: white;
        width: 45%;
        height: 267px;
        position: relative;
        margin-top: 25px;
    }

    .css-klant-start-afspraak[b-jf4u7z12jx] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        background-color: white;
        border-style: solid;
        border-color: white;
        border-width: 1px 1px 1px 1px; /* top right bottom left*/
        width: 100%;
        min-height: 100px;
        position: relative;
        margin-top: 25px;
    }
}



.css-klant-start-menu-planning[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/mijn agenda app.jpg");
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
}
.css-klant-start-menu-workout[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/mijn workout app.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.css-klant-start-menu-foundation[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/mijn foundation app.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.css-klant-start-menu-challenge[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/mijn challenge app.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.css-klant-start-menu-subscription[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/mijn abonnement app.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.css-klant-start-menu-fooddiary[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/eetdagboekje app.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.css-klant-start-menu-tools[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/tools.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.css-klant-start-menu-recipes[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/recepten app.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.css-klant-start-menu-bbbonline[b-jf4u7z12jx] {
    background-image: url("/Images/startmenu/bbb online.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*position absolute vereist dat de parent position: relative is.*/
.css-klant-start-caption[b-jf4u7z12jx] {
    display: inline-block;
    font-size: var(--ivx-fontsize-large);
    font-weight: 300;
    margin-top: unset;
    margin-bottom: unset;
    cursor: default;
    color: var(--ivx-brandcolor-text);
    background-color: var(--ivx-brandcolor);
    position: absolute;
    left: 25px;
    bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
}
/* /Components/Klant/Workout/WorkoutComponent.razor.rz.scp.css */
.css-klant-workout-header[b-d2ykbg2rve] {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
}

    .css-klant-workout-header h3[b-d2ykbg2rve]{
        display:inline-block;
        position:relative;
    }


.css-klant-exercise-descriptions[b-d2ykbg2rve] {
    display: block;
    text-align: center;
    width: 100%;
}

.css-item-exercise-video[b-d2ykbg2rve] {
    margin: auto; /* met margin:auto zorg je voor automatisch centreren. */
}

    .css-item-exercise-video iframe[b-d2ykbg2rve] {
        border: 0;
        width: 320px;
        height: 180px;
        margin-bottom: 15px;
    }

@media (min-width:1240px) and (min-height:750px) {
    .css-item-exercise-video iframe[b-d2ykbg2rve] {
        border: 0;
        width: 720px;
        height: 405px;
    }
}

@media (min-width:1280px) and (min-height:800px) {
    .css-item-exercise-video iframe[b-d2ykbg2rve] {
        border: 0;
        width: 800px;
        height: 450px;
    }
}

@media (min-width:1300px) {
    .css-item-exercise-video iframe[b-d2ykbg2rve] {
        border: 0;
        width: 800px;
        height: 450px;
    }
}

@media (min-width:1450px) {
    .css-item-exercise-video iframe[b-d2ykbg2rve] {
        border: 0;
        width: 960px;
        height: 540px;
    }
}

/* /Components/Klant/Workout/WorkoutHostDialog.razor.rz.scp.css */
.css-klant-workout-maingrid[b-6rd47vcd42] {
    display: grid;
    background-color: white;
    grid-template-rows: 60px 40px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor);
    width: 100%;
    height: 100%;
}

.css-klant-topcontrol-placing[b-6rd47vcd42] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}


.css-klant-workouttabs-placing[b-6rd47vcd42] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-tabpage-bordercolor);
}


/* main flexbox waarin we alle controls onder elkaar plaatsen.*/
.css-klant-workout-placing[b-6rd47vcd42] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start; 
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
/* /Components/Main/CreateAccountComponent.razor.rz.scp.css */
.message-paragraph[b-07gcz5sqrs] {
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;

}

.css-createaccount-dialog-placing[b-07gcz5sqrs] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow-y: none;
}

.css-createaccount-dialog[b-07gcz5sqrs] {
    width: 350px;
    height: auto;
    min-height: 400px;
    line-height: var(--ivx-lineheight-cards);
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-captions-color);
}
/* /Components/Main/DataStoreInit.razor.rz.scp.css */
.css-datastoreinit-dialog-placing[b-r1rdgcs1py] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow-y: none;
}

.css-datastoreinit-dialog[b-r1rdgcs1py] {
    width: 350px;
    height: 600px;
    line-height: var(--ivx-lineheight-cards);
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-captions-color);
}

.message-paragraph[b-r1rdgcs1py] {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}
/* /Components/Main/LoginComponent.razor.rz.scp.css */
.e-dialog .e-dlg-header-content[b-8yrgwxf503] {
    background-color: white;
}


.css-header[b-8yrgwxf503] {
    color: var(--ivx-topcontrolforeground);
    font-size: 100%;
    margin-left: 10px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}


.css-login-dialog-placing[b-8yrgwxf503] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow-y: none;
}

@media screen and (min-width:375px) {
    .css-login-dialog[b-8yrgwxf503] {
        width: 350px;
        height: 500px;
        line-height: var(--ivx-lineheight-cards);
        border-style: solid;
        border-width: 1px;
        border-color: var(--ivx-captions-color);
    }
}

@media screen and (max-width:374px) {
    .css-login-dialog[b-8yrgwxf503] {
        width: 95%;
        height: 400px;
        line-height: var(--ivx-lineheight-cards);
        border-style: solid;
        border-width: 1px;
        border-color: var(--ivx-captions-color);
    }
}
/* /Components/Main/MainHost.razor.rz.scp.css */
.ivx_app_maingrid[b-boevlyz73n] {
    display: grid;
    background-color: white;
    width: 100%;
    height: 100%;
    grid-template-rows: 60px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


.ivx_app_maingrid_login[b-boevlyz73n] {
    display: grid;
    background-color: white;
    width: 100%;
    height: 100%;
    grid-template-rows: 120px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
/* /Components/Main/MainHostPasswordReset.razor.rz.scp.css */
.css-maingrid[b-y0sqz0rt9i] {
    display: grid;
    background-color: white;
    width: 100%;
    height: 100%;
    grid-template-rows: 50px 1fr 16px;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.css-copyright[b-y0sqz0rt9i] {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    padding-left: 10px;
    font-size: small;
    font-weight: 200;
    display: flex;
    align-items: flex-start;
    color: black;
}



/* /Components/Main/MasterAccountSelectComponent.razor.rz.scp.css */
.css-dialog-placing[b-u36ihcgcfl] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow-y: none;
}

.css-dialog[b-u36ihcgcfl] {
    width: 350px;
    height: 600px;
    line-height: var(--ivx-lineheight-cards);
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-captions-color);
}

.css-studiocomponent[b-u36ihcgcfl] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 98%;
    max-width: 500px;
    height: 50px;
    min-height: 50px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 6px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor);
    background-color: var(--ivx-brandcolor);
    cursor: pointer;
}

    .css-studiocomponent p[b-u36ihcgcfl] {
        margin-top: unset;
        margin-bottom: unset;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Main/PasswordComponent.razor.rz.scp.css */

.e-dialog .e-dlg-header-content[b-m3mrbjy2kk] {
    background-color: white;
}

.css-header[b-m3mrbjy2kk] {
    color: var(--ivx-topcontrolforeground);
    font-size: 100%;
    margin-left: 10px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}


.css-password-dialog-placing[b-m3mrbjy2kk] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    overflow-y: none;
}

@media screen and (min-width:375px) {
    .css-password-dialog[b-m3mrbjy2kk] {
        width: 350px;
        height: 600px;
        line-height: var(--ivx-lineheight-cards);
        border-style: solid;
        border-width: 1px;
        border-color: var(--ivx-captions-color);
    }
}

@media screen and (max-width:374px) {
    .css-password-dialog[b-m3mrbjy2kk] {
        width: 95%;
        height: 500px;
        line-height: var(--ivx-lineheight-cards);
        border-style: solid;
        border-width: 1px;
        border-color: var(--ivx-captions-color);
    }
}


/* /Components/Main/TopcontrolComponent.razor.rz.scp.css */

@media screen and (max-width:500px) {
    .css-topcontrol-image[b-on70i8rxnu] {
        height: 100px;
    }
}
@media screen and (min-width:501px) and (max-height: 900px) {
    .css-topcontrol-image[b-on70i8rxnu] {
        height: 125px;
    }
}
@media screen and (min-width:501px) and (min-height: 901px) {
    .css-topcontrol-image[b-on70i8rxnu] {
        height: 175px;
    }
}
.css-topcontrol[b-on70i8rxnu] {
    display: flex;
    align-items: center;
    background: var(--ivx-topcontrolbackground);
    color: var(--ivx-topcontrolforeground);
}

.css-topcontrol-logo[b-on70i8rxnu] {
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}