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

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

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

/* /Components/Prospect/Abomodule/Sales/AboSigningForm.razor.rz.scp.css */
.table-body[b-9632vhbqnj] {
    width: 100%;
    vertical-align: top;
    margin-top: 25px;
}

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

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

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

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

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

        .table-instalments tr td:first-child[b-9632vhbqnj] {
            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-9632vhbqnj] {
            vertical-align: top;
            width: auto;
            color: black;
            padding-top: 2px;
            padding-bottom: 2px;
        }

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

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

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

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

.form-buttonrow[b-9632vhbqnj] {
    display: flex;
    height: auto;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    margin-top: 50px;
}
.approve-button[b-9632vhbqnj] {
    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-9632vhbqnj] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.delete-button[b-9632vhbqnj] {
    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-9632vhbqnj] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Prospect/Abomodule/Sales/EsignCard.razor.rz.scp.css */
.esign-maingrid[b-jdhu0i7cfr] {
    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-jdhu0i7cfr] {
    grid-template-rows: repeat(2, minmax(30px, auto));
}
.esign-with-details-payment[b-jdhu0i7cfr] {
    grid-template-rows: repeat(3, minmax(30px, auto));
}


.esign-field[b-jdhu0i7cfr] {
    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-jdhu0i7cfr] {
    grid-column-start: 1;
    grid-column-end: 2;
}

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


.detailcard[b-jdhu0i7cfr] {
    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-jdhu0i7cfr] {
    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-jdhu0i7cfr] {
    width: 100%;
}

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

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

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

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

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

.approve-button[b-jdhu0i7cfr] {
    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-jdhu0i7cfr] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.approve-button-disabled[b-jdhu0i7cfr] {
    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-jdhu0i7cfr] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }


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

.row .caption[b-1rye0469qi] {
    color: var(--ivx-captions-color);
    align-content: center;
}

.taalkeuze[b-1rye0469qi] {
    height: 50px;
}

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

.confirm-button[b-1rye0469qi] {
    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-1rye0469qi] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }

.delete-button[b-1rye0469qi] {
    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-left: 8px;
    margin-bottom: 4px;
    padding: 8px 12px 8px 12px;
    min-height: 45px;
    margin-right: 15px;
}

    .delete-button p[b-1rye0469qi] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Prospect/Abomodule/Sales/PaymentCard.razor.rz.scp.css */
.invoice-maingrid[b-k7bdxjohjd] {
    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-k7bdxjohjd] {
    font-weight: bold;
}
.invoice-with-details[b-k7bdxjohjd] {
    grid-template-rows: repeat(2, minmax(30px, auto));
}

.invoice-with-paymentonly[b-k7bdxjohjd] {
    grid-template-rows: 4px minmax(30px, auto);
}

.invoice-field[b-k7bdxjohjd] {
    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-k7bdxjohjd] {
    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-k7bdxjohjd] {
    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-k7bdxjohjd] {
        margin: unset;
        color: blue;
    }
.failed[b-k7bdxjohjd] {
    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-k7bdxjohjd] {
        margin: unset;
        color: firebrick;
    }

.betaalbutton-placing[b-k7bdxjohjd] {
    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;
}
.icon[b-k7bdxjohjd] {
    grid-column-start: 1;
    grid-column-end: 2;
}
.datum[b-k7bdxjohjd] {
    grid-column-start: 2;
    grid-column-end: 3;
}

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

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

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

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

.paymentrecords-body[b-k7bdxjohjd] {
    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-k7bdxjohjd] {
    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-k7bdxjohjd] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }
/* /Components/Prospect/Abomodule/Sales/ProspectForm.razor.rz.scp.css */

.css-prospectform-placing[b-s6p1o94kik] {
    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-prospectform-container[b-s6p1o94kik] {

    width: 100%;
    margin-top: 25px;
    max-width: 600px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 25px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
}


.errorwebaccount[b-s6p1o94kik] {
    border-style: solid;
    border-width: 1px;
    border-color: darkred;
    background-color: #ffe6e6;
}

.css-downloadbutton[b-s6p1o94kik] {
    width: 85px;
    height: 85px;
    background: none;
    border: none;
}

    .css-downloadbutton img[b-s6p1o94kik] {
        vertical-align: middle;
        border-style: none;
    }
/* /Components/Prospect/Abomodule/Sales/ProspectShortForm.razor.rz.scp.css */

.css-prospectform-placing[b-2de3rwxeyb] {
    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-prospectform-container[b-2de3rwxeyb] {

    width: 100%;
    margin-top: 25px;
    max-width: 600px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 25px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
}


.errorwebaccount[b-2de3rwxeyb] {
    border-style: solid;
    border-width: 1px;
    border-color: darkred;
    background-color: #ffe6e6;
}

.css-downloadbutton[b-2de3rwxeyb] {
    width: 85px;
    height: 85px;
    background: none;
    border: none;
}

    .css-downloadbutton img[b-2de3rwxeyb] {
        vertical-align: middle;
        border-style: none;
    }
/* /Components/Prospect/Abomodule/Sales/VerkoopHostDialog.razor.rz.scp.css */
.css-prospect-verkoop-maingrid[b-sv99j6bbxt] {
    display: grid;
    background-color: white;
    grid-template-rows: minmax(60px,auto) minmax(25px,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-prospect-topcontrol-placing[b-sv99j6bbxt] {
    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%;
}

.new-body-placing[b-sv99j6bbxt] {
    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-sv99j6bbxt] {
    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-sv99j6bbxt] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow-y: hidden;
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: auto;
}
/* /Components/Prospect/Generic/BrandButtonControl.razor.rz.scp.css */

.css-buttoncontrol-defaultgreen[b-k7ubppl59j] {
    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-k7ubppl59j] {
        margin: unset;
        color:white;
        cursor: pointer;
        text-align: center;
    }


.css-buttoncontrol-defaultgreen-disabled[b-k7ubppl59j] {
    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-k7ubppl59j] {
        margin: unset;
        color: white;
        text-align: center;
    }


.css-buttoncontrol-defaultrose[b-k7ubppl59j] {
    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-k7ubppl59j] {
        margin: unset;
        color: white;
        cursor: pointer;
        text-align: center;
    }


.css-buttoncontrol-defaultrose-disabled[b-k7ubppl59j] {
    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-k7ubppl59j] {
        margin: unset;
        color: white;
        text-align: center;
    }

/* /Components/Prospect/Generic/ButtonContainer.razor.rz.scp.css */
.css-container-horizontal[b-ejdvhc6jzj] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 60px;
}

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

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


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

    .css-formcontainer div.row[b-6yexe606dv] {
        padding: 15px 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
/* /Components/Prospect/Generic/ProspectTopControl.razor.rz.scp.css */
.css-klant-topcontrol-maingrid[b-qds098es6r] {
    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: 0px;
    border-color: white;
    width: 100%;
    height: 100%;
}

.css-klant-hamburgermenu-placing[b-qds098es6r] {
    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-qds098es6r] {
    background-color: var(--ivx-brandcolor);
    margin: unset;
    margin-top: 5px;
    width: 50px;
    height: 50px;
}

/* Klantnaam vlak. */
.css-klant-topcontrol-naam[b-qds098es6r] {
    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-qds098es6r] {
        font-size: x-large;
        height: 25px;
        margin-top: unset;
        margin-bottom: unset;
        color: white;
    }


.css-klant-topcontrol-logoplacing[b-qds098es6r] {
    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-qds098es6r] {
    width: auto;
    height: 100%;
    background-color: var(--ivx-brandcolor);
    padding-top: 5px;
    padding-right: 5px;
}

.css-klant-topcontrol-logoimage[b-qds098es6r] {
    width: 50px;
    height: 50px;
}
/* /Components/Prospect/Generic/StudioComponent.razor.rz.scp.css */
.css-studiocomponent[b-k1ux42axsi] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    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;
    cursor: pointer;
    background-color: white;
    border:none;
}

    .css-studiocomponent p[b-k1ux42axsi] {
        margin-top: unset;
        margin-bottom: unset;
        cursor: pointer;
        text-align: center;
        font-size: 1.25rem;
    }
/* /Components/Prospect/Generic/StudioSelectorComponent.razor.rz.scp.css */
.css-studioselector-placing[b-9hg853zd4u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 4;
    padding-top: 5px;
    overflow-y:auto;
}

@media screen and (min-width: 1000px) {
    .css-studioselector-placing[b-9hg853zd4u] {
        grid-column-start: 5;
        grid-column-end: 9;
    }
}

.css-studioselector-image[b-9hg853zd4u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 4;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: hidden;
}
@media screen and (min-width: 1000px) {
    .css-studioselector-image[b-9hg853zd4u] {
        visibility: visible;
    }
}

.css-header[b-9hg853zd4u] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 25px;
}

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

.css-intro[b-9hg853zd4u] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .css-intro p[b-9hg853zd4u] {
        margin-top: unset;
        margin-bottom: unset;
        text-align: center;
        line-height: 1.5;
    }
/* /Components/Prospect/Proefles/OptionButton.razor.rz.scp.css */
.css-tijdbutton[b-b1ow0m7kq9] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 180px;
    height: 40px;
    background-color: white;
    border-radius: 6px;
    margin-left: 5px;
    border-color: var(--ivx-brandcolor);
    border-style: solid;
    border-width: 1px;
    margin-top: 5px;
}

    .css-tijdbutton p[b-b1ow0m7kq9] {
        margin-top: unset;
        margin-bottom: unset;
    }


/* /Components/Prospect/Proefles/OptionsListComponent.razor.rz.scp.css */

.css-toolbar-placing[b-ukff8qh1av] {
    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: auto;
    overflow-y: auto;
}
.css-toolbar[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90%;
    height: auto;
    padding-left: 5px;
    justify-content:flex-start;
}

.css-optionslist-placing[b-ukff8qh1av] {
    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;
}


.css-studiocomponent[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--ivx-brandcolor);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .css-studiocomponent p[b-ukff8qh1av] {
        margin-top: unset;
        margin-bottom: unset;
        color: var(--ivx-brandcolor);
        font-size: 2em;
        text-align: center;
    }

.css-header[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}
    .css-header h3[b-ukff8qh1av] {
        margin-top: unset;
        margin-bottom: unset;
        text-align: center;
        font-family: "Christnolan",serif;
        font-size: 72px;
    }

.css-intro[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .css-intro p[b-ukff8qh1av] {
        margin-top: unset;
        margin-bottom: unset;
        text-align: center;
        line-height: 1.5;
    }
.css-maand-row[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: auto;
    padding-top: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
}
.css-maanddisplay[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    background-color: white;
    padding-bottom: 10px;
}

    .css-maanddisplay p[b-ukff8qh1av] {
        margin-top: unset;
        margin-bottom: unset;
        font-family: "Christnolan",serif;
        font-size: 72px;
    }

.css-datumrow[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    padding-top: 5px;
    margin-top: 5px;

}

.css-datumdisplay[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    background-color: var(--ivx-brandcolor);
    border-radius: 6px;
}
.css-datumdisplay p[b-ukff8qh1av] {
    margin-top: unset;
    margin-bottom: unset;
}

.css-tijdenrow[b-ukff8qh1av] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

/* /Components/Prospect/Proefles/ProeflesAfspraakComponent.razor.rz.scp.css */
.css-studiocomponent[b-z4g916ogjt] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--ivx-brandcolor);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .css-studiocomponent p[b-z4g916ogjt] {
        margin-top: unset;
        margin-bottom: unset;
        color: var(--ivx-brandcolor);
        font-size: 2em;
    }


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

    .css-header h3[b-z4g916ogjt] {
        margin-top: unset;
        margin-bottom: unset;
    }


.css-datumtijd[b-z4g916ogjt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
    background-color: unset;
    padding-top: 25px;
    padding-bottom: 10px;
}

    .css-datumtijd p[b-z4g916ogjt] {
        font-size: 1.25em;
    }
/* /Components/Prospect/Proefles/ProeflesBevestigingComponent.razor.rz.scp.css */
.css-confirmation-placing[b-t3e97b3tq4] {
    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;
}



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

    .css-header h3[b-t3e97b3tq4] {
        margin-top: unset;
        margin-bottom: unset;
    }


.css-intro[b-t3e97b3tq4] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .css-intro p[b-t3e97b3tq4] {
        margin-top: unset;
        margin-bottom: unset;
        font-style: italic;
        text-align: center;
        line-height: 2;
    }


.css-studiocomponent[b-t3e97b3tq4] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--ivx-brandcolor);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
    background-color: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .css-studiocomponent p[b-t3e97b3tq4] {
        margin-top: unset;
        margin-bottom: unset;
        color: var(--ivx-brandcolor);
        font-size: 2em;
    }

.css-datumtijd[b-t3e97b3tq4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    border: unset;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor);
    background-color: unset;
    padding-top: 25px;
    padding-bottom: 10px;
}

    .css-datumtijd p[b-t3e97b3tq4] {
        font-size: 1.25em;
    }
/* /Components/Prospect/Proefles/ProeflesForm.razor.rz.scp.css */
.css-toolbar-placing[b-neao2znfhw] {
    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: auto;
    overflow-y: auto;
    padding-left: 30px;
}

.css-toolbar[b-neao2znfhw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 5px;
    justify-content: flex-start;
}


.css-proeflesform-placing[b-neao2znfhw] {
    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;
}

.css-proeflesform-container[b-neao2znfhw] {

    width: 100%;
    margin-top: 25px;
    overflow-y: scroll;
    overflow-x: auto;
    padding-left: 25px;
    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/Prospect/Proefles/ProeflesHostDialog.razor.rz.scp.css */
.css-klant-proefles-maingrid[b-gq6uygrwoh] {
    display: grid;
    background-color: white;
    grid-template-rows: minmax(60px,auto) minmax(25px,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-gq6uygrwoh] {
    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-proeflesafspraken-placing[b-gq6uygrwoh] {
    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;
}

/* /Components/Prospect/ProspectMainHost.razor.rz.scp.css */
body[b-xqymfj9bx9] {
}
/* /Components/Prospect/Sales/AbonnementForm.razor.rz.scp.css */
.css-form-placing[b-xcsdxvtwwt] {
    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;
}

.css-form-container[b-xcsdxvtwwt] {
    width: 100%;
    height: 100%;
    max-width: 600px;
    margin-top: 25px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 25px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-captions-color);
}

.buttoncontainer[b-xcsdxvtwwt] {
    width: 100%;
    height: auto;
    margin-top: 25px;
}
/* /Components/Prospect/Sales/AccountForm.razor.rz.scp.css */
.css-toolbar-placing[b-mippk8n80c] {
    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: auto;
    overflow-y: auto;
    padding-left: 30px;
}

.css-toolbar[b-mippk8n80c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 5px;
    justify-content: flex-start;
}


.css-prospectform-placing[b-mippk8n80c] {
    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;
}

.css-prospectform-container[b-mippk8n80c] {

    width: 100%;
    margin-top: 25px;
    max-width: 600px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 25px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
}

.css-downloadbutton[b-mippk8n80c] {
    width: 85px;
    height: 85px;
    background: none;
    border: none;
}

    .css-downloadbutton img[b-mippk8n80c] {
        vertical-align: middle;
        border-style: none;
    }
/* /Components/Prospect/Sales/ConfirmationForm.razor.rz.scp.css */
.css-toolbar-placing[b-8o9kxzwds2] {
    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: auto;
    overflow-y: auto;
    padding-left: 30px;
}

.css-toolbar[b-8o9kxzwds2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 5px;
    justify-content: flex-start;
}


.css-confirmform-placing[b-8o9kxzwds2] {
    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;
}

.css-confirmform-container[b-8o9kxzwds2] {
    width: 100%;
    margin-top: 25px;
    max-width: 600px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 25px;
    padding-right: 10px;
    line-height: var(--ivx-lineheight-cards);
}

.css-text-positive[b-8o9kxzwds2] {
    padding: 6px;
    background-color: #e6ffee;
}

.css-text-negative[b-8o9kxzwds2] {
    padding: 6px;
    background-color: #ffe6e6;
}
/* /Components/Prospect/Sales/VerkoopHostDialog.razor.rz.scp.css */
.css-prospect-verkoop-maingrid[b-xsxp2kbvio] {
    display: grid;
    background-color: white;
    grid-template-rows: minmax(60px,auto) minmax(25px,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-prospect-topcontrol-placing[b-xsxp2kbvio] {
    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/Prospect/Start/StartHostDialog.razor.rz.scp.css */
.css-klant-start-maingrid[b-0x2p5idyvv] {
    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-0x2p5idyvv] {
    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-0x2p5idyvv] {
        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-0x2p5idyvv] {
        display: block;
        align-items: center;
        justify-content: center;
        background-color: var(--ivx-brandcolor);
        border-style: solid;
        border-color: white;
        border-width: 0 0 1px 0; /* top right bottom left*/
        color: white;
        width: 100%;
        height: 267px;
        position: relative;
    }

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

    .css-klant-start-afspraak[b-0x2p5idyvv] {
        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-0x2p5idyvv] {
        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-0x2p5idyvv] {
        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-0x2p5idyvv] {
        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;
    }
}


/*position absolute vereist dat de parent position: relative is.*/
.css-klant-start-caption[b-0x2p5idyvv] {
    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;
}
.css-klant-start-menu-proefles[b-0x2p5idyvv] {
    background-image: url("/Images/startmenu/mijn proefles app.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}