@import '_content/Syntrum.Common.Components/Syntrum.Common.Components.183bqciigd.bundle.scp.css';
@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Authorization/ImpersonationSelectUserPopup.razor.rz.scp.css */
.impersonation-root[b-fvunbzvnm3] {
    padding: 10px;
}
/* /Components/Aankoop/BestelbonDetailGrid.razor.rz.scp.css */
.groepering-header-hoofding[b-784tlre0it] {
    background-color: var(--info-achtergrond-kleur) !important;
}
/* /Components/Aanwezigheid/AanwezigheidFilter.razor.rz.scp.css */
.searchfilter-buttonrow[b-buwe7sa947] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Aanwezigheid/LesmomentAanwezigheden.razor.rz.scp.css */
.aanwezighedenContainer[b-m6ctvjz282]{
    overflow-x: auto;
}
.datumSelectie[b-m6ctvjz282] {
    max-width: 300px;
}
.aanwezigheidsHeader[b-m6ctvjz282] {
    display: flex;
    background: linear-gradient(180deg, var(--wit),var(--lichtpaarsgrijs));
}

.lesmomentHeader[b-m6ctvjz282] {
    min-width: 120px;
    max-width: 120px;
    padding: 0px 2px 0px 2px;
    font-weight: 600;
}

    .lesmomentHeader.actief[b-m6ctvjz282] {
        background-color: var(--zeegroen);
        padding: 0px 2px 0px 2px;
        color: var(--wit);
        font-weight: 600;
    }

.lesmomentHeaderDatum[b-m6ctvjz282] {
    min-width: 120px;
    max-width: 120px;
    padding: 5px 5px 0px 0px;
    font-size: smaller;
    font-weight: 600;
    text-align: center;
}

.lesmomentHeaderCount[b-m6ctvjz282] {
    min-width: 120px;
    padding: 15px 5px 10px 20px;
}

.productHeaderOmschrijving[b-m6ctvjz282] {
    min-width: 120px;
    max-width: 120px;
    padding: 5px 5px 0px 0px;
    font-size: smaller;
    font-weight: 400;
    text-align: center;
}
.vakHeaderOmschrijving[b-m6ctvjz282] {
    font-size: smaller;
    text-align: center;
}
.persoonHeaderContainer[b-m6ctvjz282] {
    min-width: 250px;
    padding: 5px 0px 0px 5px;
    font-weight: 600;
    display: block;
    position: sticky;
    left: 0;
}

.aanwezigheidPersoon[b-m6ctvjz282] {
    display: flex;
}

.persoonContainer[b-m6ctvjz282] {
    min-width: 250px;
    gap: 15px;
    display: block;
    padding: 0px 0px 5px 5px;
    background-color: var(--lichtpaarsgrijs);
    /*font-size: smaller;*/
    position: sticky;
    left: 0;
}
.persoonInfoContainer[b-m6ctvjz282] {
    gap: 15px;
    display: flex;
}

.persoonUitschrijving[b-m6ctvjz282] {
    color: var(--oranje);
    font-size: smaller;
    padding: 0px 0px 0px 40px;
    top: 20px;
    position:absolute;
}
.lesmomentInput[b-m6ctvjz282] {
    overflow-x:auto;
}
.lesmomentDetail[b-m6ctvjz282] {
    min-width: 120px;
    max-width: 120px;
    padding: 5px 5px 5px 5px;
    border: solid;
    border-color: var(--lichtpaarsgrijs);
    /*font-size: smaller;*/
}
    .lesmomentDetail.aanwezig[b-m6ctvjz282] {
        background-color: var(--validatie-achtergrond-kleur-groen);
    }

    .lesmomentDetail.afwezig[b-m6ctvjz282] {
        background-color: var(--validatie-achtergrond-kleur);
    }

    .lesmomentDetail.afwezig-met-reden[b-m6ctvjz282] {
        background-color: var(--validatie-achtergrond-kleur-oranje);
    }

.lesmomentDetailedit[b-m6ctvjz282] {
    min-width: 120px;
    max-width: 120px;
    padding: 5px 0px 0px 0px;
    border: solid;
    border-color: var(--lichtpaarsgrijs);
}
    .lesmomentDetailedit.aanwezig[b-m6ctvjz282] {
        border-color: var(--validatie-achtergrond-kleur-groen);
        background-color: var(--validatie-achtergrond-kleur-groen);
    }
    .lesmomentDetailedit.afwezig[b-m6ctvjz282] {
        border-color: var(--validatie-achtergrond-kleur);
        background-color: var(--validatie-achtergrond-kleur);
    }
    .lesmomentDetailedit.afwezig-met-reden[b-m6ctvjz282] {
        border-color: var(--validatie-achtergrond-kleur-oranje);
        background-color: var(--validatie-achtergrond-kleur-oranje);
    }

.cursistTotaalAanwezig[b-m6ctvjz282] {
    font-size: smaller;
    text-align: center;
}

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

.cursist2_3Aanwezig_ja[b-m6ctvjz282]{
    color: var(--status-groen);
}

.cursist2_3Aanwezig_nee[b-m6ctvjz282] {
    color: var(--status-rood);
}

.aanwezigheidsFooter[b-m6ctvjz282] {
    display: flex;
}

.lesmomentFooterDatum[b-m6ctvjz282] {
    min-width: 120px;
    max-width: 120px;
    height: 100%;
    padding: 5px 5px 0px 0px;
    color: var(--wit);
    background-color: var(--donkergrijs);
    font-size: smaller;
}

.lesmomentFooterCount[b-m6ctvjz282] {
    min-width: 120px;
    max-width: 120px;
    padding: 10px 0px 10px 30px;
    color: var(--wit);
    background-color: var(--donkergrijs);
    font-size: smaller;
}

.persoonFooterContainer[b-m6ctvjz282] {
    min-width: 250px;
    color: var(--wit);
    background-color: var(--donkergrijs);
    padding: 10px 0px 0px 5px;
    /*font-size: smaller;*/
}
/* /Components/Budget/BudgetKostItem.razor.rz.scp.css */
.container[b-6opmnjjvm1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px;
    gap: 10px;
    box-shadow: 0px 0px 10px rgba(43, 43, 43, 0.2);
    border-radius: 6px;
}

.cost-items-container[b-6opmnjjvm1]{
    display: flex;
    flex-direction:row;
    align-items: center;
    padding: 6px;
    gap: 10px;
}

.cost-items-header[b-6opmnjjvm1] {
    padding: 0 6px;
    font-size: 18px;
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.iconContainer[b-6opmnjjvm1] {
    background: var(--lichtgrijsmagenta);
    border-radius: 5px;
    padding: 10px;
    margin-left: 5px;
}

.titel[b-6opmnjjvm1] {
    color: var(--donkergrijs);
    opacity: 0.5;
    font-size: 12px;
}

.aantal[b-6opmnjjvm1]{
    color:var(--donkergrijs);
}

.totalText[b-6opmnjjvm1] {
    font-weight: 700;
}

.symbol[b-6opmnjjvm1] {
    color: var(--paars);
}

.sub[b-6opmnjjvm1] {
    vertical-align: sub;
}

p[b-6opmnjjvm1]{
    margin: 0;
}
/* /Components/Budget/BudgetOverzichtDetailItem.razor.rz.scp.css */
.item[b-a2tt4w5hwp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 5px;
    gap: 6px;
    height: 28px;
}

.item.clickable[b-a2tt4w5hwp] {
    cursor: pointer;
}

    .item.clickable:hover[b-a2tt4w5hwp] {
        background-color: var(--oranje);
        color: var(--wit);
    }

p[b-a2tt4w5hwp] {
    margin: 0;
    padding: 5px 0px 5px 0px;
}

.number[b-a2tt4w5hwp] {
    font-weight: 700;
}

.cyanColor[b-a2tt4w5hwp] {
    background: var(--lichtgrijscyaan);
}

.violetColor[b-a2tt4w5hwp] {
    background: var(--lichtgrijsviolet);
}

.paarsColor[b-a2tt4w5hwp] {
    background: var(--donkerpaars);
}

.witColor[b-a2tt4w5hwp] {
    color: var(--wit);
}


.width140[b-a2tt4w5hwp] {
    width: 140px;
}

.width150[b-a2tt4w5hwp] {
    width: 150px;
}

.width170[b-a2tt4w5hwp] {
    width: 170px;
}

.width195[b-a2tt4w5hwp] {
    width: 195px;
}
/* /Components/Budget/BudgetOverzichtItem.razor.rz.scp.css */
.container[b-d6h8mywqdg] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0px;
    margin: 0;
    gap: 10px;
    max-width: 100%;
    width: 100%;
}

.itemContainer[b-d6h8mywqdg] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
}

.inkomsten[b-d6h8mywqdg] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.inkomsten-detail[b-d6h8mywqdg] {
    display: contents;
}

.item[b-d6h8mywqdg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 5px;
    gap: 6px;
    height: 28px;
}

p[b-d6h8mywqdg]{
    margin:0;
    padding: 5px 0px 5px 0px;
}

.number[b-d6h8mywqdg] {
    font-weight: 700;
}

[b-d6h8mywqdg] .chip-root {
    margin: 2px 0 0 0;
}

.cyanColor[b-d6h8mywqdg] {
    background: var(--lichtgrijscyaan);
}

.violetColor[b-d6h8mywqdg] {
    background: var(--lichtgrijsviolet);
}

.paarsColor[b-d6h8mywqdg] {
    background: var(--donkerpaars);
}

.witColor[b-d6h8mywqdg]{
    color: var(--wit);
}

.breakevenValidText[b-d6h8mywqdg]{
    color: var(--donkergroen);
}

.breakevenInvalidText[b-d6h8mywqdg] {
    color: var(--validatie-tekst-kleur);
}

.breakevenValidBackground[b-d6h8mywqdg] {
    background-color: var(--validatie-achtergrond-kleur-groen);
}

.breakevenInvalidBackground[b-d6h8mywqdg] {
    background: var(--validatie-achtergrond-kleur);
}

.breakevenValidIcon[b-d6h8mywqdg] {
    fill: var(--donkergroen);
}

.breakevenInvalidIcon[b-d6h8mywqdg] {
    fill: var(--validatie-tekst-kleur);
}

.breakeven-icon[b-d6h8mywqdg] {
    cursor: pointer;
}

.width215[b-d6h8mywqdg]{
    width: 215px;
}
/* /Components/CoosyComponents/CoosyModuleSelectie.razor.rz.scp.css */
.coosy-module-selectie-root[b-9wwdvs90pk] {
    padding: 30px;
}

.coosy-module-selectie-search[b-9wwdvs90pk] {
    background: linear-gradient(180deg, var(--wit), var(--lichtpaarsgrijs));
    padding: 20px;
}

.coosy-module-selectie-results[b-9wwdvs90pk] {
    margin-top: 20px;
    max-height: 80%;
}
/* /Components/CoosyComponents/CoosyTrajectSelectie.razor.rz.scp.css */
.coosy-traject-selectie-root[b-5h0li4izem] {
    padding: 30px;
}

.coosy-traject-selectie-search[b-5h0li4izem] {
    background: linear-gradient(180deg, var(--wit), var(--lichtpaarsgrijs));
    padding: 20px;
}

.coosy-traject-selectie-results[b-5h0li4izem] {
    margin-top: 20px;
    max-height: 80%;
}
/* /Components/Docent/Algemeen/DocentAlgemeen.razor.rz.scp.css */
.medewerkersRow[b-31197msgn5] {
    margin: 0px 20px 20px 20px;
}

    .medewerkersRow .pills:not(:empty)[b-31197msgn5] {
        margin-bottom: 8px;
    }

    .medewerkersRow .medewerkersPickerWrapper[b-31197msgn5] {
        background-color: var(--lichtgrijs);
    }
/* /Components/Docent/Contractering/DocentContractItemPopup.razor.rz.scp.css */
.docent-contract-popup-vergoeding-item[b-a4njh21cy0] {
    display: flex;
    gap: 10px;
    margin: 10px;
    padding: 0 10px;
    background-color: var(--wit);
    border: 2px solid var(--grijs);
    border-radius: 6px;
}
/* /Components/Docent/Contractering/DocentContractPopup.razor.rz.scp.css */
.docent-contract-popup-body[b-j5o78i60tr] {
    padding: 1rem 2rem 1rem 2rem;
}

.docent-contract-popup-vergoeding[b-j5o78i60tr] {
    background-color: var(--lichtpaarsgrijs);
    border-radius: 6px;
}

.docent-contract-popup-geldig-vanaf[b-j5o78i60tr] {
    padding-left: 10px;
}

.docent-contract-popup-vergoeding-item[b-j5o78i60tr] {
    display: flex;
    gap: 10px;
    margin: 10px;
    padding: 0 10px;
    background-color: var(--wit);
    border: 2px solid var(--grijs);
    border-radius: 6px;
}

.docent-contract-popup-vergoeding-button[b-j5o78i60tr] {
    padding: 0 10px 10px 10px;
}

.docent-contract-popup-vergoeding-cluster[b-j5o78i60tr] {
    display: flex;
    gap: 10px;
    padding: 0 10px;
}

.docent-contract-popup-globale-vergoeding[b-j5o78i60tr] {
    background-color: var(--info-achtergrond-kleur);
    padding: 10px;
    border: 1px solid var(--blauw);
    border-radius: 6px;
}

.docent-contract-popup-globale-vergoeding-title-container[b-j5o78i60tr] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 10px;
}

.docent-contract-popup-globale-vergoeding-title[b-j5o78i60tr] {
    font-weight: bold;
}

p[b-j5o78i60tr] {
    margin: 0;
}
/* /Components/Docent/Contractering/Tarieven/DocentContractTariefAanpassen.razor.rz.scp.css */
.tarief-aanpassen-container[b-h6zdh5l33l] {
    margin: 10px 30px;
    padding: 10px;
}

.tarief-aanpassen-text[b-h6zdh5l33l] {
    align-self: center;
}

.tarief-aanpassen-titel[b-h6zdh5l33l] {
    font-weight: bold;
}

.tarief-aanpassen-tarief[b-h6zdh5l33l] {
    background: var(--lichtpaarsgrijs);
    padding: 10px;
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
}
/* /Components/Docent/Contractering/Tarieven/DocentContractTariefAanpassenBevestiging.razor.rz.scp.css */
.popup-base-root[b-hxuaihok7n] {
}

.popup-base-body[b-hxuaihok7n] {
    margin: 10px;
}

.tarief-container[b-hxuaihok7n] {
    background: var(--lichtpaarsgrijs);
    padding: 0 10px 10px 10px;
}

.tarief-wijzigen-container[b-hxuaihok7n] {
    background: var(--wit);
    border: 1px solid var(--grijs);
    border-radius: 5px;
    padding: 10px;
}

.tarief-wijzigen-text[b-hxuaihok7n] {
    font-weight: bold;
}

.popup-base-buttons[b-hxuaihok7n] {
    padding: 0rem 2rem;
    width: 100%;
    height: 4rem;
}

    .popup-base-buttons > .button-links[b-hxuaihok7n] {
        float: left;
    }

    .popup-base-buttons > .button-rechts[b-hxuaihok7n] {
        float: right;
    }
/* /Components/Docent/DocentSimpleSelectie.razor.rz.scp.css */
.docent-simpel-selectie-filter[b-c1z5xdl2z0] {
    background: linear-gradient(to bottom, var(--wit), var(--lichtpaarsgrijs));
    padding: 20px;
    font-weight: 700;
}

.docent-simpel-selectie-resultaat[b-c1z5xdl2z0] {
    padding: 0px 20px 0px 20px;
}

.docent-simpel-selectie-button-right[b-c1z5xdl2z0] {
    text-align: right;
}
/* /Components/Docent/Historiek/DocentHistoriekPopup.razor.rz.scp.css */
.docent-contract-popup-body[b-xne0j9tpoc] {
    padding: 1rem 2rem 1rem 2rem;
}

.docent-contract-popup-vergoeding[b-xne0j9tpoc] {
    background-color: var(--lichtpaarsgrijs);
    border-radius: 6px;
}

.docent-contract-popup-geldig-vanaf[b-xne0j9tpoc] {
    padding-left: 10px;
}

.docent-contract-popup-vergoeding-item[b-xne0j9tpoc] {
    display: flex;
    gap: 10px;
    margin: 10px;
    padding: 0 10px;
    background-color: var(--wit);
    border: 2px solid var(--grijs);
    border-radius: 6px;
}

.docent-contract-popup-vergoeding-button[b-xne0j9tpoc] {
    padding: 0 10px 10px 10px;
}

.docent-contract-popup-vergoeding-cluster[b-xne0j9tpoc] {
    display: flex;
    gap: 10px;
    padding: 0 10px;
}

.docent-contract-popup-globale-vergoeding[b-xne0j9tpoc] {
    background-color: var(--info-achtergrond-kleur);
    padding: 10px;
    border: 1px solid var(--blauw);
    border-radius: 6px;
}

.docent-contract-popup-globale-vergoeding-title-container[b-xne0j9tpoc] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 10px;
}

.docent-contract-popup-globale-vergoeding-title[b-xne0j9tpoc] {
    font-weight: bold;
}

p[b-xne0j9tpoc] {
    margin: 0;
}
/* /Components/Docent/PersoonlijkeInfo/DocentInzetbaarheidPopup.razor.rz.scp.css */
.docent-contract-popup-body[b-kmtqh7aqsh] {
    padding: 1rem 2rem 1rem 2rem;
}

.docent-contract-popup-vergoeding[b-kmtqh7aqsh] {
    background-color: var(--lichtpaarsgrijs);
    border-radius: 6px;
}

.docent-contract-popup-geldig-vanaf[b-kmtqh7aqsh] {
    padding-left: 10px;
}

.docent-contract-popup-vergoeding-item[b-kmtqh7aqsh] {
    display: flex;
    gap: 10px;
    margin: 10px;
    padding: 0 10px;
    background-color: var(--wit);
    border: 2px solid var(--grijs);
    border-radius: 6px;
}

.docent-contract-popup-vergoeding-button[b-kmtqh7aqsh] {
    padding: 0 10px 10px 10px;
}

.docent-contract-popup-vergoeding-cluster[b-kmtqh7aqsh] {
    display: flex;
    gap: 10px;
    padding: 0 10px;
}

.docent-contract-popup-globale-vergoeding[b-kmtqh7aqsh] {
    background-color: var(--info-achtergrond-kleur);
    padding: 10px;
    border: 1px solid var(--blauw);
    border-radius: 6px;
}

.docent-contract-popup-globale-vergoeding-title-container[b-kmtqh7aqsh] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 10px;
}

.docent-contract-popup-globale-vergoeding-title[b-kmtqh7aqsh] {
    font-weight: bold;
}

p[b-kmtqh7aqsh] {
    margin: 0;
}

.docent-inzetbaarheid-popup-trefwoord-body[b-kmtqh7aqsh]{
    display: flex;
    align-items: center;
    gap: 5px;
}

.docent-inzetbaarheid-popup-body[b-kmtqh7aqsh] {
    padding: 1rem 2rem 1rem 2rem;
}
/* /Components/Docent/PersoonlijkeInfo/DocentPersoonlijkeInfo.razor.rz.scp.css */
.docent-persoonlijke-info[b-v439721z5d]  .row {
    margin-top: 0;
}
/* /Components/Docent/Shared/DocentPageTitleExtraContent.razor.rz.scp.css */
.container-docent-header-items[b-p3qosvd5fr] {
    display: flex;
    gap: 5px;
}
/* /Components/Docent/Sociaal/DocentSociaalGegevenPopup.razor.rz.scp.css */
.docent-sociaal-popup-body[b-imx428izsx] {
    padding: 1rem 2rem 1rem 2rem;
}

.docent-sociaal-partner-body[b-imx428izsx]{
    display: flex;
    align-items: center;
    gap: 5px;
}


[b-imx428izsx] .rz-spinner{
    width: 100%;
}
/* /Components/Evaluatie/EvaluatieGrid.razor.rz.scp.css */
.container-subevaluatie-info[b-ct9drt0wu9] {
    margin: 15px 15px 5px 60px;
    background-color: var(--grijs);
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.subevaluatie-titel[b-ct9drt0wu9] {
    margin: 0 20px;
    font-size: 1.1rem;
    font-weight: 700;
}

.container-cursisten-header[b-ct9drt0wu9] {
    margin: 10px 0 5px 60px;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
}

.container-cursisten-grid[b-ct9drt0wu9] {
    margin: 10px 10px 30px 60px;
}

.zittijd-slagingsscore[b-ct9drt0wu9] {
    width: 50%;
    padding-left: 10px;
    padding-top: 4px;
    border: 2px solid var(--grijs);
    border-radius: 5px;
}

.zittijd-datum[b-ct9drt0wu9] {
    margin-left: 15px;
}

    .zittijd-datum[b-ct9drt0wu9]  .rz-dropdown {
        max-width: 200px;
        text-align: center;
    }

.datum-info[b-ct9drt0wu9] {
    font-weight: 600;
    margin-right: 5px;
}

.grid-header[b-ct9drt0wu9] {
    display: flex;
    background-image: linear-gradient(white, var(--lichtpaarsgrijs));
    min-height: 40px;
    font-weight: 700;
}

.grid-header-cell[b-ct9drt0wu9] {
    width: 12.5%;
    padding: 8px 8px 0 5px;
    border-top: none !important;
    border-bottom: 1px;
    border-right: 1px;
    border-left: 1px;
    border-color: var(--grijs);
    border-style: solid;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grid-row[b-ct9drt0wu9] {
    display: flex;
    height: 40px;
}

.aanvraagwijziging[b-ct9drt0wu9] {
    background-color: var(--validatie-achtergrond-kleur-oranje);
}

.grid-row-cell[b-ct9drt0wu9] {
    width: 12.5%;
    padding: 8px 8px 0 8px;
    border: 1px;
    border-color: var(--grijs);
    border-style: solid;
}


.naam[b-ct9drt0wu9] {
    width: 33%;
    border-left: none;
}

.naam.zit-2[b-ct9drt0wu9] {
    width: 23%;
}

.max-score[b-ct9drt0wu9] {
    max-width: 60px;
    text-align: right;
}

.totaal[b-ct9drt0wu9] {
    max-width: 120px;
    min-width: 100px;
    text-align: right;
}

.wissen[b-ct9drt0wu9] {
    max-width: 50px;    
}

.score[b-ct9drt0wu9] {
    min-width: 140px;
    max-width: 160px;
    text-align: right;
}

    .score.disabled[b-ct9drt0wu9]  .puntingave-root,
    .motivatie.disabled[b-ct9drt0wu9]  button {
        pointer-events: none;
    }

.hd[b-ct9drt0wu9] {
    width: 20%;
}

[class*="definitief"][b-ct9drt0wu9] {
    width: 48px;
}

.motivatie.ingevuld[b-ct9drt0wu9] {
    background-color: var(--groen-opacity);
}

.grid-row-cell.naam[b-ct9drt0wu9] {
    font-weight: 700;
    padding-left: 3px;
}

.grid-row-cell.hd[b-ct9drt0wu9],
.grid-row-cell.score[b-ct9drt0wu9],
.grid-row-cell.datum[b-ct9drt0wu9] {
    display: flex;
    align-items: center;
    padding: 1px 2px;
    font-size: 16px;
}

    .grid-row-cell.hd[b-ct9drt0wu9]  .rz-dropdown,
    .grid-row-cell.score[b-ct9drt0wu9]  .puntingave-root .puntingave-label {
        width: 100%;
        border: none;
        padding: 0 5px;
        text-align: right;
        align-items: center;
        padding-right: 20px;
    }

    .grid-row-cell.hd[b-ct9drt0wu9]  .rz-dropdown {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        
    }

    .grid-row-cell.score[b-ct9drt0wu9]  .puntingave-root {
        width: 100%;
    }

    .grid-row-cell.score[b-ct9drt0wu9]  .puntingave-numeric input {
        text-align: right;
        font-size: 16px;
    }

.grid-row-cell.motivatie[b-ct9drt0wu9]  .button-link,
.grid-row-cell.wissen[b-ct9drt0wu9]  .button-link {
    padding-bottom: 20px;
}

[b-ct9drt0wu9] .rz-inputtext, [b-ct9drt0wu9] .rz-dropdown-item {
    font-size: 16px;
}

[b-ct9drt0wu9] .rz-datepicker input {
    text-align: center;
}

.tijdstip-ontbreekt[b-ct9drt0wu9] {
    border: 2px solid var(--rood);
    padding: 2px 10px;
    background-color: var(--rood-opacity);
}

@media (max-width: 1700px) {
    .naam[b-ct9drt0wu9] {
        max-width: 20%;
        min-width: 120px;
    }   

    .datum.zit-2[b-ct9drt0wu9] {
        min-width: 110px;
    }

    .hd[b-ct9drt0wu9] {
        max-width: 155px;
        min-width: 100px;
    }

        .hd[b-ct9drt0wu9]  .rz-inputtext {
            width: 100%;
        }

    .hd.zit-2[b-ct9drt0wu9] {
        max-width: 110px;
    }

    .motivatie.zit-2[b-ct9drt0wu9] {
        max-width: 70px;
    }

    .motivatie.zit-2[b-ct9drt0wu9]  .button-content {
        display: none;
    }
}

@media (max-width: 1400px) {
    .naam[b-ct9drt0wu9] {
        max-width: 17%;
        min-width: 17%;
    }  

    .datum.zit-2[b-ct9drt0wu9] {
        max-width: 100px;
        min-width: 100px;
    }

    .score zit-2[b-ct9drt0wu9] {
        min-width: 110px;
    }

    .motivatie.zit-2[b-ct9drt0wu9] {
        max-width: 40px;
    }

    .motivatie[b-ct9drt0wu9]  .button-content {
        display: none;
    }

    .max-score[b-ct9drt0wu9] {
        min-width: 60px;
    }
    .hd[b-ct9drt0wu9] {
        max-width: 100px;
        min-width: 100px;
    }
        .hd.zit-2[b-ct9drt0wu9] {
            max-width: 90px;
            min-width: 90px;
        }
    [class*="definitief"].zit-2[b-ct9drt0wu9] {
        max-width: 40px;
    }
}

@media (max-width: 992px) {
    .naam[b-ct9drt0wu9] {
        max-width: 100px;
    }

    .score[b-ct9drt0wu9] {
        max-width: 120px;
    }

    .score.zit-2[b-ct9drt0wu9] {
        min-width: 100px;
    }

    .max-score[b-ct9drt0wu9] {
        max-width: 50px;
    }

    .hd[b-ct9drt0wu9] {
        max-width: 80px;
    }
        .hd.zit-2[b-ct9drt0wu9] {
            min-width: 75px;
        }

    .motivatie[b-ct9drt0wu9] {
        max-width: 40px;
    }

        .motivatie.zit-2[b-ct9drt0wu9] {
            min-width: 40px;
        }

    [class*="definitief"][b-ct9drt0wu9] {
        min-width: 35px;
    }

    .totaal.zit-2[b-ct9drt0wu9] {
        min-width: 85px;
    }

    .grid-row[b-ct9drt0wu9], .grid-header[b-ct9drt0wu9],
    [b-ct9drt0wu9] input, [b-ct9drt0wu9] .rz-inputtext, [b-ct9drt0wu9] .rz-dropdown-label.rz-inputtext,
    .grid-row-cell.score[b-ct9drt0wu9],
    .grid-row-cell.score[b-ct9drt0wu9]  .puntingave-numeric input,
    .container-cursisten-header[b-ct9drt0wu9] {
        font-size: 12px;
    }   
    
}
/* /Components/Kalender/SISKalenderDagdelen.razor.rz.scp.css */
/* SISKalenderDagdelen.css */

/* Container voor dagdeel input rij */
.dagdeel[b-wesfsug41y] {
    display: flex;
    gap: 0.5rem; /* ruimte tussen Van en Tot */
    align-items: center;
}

/* Kleine time input styling */
.time-input-sm input[b-wesfsug41y] {
    height: 30px;
    font-size: 0.85rem;
    padding: 2px 6px;
    max-width: 80px;
}

/* Optioneel: dagdeel container voor layout consistentie */
.dagdelen-container[b-wesfsug41y] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

/* margin-bottom 1 voor inputs (mb-1) */
.time-input-sm .mb-1[b-wesfsug41y] {
    margin-bottom: 0.25rem; /* equivalente van bootstrap mb-1 */
}
/* /Components/Kalender/SISKalenderDagdelenAfwijkingCampus.razor.rz.scp.css */
/* Algemene container voor titel en content */
.campus-afwijkingen .titel-wrapper[b-je4rxsdobd] {
    display: flex;
    justify-content: flex-start;
    padding-left: 2rem; /* duwt de titel iets naar rechts */
    margin-bottom: 0.5rem;
}

/* Titel van de campus */
.campus-title[b-je4rxsdobd] {
    margin-left: 0; /* verwijdert default h6 margin */
    padding-left: 2rem; /* lijn uit met de hoofdtitel */
}

/* Lijst van campussen */
.campus-list[b-je4rxsdobd] {
    padding-left: 0;
    margin: 0;
}

/* Header van de campus met naam en chevron knop */
.campus-header[b-je4rxsdobd] {
    cursor: pointer;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--grijs);
}

.campus-header[b-je4rxsdobd]  .icon-button {
    max-height: 28px;
    padding: 0;
    margin: 0;
}

/* Naam van de campus (indien extra indent gewenst) */
.campus-name[b-je4rxsdobd] {
    margin-left: 0.5rem;
}

/* Container voor de collapsable chevron knop */
.collapsable-container-collapsebutton[b-je4rxsdobd] {
    display: flex;
    align-items: center;
}

/* Detail tekst onder de uitgeklapte campus */
.campus-detail[b-je4rxsdobd] {
    margin-left: 2rem; /* iets verder ingesprongen */
    font-style: italic;
    color: #555;
}

/* Weeklijst van een campus */
.campus-afwijking-weeklijst[b-je4rxsdobd] {
    margin-left: 1rem; /* extra indent t.o.v. campus-item */
    padding: 0.5rem 1rem;
    background-color: var(--lichtpaarsgrijs); /* lichte achtergrond */
    border-radius: 6px;
    border: 1px solid #eee;
}

.campus-block.border[b-je4rxsdobd] {
    border-left: 0 !important;
    border-right: 0 !important;
}


[b-je4rxsdobd] h5 {
    margin-bottom: 5px;
}

h6[b-je4rxsdobd] {
    font-weight: 800;
}
/* /Components/Kalender/SISKalenderSluitingsdagen.razor.rz.scp.css */
.calendar[b-maozk6kgfa] {
    display: flex;
    flex-direction: column;
    gap: 8px; /* verticale gap tussen maanden */
}

.month[b-maozk6kgfa] {
    border: 1px solid #ccc;
    padding: 6px;
}

/* Flex container per maand: maandnaam + dagen */
.month-row[b-maozk6kgfa] {
    display: flex;
    align-items: flex-start;
    gap: 12px; /* ruimte tussen maandnaam en dagen */
}

/* Wrapper voor maand + jaar */
.month-name-wrapper[b-maozk6kgfa] {
    display: flex;
    justify-content: center; /* horizontaal centreren */
    align-items: center; /* verticaal centreren */
    width: 140px; /* vaste breedte voor uitlijning */
    flex-shrink: 0;
    height: 50px;
}

.month-name-text[b-maozk6kgfa] {
    white-space: nowrap; /* voorkom wrap */
    text-align: center;
    font-weight: bold;
    display: inline-block;
}

.days-row[b-maozk6kgfa] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap; /* meerdere rijen als nodig */
}

.day[b-maozk6kgfa] {
    width: 40px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}

    .day.empty[b-maozk6kgfa] {
        border: none;
        background: transparent;
        cursor: default;
    }

.day-name[b-maozk6kgfa] {
    font-size: 0.7rem;
    color: #444;
}

.day-number[b-maozk6kgfa] {
    font-weight: 600;
}

/* Kleuren per SluitingType */
.day.sluiting-zondag[b-maozk6kgfa] {
    background-color: var(--sluiting-zondag);
    color: var(--sluiting-zondag-tekst);
}

.day.sluiting-algemeen[b-maozk6kgfa] {
    background-color: var(--sluiting-algemeen);
}

.day.sluiting-campus[b-maozk6kgfa] {
    background-color: var(--sluiting-campus);
}

.day.sluiting-stelsel[b-maozk6kgfa] {
    background-color: var(--sluiting-stelsel);
}

.day.sluiting-campusenstelsel[b-maozk6kgfa] {
    background-color: var(--sluiting-campus-stelsel);
}

/* Legende */
.calendar-legend[b-maozk6kgfa] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
    position: sticky;
    bottom: 60px;
    background-color: var(--lichtpaarsgrijs);
    width: 100%;
    padding: 15px;
}

.calendar-legend-item[b-maozk6kgfa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.calendar-legend-color[b-maozk6kgfa] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.legend-algemeen[b-maozk6kgfa] {
    background-color: var(--sluiting-algemeen);
}

.legend-campus[b-maozk6kgfa] {
    background-color: var(--sluiting-campus);
}

.legend-stelsel[b-maozk6kgfa] {
    background-color: var(--sluiting-stelsel);
}

.legend-campus-stelsel[b-maozk6kgfa] {
    background-color: var(--sluiting-campus-stelsel);
}

.legend-zondag[b-maozk6kgfa] {
    background-color: var(--sluiting-zondag);
}
/* /Components/Kalender/SISKalenderWeekDagdelen.razor.rz.scp.css */
/* ===========================
   Week headers en Van/Tot-rijen
   =========================== */
.week-headers[b-62wr059idt],
.week-van-tot[b-62wr059idt] {
    display: flex;  
}

    .week-headers > .dagnaam[b-62wr059idt],
    .week-van-tot > .dagnaam[b-62wr059idt] {
        width: 120px; /*zelfde als dagnaam kolom*/
    }

    /* Centrer de dagdelen headers */
    .week-headers > div:not(.dagnaam)[b-62wr059idt],
    .week-van-tot > div:not(.dagnaam)[b-62wr059idt] {
        flex: 1;
        text-align: center;
    }

.dag-header[b-62wr059idt] {
    background: linear-gradient(180deg, var(--wit),var(--lichtpaarsgrijs));
}

.dag-delen[b-62wr059idt], .dag-van-tot[b-62wr059idt] {
    display: flex;
    justify-content: space-evenly;
    border-bottom: 1px solid var(--grijs);
    background: linear-gradient(180deg, var(--wit),var(--lichtpaarsgrijs));
    font-weight: 800;
}

    .dag-deel[b-62wr059idt], .dag-van-tot div[b-62wr059idt] {
        border-right: 1px solid var(--grijs);
        height: 32px;
    }

        .dag-van-tot div[b-62wr059idt] {
            text-align: left;
            padding-left: 5px;            
        }

    .dag-delen div:last-child[b-62wr059idt],
    .dag-van-tot div:last-child[b-62wr059idt],
    .dag-van-tot .van-tot:last-child div[b-62wr059idt] {
        border-right: none;
    }

/* Van / Tot labels */
.van-tot[b-62wr059idt] {
    border-right: 1px solid var(--grijs);
}

.van-tot div span[b-62wr059idt] {
  vertical-align: middle;
}

/* ===========================
   Dagen per week
   =========================== */
.week-dagdelen[b-62wr059idt] {
    display: flex;
    flex-direction: column;
}

.dag[b-62wr059idt] {
    display: flex;
    align-items: flex-start; /* dagnaam top-aligned */    
}

/* dagnaam links */
.dagnaam[b-62wr059idt] {
    min-width: 140px; /* vaste breedte */
    font-weight: bold;
    text-align: left;
    padding-right: 0.5rem;
    border-bottom: 1px solid var(--grijs);
    border-right: 1px solid var(--grijs);
    height: 44px;
    align-content: space-evenly;
}

/* container voor dagdelen */
.dagdelen-container[b-62wr059idt] {
    display: flex;
    border-bottom: 1px solid var(--grijs);
    height: 44px;
    width: 100%;
}
    .dagdelen-container[b-62wr059idt]  .dagdeel {
        width: 33.33%;
        justify-content: space-evenly;
        border-right: 1px solid var(--grijs);
        gap: 0;
    }

    .dagdelen-container[b-62wr059idt]  .dagdeel:last-child {
        border-right: none;
    }

    .dagdelen-container[b-62wr059idt]  .dagdeel-scheiding {
        border-right: 1px solid var(--grijs);
        height: 36px;
        width: 1px;
    }

    .dagdelen-container[b-62wr059idt]  .dagdeel .rz-datepicker {
        margin: 4px 0;
    }

    /* individuele dagdeel header */
    .dag-header[b-62wr059idt] {
        max-width: 140px;
        border-right: 1px solid var(--grijs);
        border-bottom: 1px solid var(--grijs);
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-weight: 700;
    }
/* /Components/Lesmoment/LesmomentWeekOverzicht.razor.rz.scp.css */
.container-weekoverzicht[b-71uy1i6g3e] {
}

.container-weekoverzicht-titel[b-71uy1i6g3e] {
    padding-top: 5px;
}

.container-weekoverzicht-detail[b-71uy1i6g3e] {
}

.grid-header[b-71uy1i6g3e] {
    display: flex;
    background-image: linear-gradient(white, var(--lichtpaarsgrijs));
    height: 40px;
    font-weight: 700;
}

.grid-header-cell[b-71uy1i6g3e] {
    width: 12.5%;
    padding-top: 8px;
    padding-left: 5px;
    border-top: none !important;
    border-bottom: 1px;
    border-right: 1px;
    border-left: 1px;
    border-color: var(--grijs);
    border-style: solid;
    text-align: center;
}

.grid-header-cell-links[b-71uy1i6g3e] {
    width: 12.5%;
    border-top: none !important;
    border-right: 1px;
    border-bottom: 1px;
    border-left: none !important;
    border-color: var(--grijs);
    border-style: solid;
}

.grid-header-cell-rechts[b-71uy1i6g3e] {
    width: 12.5%;
    padding-top: 8px;
    padding-left: 5px;
    border-top: none !important;
    border-left: 1px;
    border-bottom: 1px;
    border-right: none !important;
    border-color: var(--grijs);
    border-style: solid;
    text-align: center;
}

.grid-detail[b-71uy1i6g3e] {
    display: flex;
    height: 40px;
}

.grid-detail-cell[b-71uy1i6g3e] {
    width: 12.5%;
    padding-top: 8px;
    padding-left: 3px;
    border: 1px;
    border-color: var(--grijs);
    border-style: solid;
    text-align: center;
}

.grid-detail-cell-links[b-71uy1i6g3e] {
    width: 12.5%;
    font-weight: 700;
    padding-top: 8px;
    padding-left: 3px;
    border-right: 1px;
    border-top: 1px;
    border-bottom: 1px;
    border-left: none !important;
    border-color: var(--grijs);
    border-style: solid;
}

.grid-detail-cell-rechts[b-71uy1i6g3e] {
    width: 12.5%;
    padding-top: 8px;
    padding-left: 3px;
    border-left: 1px;
    border-top: 1px;
    border-bottom: 1px;
    border-right: none !important;
    border-color: var(--grijs);
    border-style: solid;
}

[b-71uy1i6g3e] .rz-chkbox-box .rzi {
    background-color: var(--paars);
}

[b-71uy1i6g3e] .rz-chkbox-box .rzi-times {
    background-color: var(--paarsgrijs);
}
/* /Components/Lokaal/Algemeen/LokaalAlgemeenComponent.razor.rz.scp.css */
.wrapper[b-21m51ptqli] {
    --corner-width: 8px;
}

.radioButtons[b-21m51ptqli] {
    display: flex;
}

.radioButton-item[b-21m51ptqli] {
    display: flex;
    gap: 8px;
    padding: 6px 10px;
    position: relative;
    accent-color: var(--paars);
}

.withHighlight .radioButton-itemWrapper.highlightable[b-21m51ptqli] {
    background-color: var(--lichtpaarsgrijs);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
}

    .withHighlight .radioButton-itemWrapper.highlightable[b-21m51ptqli]::after {
        content: '';
        background-color: var(--lichtpaarsgrijs);
        bottom: 0;
        height: var(--corner-width);
        position: absolute;
        right: calc(var(--corner-width) * -1);
        width: var(--corner-width);
        z-index: 1;
    }

.withHighlight .highlightable .radioButton-item[b-21m51ptqli]::after {
    content: '';
    background-color: var(--wit);
    border-bottom-left-radius: var(--corner-width);
    bottom: 0;
    height: var(--corner-width);
    position: absolute;
    right: calc(var(--corner-width) * -1);
    width: var(--corner-width);
    z-index: 2;
}

.dropdownWrapper[b-21m51ptqli] {
    background-color: var(--lichtpaarsgrijs);
    border-bottom-left-radius: var(--corner-width);
    border-bottom-right-radius: var(--corner-width);
    border-top-right-radius: var(--corner-width);
    display: block;
    padding: 10px;
}

.control-validation-error-border[b-21m51ptqli] {
    border: solid 1px var(--validatie-tekst-kleur);
    border-radius: 0.25rem;
}

.dateTimeContainer[b-21m51ptqli]{
    display: flex;
    gap: 5px;
    align-items: center;
}

.medewerkersRow[b-21m51ptqli] {
    margin: 0px 20px;
}

    .medewerkersRow .pills:not(:empty)[b-21m51ptqli] {
        margin-bottom: 8px;
    }

    .medewerkersRow .medewerkersPickerWrapper[b-21m51ptqli] {
        background-color: var(--lichtgrijs);
    }

        .medewerkersRow .medewerkersPickerWrapper .medewerkersPicker[b-21m51ptqli] {
            max-width: 500px;
            padding: 10px;
        }
/* /Components/Lokaal/Search/LokaalSearchPopup.razor.rz.scp.css */
/* /Components/Lokaal/Search/LokaalSearchPopupContent.razor.rz.scp.css */
.row[b-ikm6hsi0bs] {
    margin: 10px 0;
}

.lokaal-search-popup-searchbody[b-ikm6hsi0bs] {
    padding: 1rem 2rem 1rem 2rem;
    background-color: var(--lichtpaarsgrijs);
}

.lokaal-search-popup-resultbody[b-ikm6hsi0bs] {
    padding: 1rem 2rem 1rem 2rem;
}

.lokaal-search-popup-buttons[b-ikm6hsi0bs] {
    padding: 0rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}


/*datagrid*/
[b-ikm6hsi0bs] .rz-group-header {
    background-color: transparent;
}

[b-ikm6hsi0bs] .rz-grid-table > thead {
    background-image: linear-gradient(var(--wit), var(--lichtpaarsgrijs));
}

[b-ikm6hsi0bs] .rz-grid-table thead th {
    background-color: transparent;
}

[b-ikm6hsi0bs] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped .rz-state-highlight > td {
    background-color: var(--paars);
}

[b-ikm6hsi0bs] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
    background-color: var(--lichtpaars);
}

    [b-ikm6hsi0bs] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) > * {
        color: white;
    }

/*checkbox*/
[b-ikm6hsi0bs] .rz-chkbox-box.rz-state-active {
    background-color: var(--paars);
    border: var(--paars);
}

.flexContainer[b-ikm6hsi0bs] {
    display: flex;
    gap: 5px;
    align-items: center;
}
/* /Components/Lokaal/Uitrusting/LokaalUitrusting.razor.rz.scp.css */
.documenten[b-kdjjz7kit7]{
    margin: 0;
    border: 1px solid var(--lichtpaarsgrijs);
    border-radius: 8px;
}

.fileTextContainer[b-kdjjz7kit7]{
    display: flex;
    flex-direction: column;
    justify-content: center;radial-gradient
}

.fileInfoContainer[b-kdjjz7kit7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lineBreak[b-kdjjz7kit7]{
    transform: rotate(90deg);
    width: 10%;
}

.fileType[b-kdjjz7kit7] {
    font-weight: bold;
    color: var(--svg-default-kleur);
}

p[b-kdjjz7kit7]{
    margin: 0;
}
/* /Components/Lokaal/Uitrusting/LokaalUitrustingPopup.razor.rz.scp.css */
.lokaalUitrustingContainer[b-jsji5ko7vf] {
    margin: 40px;
}
/* /Components/OverzichtFilter/AankoopBudgetOverzichtFilter.razor.rz.scp.css */
.linebreakContainer[b-889sx71nyn] {
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    justify-content: center;
}

[b-889sx71nyn] .pr-4 {
    padding-right: 1.5rem;
}

.searchfilter-buttonrow[b-889sx71nyn] {
    display: flex;
    justify-content: flex-end;
}

    .searchfilter-buttonrow[b-889sx71nyn]  button {
        margin-left: 20px;
    }

.filter-block[b-889sx71nyn]  .syn-fullrow .row {
    align-content: flex-end;
}

    .filter-block[b-889sx71nyn]  .syn-fullrow .row .row {
        margin-top: 4px;
        margin-bottom: 0px;
    }

[b-889sx71nyn] .syn-fullrow-col .row {
    display: flex;
    justify-content: space-between;
}

[b-889sx71nyn] .inputcheckbox:has(.inactief) {
    margin-left: -18px;
    position: relative;
    top: -8px;
}
/* /Components/OverzichtFilter/ArtikelOverzichtFilter.razor.rz.scp.css */
.linebreakContainer[b-ynynvx999l] {
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    justify-content: center;
}

[b-ynynvx999l] .pr-4 {
    padding-right: 1.5rem;
}

.searchfilter-buttonrow[b-ynynvx999l] {
    display: flex;
    justify-content: flex-end;
}

    .searchfilter-buttonrow[b-ynynvx999l]  button {
        margin-left: 20px;
    }

.filter-block[b-ynynvx999l]  .syn-fullrow .row {
    align-content: flex-end;
}

    .filter-block[b-ynynvx999l]  .syn-fullrow .row .row {
        margin-top: 4px;
        margin-bottom: 0px;
    }

[b-ynynvx999l] .syn-fullrow-col .row {
    display: flex;
    justify-content: space-between;
}

[b-ynynvx999l] .inputcheckbox:has(.inactief) {
    margin-left: -18px;
    position: relative;
    top: -8px;
}
/* /Components/OverzichtFilter/BestelbonOverzichtFilter.razor.rz.scp.css */
.linebreakContainer[b-xijad7mao9] {
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    justify-content: center;
}

[b-xijad7mao9] .pr-4 {
    padding-right: 1.5rem;
}

.searchfilter-buttonrow[b-xijad7mao9] {
    display: flex;
    justify-content: flex-end;
}

    .searchfilter-buttonrow[b-xijad7mao9]  button {
        margin-left: 20px;
    }

.filter-block[b-xijad7mao9]  .syn-fullrow .row {
    align-content: flex-end;
}

    .filter-block[b-xijad7mao9]  .syn-fullrow .row .row {
        margin-top: 4px;
        margin-bottom: 0px;
    }

[b-xijad7mao9] .syn-fullrow-col .row {
    display: flex;
    justify-content: space-between;
}

[b-xijad7mao9] .inputcheckbox:has(.inactief) {
    margin-left: -18px;
    position: relative;
    top: -8px;
}
/* /Components/OverzichtFilter/DocentOverzichtFilter.razor.rz.scp.css */
.search-field-title[b-1gitxnbjcj] {
    font-weight: 600;
}

.searchfilter-buttonrow[b-1gitxnbjcj] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/FacturatieOverzichtFilter.razor.rz.scp.css */
.container-date-select[b-7szwlnlcx0] {
    display:flex;
    gap: 10px;
}

.searchfilter-buttonrow[b-7szwlnlcx0] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/LokaalOverzichtFilter.razor.rz.scp.css */
.search-field-title[b-cwrkz6i4zo] {
    font-weight: 600;
}

.row-searchfields[b-cwrkz6i4zo] {
    margin-bottom: 10px;
    margin-top: 10px;
}

.searchfilter-buttonrow[b-cwrkz6i4zo] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/OverzichtFilterConfirm.razor.rz.scp.css */
.confirmContainer[b-ccnq6mdef6] {
    display: flex;
    flex-direction: column;
    padding: 0px;
    background: var(--wit);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.titleContainer[b-ccnq6mdef6] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 55px;
    background: var(--wit);
    border: solid var(--grijs) 1px;
    justify-content: space-between;
    padding: 0px 16px 0px 21px;
}

.title[b-ccnq6mdef6] {
    height: 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin: 0;
    text-align: center;
    align-self: center;
    color: var(--violet);
}

.confirmMessageContainer[b-ccnq6mdef6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
    height: 125px;
}

.confirmMessage[b-ccnq6mdef6] {
    height: 44px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--donkergroen);
    margin: 0;
}
/* /Components/OverzichtFilter/PrestatieOverzichtFilter.razor.rz.scp.css */
.container-date-select[b-xs4lhgm7qn] {
    display: flex;
    gap: 10px;
}

.searchfilter-buttonrow[b-xs4lhgm7qn] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/ProductBudgetOverzichtFilter.razor.rz.scp.css */
.searchfilter-buttonrow[b-kbdlks9won] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/ProductOverzichtFilter.razor.rz.scp.css */
.search-field-title[b-v5et7ixwkv] {
    font-weight: 600;
}

.row-searchfields[b-v5et7ixwkv] {
    margin-bottom: 10px;
    margin-top: 10px;
}

.extra-filters[b-v5et7ixwkv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ppe-container[b-v5et7ixwkv] {
    display: flex;
    gap: 20px;
    width: auto;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
}

    .ppe-container[b-v5et7ixwkv]  .row {
        margin-bottom: 4px;
    }

.defaultContainer[b-v5et7ixwkv] {
    display: flex;
    gap: 10px;
    height: 100%;
    align-items: center;
}

.vrijeparametersWrapper[b-v5et7ixwkv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 25%;
    margin-top: 10px;
}

.vrijeparametersContainer[b-v5et7ixwkv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--wit);
    padding: 0 10px;
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

.iconButtonContainer[b-v5et7ixwkv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px var(--grijs) dashed;
    border-radius: 7px;
    gap: 5px;
}

.inputContainer[b-v5et7ixwkv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

p[b-v5et7ixwkv] {
    margin: 0;
}

.linebreakContainer[b-v5et7ixwkv] {
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    justify-content: center;
}

.searchfilter-buttonrow[b-v5et7ixwkv] {
    display: flex;
    justify-content: space-between;
}

    .searchfilter-buttonrow[b-v5et7ixwkv]  button {
        margin-left: 20px;
    }

.locatie[b-v5et7ixwkv] {
    display: block;
}

[b-v5et7ixwkv] .externe-lesplaats {
    display: ruby;
}

    [b-v5et7ixwkv] .externe-lesplaats div,
    [b-v5et7ixwkv] .extra-filters .row div {
        width: unset;
    }

[b-v5et7ixwkv] .titel.compact,
[b-v5et7ixwkv] .checkbox-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

[b-v5et7ixwkv] div:has(> .titel.compact) {
    display: flex;
}
/* /Components/OverzichtFilter/ProductPortfolioOverzichtFilter.razor.rz.scp.css */
.linebreakContainer[b-q2q7pi5ooe] {
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    justify-content: center;
}

[b-q2q7pi5ooe] .pr-4 {
    padding-right: 1.5rem;
}

.searchfilter-buttonrow[b-q2q7pi5ooe] {
    display: flex;
    justify-content: flex-end;
}

    .searchfilter-buttonrow[b-q2q7pi5ooe]  button {
        margin-left: 20px;
    }

.filter-block[b-q2q7pi5ooe]  .syn-fullrow .row {
    align-content: flex-end;
}

    .filter-block[b-q2q7pi5ooe]  .syn-fullrow .row .row {
        margin-top: 4px;
        margin-bottom: 0px;
    }

.column-samenstelling[b-q2q7pi5ooe] {
    display: contents;
}

    .column-samenstelling[b-q2q7pi5ooe]  .row {
        display: flex;
        padding: 0 12px;
    }

[b-q2q7pi5ooe] .column-samenstelling .inputcheckbox {
    padding-right: 7px;    
}

[b-q2q7pi5ooe] .column-samenstelling .dropdown-samenstelling {
    position: relative;
    top: -19px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    [b-q2q7pi5ooe] .column-samenstelling .dropdown-samenstelling input,
    [b-q2q7pi5ooe] .column-samenstelling .dropdown-samenstelling label {
        position: relative;
        top: -2px;
    }

    [b-q2q7pi5ooe] .column-samenstelling .dropdown-samenstelling label {
        font-size: 13px;
    }

[b-q2q7pi5ooe] .column-samenstelling .row .col-12 {
    max-height: 36px;
}

[b-q2q7pi5ooe] .syn-fullrow-col .row {
    display: flex;
    justify-content: space-between;
}

[b-q2q7pi5ooe] .column-samenstelling .titel.compact {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50%;
    top: 12px;
    position: relative;
}

[b-q2q7pi5ooe] .row.samenstellingen {
    margin-top: -10px;
}

[b-q2q7pi5ooe] .inputcheckbox:has(.inactief) {
    margin-left: -18px;
    position: relative;
    top: -8px;
}

.extra-filters[b-q2q7pi5ooe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vrijeparametersWrapper[b-q2q7pi5ooe] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 25%;
    margin-top: 10px;
}

.vrijeparametersContainer[b-q2q7pi5ooe] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--wit);
    padding: 0 10px;
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

.iconButtonContainer[b-q2q7pi5ooe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px var(--grijs) dashed;
    border-radius: 7px;
    gap: 5px;
}

.inputContainer[b-q2q7pi5ooe] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

p[b-q2q7pi5ooe] {
    margin: 0;
}

/* /Components/OverzichtFilter/ProspectOverzichtFilter.razor.rz.scp.css */
.search-field-title[b-70y8rtrr7q] {
    font-weight: 600;
}

.row-searchfields[b-70y8rtrr7q] {
    margin-bottom: 10px;
    margin-top: 10px;
}

.searchfilter-buttonrow[b-70y8rtrr7q] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/SyllabiOverzichtFilter.razor.rz.scp.css */
.linebreakContainer[b-gt8zeeb38t] {
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    justify-content: center;
}

[b-gt8zeeb38t] .pr-4 {
    padding-right: 1.5rem;
}

.searchfilter-buttonrow[b-gt8zeeb38t] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/ZoekTemplateInformatie.razor.rz.scp.css */
.info-container[b-s11ciupsh6] {
    border: 1px solid var(--blauw);
    border-radius: 5px;
    background-color: var(--info-achtergrond-kleur);
    padding: 10px;
    display: flex;
}

.info-text[b-s11ciupsh6]{
    margin-right:auto;
    padding: 0px 20px;
}

.info-title[b-s11ciupsh6] {
    font-size: 18px;
    font-weight: 700;
    color: var(--donkerblauw);
    padding: 5px 0px;
}

.info-description[b-s11ciupsh6] {
    color: var(--svg-default-kleur);
    font-size: 14px;
    padding: 5px 0px;
}

.info-hide[b-s11ciupsh6] {
    color: var(--donkergrijs);
    cursor: pointer;
    text-decoration: underline;
    font-size: 14px;
    padding: 5px 0px;
}

.info-close[b-s11ciupsh6]{
    cursor: pointer;
}

    .info-close > .icon[b-s11ciupsh6] {
        -webkit-mask: url(images/svg/i-close.svg) no-repeat 50% 50%;
        mask: url(images/svg/i-close.svg) no-repeat 50% 50%;
        mask-size: cover;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-color: var(--paars);
    }
/* /Components/Planning/PlanningBottomFilter.razor.rz.scp.css */
.bottom-part-filter[b-k26e2wkqya] {
    background: linear-gradient(180deg, var(--wit), var(--lichtpaarsgrijs));
    border: 1px solid var(--syn-accent-border);
    margin: 10px 0;
    padding: 10px;
}

.searchfilter-row[b-k26e2wkqya] {
    display: flex;
}

.searchfilter-buttonrow[b-k26e2wkqya] {
    display: flex;
    justify-content: space-between;
}

    .searchfilter-buttonrow[b-k26e2wkqya]  button {
        margin-left: 20px;
    }
/* /Components/Planning/PlanningCalendarView/PlanningCalendarColumn.razor.rz.scp.css */
.grid-column[b-9c42wtj23l] {
    width: 176px;
}

.grid-column[b-9c42wtj23l] {
    position: relative;
    border-color: var(--syn-accent-border-darker);
    border-style: solid;
    border-width: 0 0 0 1px;
}

    .grid-column .timeslot-spacer[b-9c42wtj23l] {
        height: 24px;
        border-color: var(--border-default);
        border-style: solid;
        border-width: 0 0 1px 0;
    }

.lesitem[b-9c42wtj23l] {
    position: absolute;
    background-color: var(--syn-calendar-background-color);
    border-radius: 5px;
    margin: 2px;
    top: 0;
    border-left-style: solid;
    border-left-width: 5px;   
}

    .lesitem > div:first-child[b-9c42wtj23l] {
        overflow: hidden;
    }

.weekdag[b-9c42wtj23l] {
    min-height: 240px;
    max-height: 240px;
    border-color: var(--syn-accent-border-darker);
    border-style: solid;
    border-width: 0 0 1px 0;
}

    .weekdag > .weekdagdeel[b-9c42wtj23l] {
        position: relative;
        min-height: 80px;
        max-height: 80px;
        border-color: var(--syn-accent-border-darker);
        border-style: dashed;
        border-width: 0 0 1px 0;
        padding: 2px;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

        .weekdag > .weekdagdeel:last-child[b-9c42wtj23l] {
            border-width: 0;
        }

.weekitem[b-9c42wtj23l] {
    min-height: 20px;
    max-height: 20px;
    color: var(--syn-text-text-default);
    font-size: 12px;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    border-radius: 2px;
    border-left-width: 5px;
    border-left-style: solid;
    padding: 0 3px;
}
/* /Components/Planning/PlanningCalendarView/PlanningCalendarDetail.razor.rz.scp.css */
.planning-detail-popup-arrow[b-e3rf4a0q1n], .planning-detail-popup-arrow-shadow[b-e3rf4a0q1n] {
    content: "";
    position: absolute;
    left: 40px;
    top: 25px;
    height: 20px;
    width: 20px;
    background: white;
    transform: rotate(45deg);
    border-bottom: inherit;
    border-left: inherit;
}

.planning-detail-popup-arrow[b-e3rf4a0q1n] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
    z-index: 1;
}

.planning-detail-popup-arrow-shadow[b-e3rf4a0q1n] {
    z-index: 3;
}

.hidden[b-e3rf4a0q1n] {
    display: none;
}

.planning-detail[b-e3rf4a0q1n] {
    position: absolute;
    /*top: 30px;*/
    left: 20px;
    background: white;
    width: 400px;
    z-index: 999;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    color: var(--syn-text-text-default);
}

.pd-divider[b-e3rf4a0q1n] {
    border-bottom: 1px solid var(--syn-accent-border);
    margin: 7px 0 3px 0;
}

.pd-header[b-e3rf4a0q1n] {
    display: flex;
    justify-content: space-between;
    padding: 0 2px;
}

    .pd-header > div:first-child[b-e3rf4a0q1n] {
        display: flex;
        gap: 5px;
    }

    .pd-header > div:last-child[b-e3rf4a0q1n] >  svg {
        border: 1px solid var(--button-default-background-color);
        border-radius: 100px;
    }

    .pd-header > div:last-child[b-e3rf4a0q1n] >  svg {
        cursor: pointer;
    }

    .pd-header-colorbar[b-e3rf4a0q1n] {
        border-style: solid;
        border-width: 3px;
        border-radius: 4px;
        width: 1px;
    }

.pd-titel[b-e3rf4a0q1n] {
    font-weight: 700;
    font-size: 16px;
}

.pd-subtitel[b-e3rf4a0q1n] {
}

.pd-tijdstip[b-e3rf4a0q1n] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pd-tijd[b-e3rf4a0q1n] {
    display: flex;
    gap: 20px;
}

    .pd-tijd > div[b-e3rf4a0q1n] {
        display: flex;
        gap: 5px;
    }

.pd-lesuren[b-e3rf4a0q1n] {
}

.pd-lokaal-docent-details[b-e3rf4a0q1n] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.errors-and-warnings[b-e3rf4a0q1n] {
    margin: 5px 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
/* /Components/Planning/PlanningCalendarView/PlanningCalendarHeader.razor.rz.scp.css */
.columnheader[b-ohwanuqnpy] {
    border-style: solid;
    border-color: var(--syn-accent-border-darker);
    padding: 5px;
    font-size: 12px;
}

.columnheader[b-ohwanuqnpy] {
    border-width: 0 0 1px 1px;
    display: flex;
    flex-direction: column;
}

    .columnheader > span:first-child[b-ohwanuqnpy] {
        font-weight: 700;
        font-size: 14px;
    }

.columnheader[b-ohwanuqnpy] {
    width: 176px;
}
/* /Components/Planning/PlanningCalendarView/PlanningCalendarKeuzes.razor.rz.scp.css */
.calendarview-buttons[b-kqdw4tzhst] {
    display: flex;
    justify-content: space-between;
}

.calendarview-title[b-kqdw4tzhst] {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 16px;
}

.calendarview-datepicker[b-kqdw4tzhst] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    cursor: pointer;    
}

[b-kqdw4tzhst] .periode {
    width: 225px;
}

.hidden[b-kqdw4tzhst] {
    display: none;
}

.popup-datepicker:not(.hidden)[b-kqdw4tzhst] {
    width: 375px;
    border: 2px solid var(--paars);
    padding: 10px;
    border-radius: 10px;
    background-color: var(--lichtgrijs);
    position: absolute;
    left: 61px;
    z-index: 10;
    display: flex;
}

.popup-datepicker[b-kqdw4tzhst]  .button-close {
    margin-left: 15px;
}

.popup-datepicker[b-kqdw4tzhst]  .button-close .icon {
    color: var(--paars);
    position: relative;
    top: 3px;
    cursor: pointer;
}

    .calendarview-datepicker span[b-kqdw4tzhst] {
        border-style: solid;
        border-color: var(--syn-accent-border-darker);
        border-width: 0px;
        padding: 2px 5px;
        display: flex;
        align-items: center;
    }

    .calendarview-datepicker > .button-vorige[b-kqdw4tzhst] {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        border-width: 1px;
        color: var(--syn-brand-primary);
    }

    .calendarview-datepicker > .periode[b-kqdw4tzhst] {
        border-radius: 4px;
        border-width: 1px;
        display: flex;
        gap: 5px;
    }

        .calendarview-datepicker > .periode > span[b-kqdw4tzhst] {
            color: var(--syn-brand-primary);
        }

    .calendarview-datepicker > .button-volgende[b-kqdw4tzhst] {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
        border-width: 1px;
        color: var(--syn-brand-primary);
    }

.week:hover[b-kqdw4tzhst], .dag:hover[b-kqdw4tzhst], .button-volgende:hover[b-kqdw4tzhst], .periode:hover[b-kqdw4tzhst], .button-vorige:hover[b-kqdw4tzhst] {
    background-color: var(--syn-brand-primary-background-color);
}

.week:active[b-kqdw4tzhst], .dag:active[b-kqdw4tzhst], .button-volgende:active[b-kqdw4tzhst], .periode:active[b-kqdw4tzhst], .button-vorige:active[b-kqdw4tzhst] {
    border-color: var(--syn-brand-primary);
}

.calendarview-day-week-picker[b-kqdw4tzhst] {
    display: flex;
    flex-direction: row;
    gap: 0px;
}

    .calendarview-day-week-picker span[b-kqdw4tzhst] {
        border-style: solid;
        border-color: var(--syn-accent-border-darker);
        border-width: 0px;
        padding: 2px 10px;
        display: flex;
        align-items: center;
    }

    .calendarview-day-week-picker > .dag[b-kqdw4tzhst] {
        border-bottom-left-radius: 100px;
        border-top-left-radius: 100px;
        border-width: 1px;
    }

    .calendarview-day-week-picker > .week[b-kqdw4tzhst] {
        border-bottom-right-radius: 100px;
        border-top-right-radius: 100px;
        border-width: 1px;
    }

    .calendarview-day-week-picker .active[b-kqdw4tzhst] {
        color: var(--syn-brand-primary);
        border-color: var(--syn-brand-primary);
        background-color: var(--syn-brand-primary-background-color);
    }
/* /Components/Planning/PlanningCalendarView/PlanningCalendarRowHeader.razor.rz.scp.css */
.rowheader[b-422gg2w8ff], .week-rowheader[b-422gg2w8ff] {
    width: 120px;
}

.rowheader[b-422gg2w8ff] {
    display: flex;
    justify-content: space-between;
    background-color: var(--syn-accent-background-darker);
    /*border-color: var(--syn-accent-border-darker);*/
}

    .rowheader .titel[b-422gg2w8ff] {
        display: flex;
        flex-direction: column;
        color: var(--syn-text-text-default);
        font-size: 14px;
    }

        .rowheader .titel > span:first-child[b-422gg2w8ff] {
            font-weight: 700;
        }

    .rowheader .verdeling > div[b-422gg2w8ff] {
        height: 48px;
        font-size: 12px;
        display: flex;
        justify-content: flex-end;
        padding-right: 3px;
    }

.verdeling[b-422gg2w8ff] {
    width: 100%;
}

.week-rowheader[b-422gg2w8ff] {
    display: flex;
    flex-direction: column;
}

    .week-rowheader > div[b-422gg2w8ff] {
        display: flex;
        min-height: 240px;
        max-height: 240px;
    }

        .week-rowheader > div > .titel[b-422gg2w8ff] {
            padding: 3px;
            border-color: var(--syn-accent-border-darker);
            border-style: solid;
            border-width: 0 1px 1px 0;
        }

        .week-rowheader > div > .verdeling[b-422gg2w8ff] {
            border-color: var(--syn-accent-border-darker);
            border-style: solid;
            border-width: 0 0 1px 0;
        }

            .week-rowheader > div > .verdeling > div[b-422gg2w8ff] {
                border-color: var(--syn-accent-border-darker);
                border-style: dashed;
                border-width: 0 0 1px 0;
                min-height: 80px;
                max-height: 80px;
                justify-content: flex-start;
                padding: 3px 5px;
            }

                .week-rowheader > div > .verdeling > div:last-child[b-422gg2w8ff] {
                    border-width: 0;
                }
/* /Components/Planning/PlanningCalendarView/PlanningCalendarView.razor.rz.scp.css */
.calendarview[b-5cvo33eemd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.calendarview-grid[b-5cvo33eemd] {
    width: 100%;
}

.header[b-5cvo33eemd] {
    background-color: var(--syn-accent-background-darker);
    display: flex;
}

.viewtype[b-5cvo33eemd] {
    border-style: solid;
    border-color: var(--syn-accent-border-darker);
    padding: 5px;
    font-size: 12px;
}

.viewtype[b-5cvo33eemd] {
    border-width: 0 0 1px 0;
}

.viewtype[b-5cvo33eemd] {
    width: 120px;
}

    .viewtype[b-5cvo33eemd] >  .rz-dropdown {
        font-size: 12px;
        height: 32px;
    }

.gridbody[b-5cvo33eemd] {
    display: flex;
}
/* /Components/Planning/PlanningContextMenu/BewerkSessie/BewerkLesmomentSessie.razor.rz.scp.css */
.sessie-detail-body[b-5scx0ssa8m] {
    color: var(--syn-text-text-default);
}

.sd-header[b-5scx0ssa8m], .sd-tabs[b-5scx0ssa8m], .sd-content[b-5scx0ssa8m] {
    padding: 0 30px;
}

.sd-header[b-5scx0ssa8m], .sd-tabs[b-5scx0ssa8m] {
    background-color: var(--syn-accent-background);
}

.sd-header-subtitle[b-5scx0ssa8m] {
    padding-top: 10px;
    margin-bottom: -10px;
    display: flex;
    align-items: center;
}

.sd-header-title[b-5scx0ssa8m] {
    font-size: 25px;
}

.sd-header-details[b-5scx0ssa8m] {
    display: inline-flex;
    gap: 5px;
    border: 1px solid var(--syn-accent-border);
    padding: 6px;
    border-radius: 6px;
    margin: 5px 0 15px 0;
}

    .sd-header-details div[b-5scx0ssa8m] {
        display: flex;
        align-items: center;
    }

        .sd-header-details div:has(svg)[b-5scx0ssa8m] {
            color: var(--syn-brand-primary);
        }

    .sd-header-details .divider[b-5scx0ssa8m] {
        color: var(--syn-accent-border);
    }

.sd-tabs[b-5scx0ssa8m] {
    display: flex;
}

.sd-tab[b-5scx0ssa8m] {
    padding: 12px;
}

    .sd-tab:hover[b-5scx0ssa8m] {
        cursor: pointer;
        color: white;
        background-color: var(--syn-brand-primary-dark);
    }

    .sd-tab.active[b-5scx0ssa8m] {
        border-left: 3px solid var(--syn-brand-primary);
        color: var(--syn-brand-primary-dark);
        background-color: white;
    }

.sd-content-row[b-5scx0ssa8m] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.sd-label[b-5scx0ssa8m] {
    border: 1px solid var(--syn-accent-border);
    background-color: var(--syn-accent-background);
    padding: 5px;
    color: var(--syn-text-text-light);
    min-width: 300px;
    display: inline-block;
}

.sessie-hoedanigheid[b-5scx0ssa8m] {
    border: 1px solid var(--syn-accent-border);
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0;

}

.sessie-hoedanigheid-titel[b-5scx0ssa8m] {

}

.sessie-hoedanigheid-items[b-5scx0ssa8m] {

}

.sessie-hoedanigheid-items[b-5scx0ssa8m] {

}
/* /Components/Planning/PlanningContextMenu/BewerkSessie/BewerkLokaalReservatie.razor.rz.scp.css */
.sessie-detail-body[b-2ccxnc0703] {
    color: var(--syn-text-text-default);
}

.sd-header[b-2ccxnc0703], .sd-tabs[b-2ccxnc0703], .sd-content[b-2ccxnc0703] {
    padding: 0 30px;
}

.sd-header[b-2ccxnc0703], .sd-tabs[b-2ccxnc0703] {
    background-color: var(--syn-accent-background);
}

.sd-header-subtitle[b-2ccxnc0703] {
    padding-top: 10px;
    margin-bottom: -10px;
    display: flex;
    align-items: center;
}

.sd-header-title[b-2ccxnc0703] {
    font-size: 25px;
}

.sd-header-details[b-2ccxnc0703] {
    display: inline-flex;
    gap: 5px;
    border: 1px solid var(--syn-accent-border);
    padding: 6px;
    border-radius: 6px;
    margin: 5px 0 15px 0;
}

    .sd-header-details div[b-2ccxnc0703] {
        display: flex;
        align-items: center;
    }

        .sd-header-details div:has(svg)[b-2ccxnc0703] {
            color: var(--syn-brand-primary);
        }

    .sd-header-details .divider[b-2ccxnc0703] {
        color: var(--syn-accent-border);
    }

.sd-tabs[b-2ccxnc0703] {
    display: flex;
}

.sd-tab[b-2ccxnc0703] {
    padding: 12px;
}

    .sd-tab:hover[b-2ccxnc0703] {
        cursor: pointer;
        color: white;
        background-color: var(--syn-brand-primary-dark);
    }

    .sd-tab.active[b-2ccxnc0703] {
        border-left: 3px solid var(--syn-brand-primary);
        color: var(--syn-brand-primary-dark);
        background-color: white;
    }

.sd-content-row[b-2ccxnc0703] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.sd-label[b-2ccxnc0703] {
    border: 1px solid var(--syn-accent-border);
    background-color: var(--syn-accent-background);
    padding: 5px;
    color: var(--syn-text-text-light);
    min-width: 300px;
    display: inline-block;
}
/* /Components/Planning/PlanningContextMenu/PlanningDocentWijzigen.razor.rz.scp.css */
.body[b-4nwzi6qu19] {
    padding: 1rem;
}

.toepassen[b-4nwzi6qu19] {
    display: flex;
    flex-direction: column;
}

    .toepassen span[b-4nwzi6qu19] {
        font-weight: 700;
    }

.lidselectie[b-4nwzi6qu19] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

    .lidselectie span[b-4nwzi6qu19] {
        font-weight: 700;
    }

.docentkeuze[b-4nwzi6qu19] {
}

    .docentkeuze span[b-4nwzi6qu19] {
        font-weight: 700;
    }

.toevoegen[b-4nwzi6qu19] {
}
/* /Components/Planning/PlanningIssueComponent.razor.rz.scp.css */
.issue-root[b-2scjbaiwlz] {
display: flex;
    gap: 5px;
    padding: 0 5px;
    border-radius: 5px;
}

.warning-background[b-2scjbaiwlz] {
    background-color: var(--syn-status-background-warning);
}

.error-background[b-2scjbaiwlz] {
    background-color: var(--syn-status-background-error);
}

.info-background[b-2scjbaiwlz] {
    background-color: var(--info-background-color);
}
/* /Components/Planning/PlanningIssueIcon.razor.rz.scp.css */
.issue-icon-root[b-1w2nv2pzij] {
    display: inline-flex;
    align-items: center;
}

.error-icon[b-1w2nv2pzij] {
    color: var(--syn-status-error);
}

.warning-icon[b-1w2nv2pzij] {
    color: var(--syn-status-warning);
}

.info-icon[b-1w2nv2pzij] {
    color: var(--syn-status-info);
}
/* /Components/Planning/PlanningIssueOverview.razor.rz.scp.css */
.hidden[b-s7ykzzic1a] {
    display: none;
}

.issue-overview-body[b-s7ykzzic1a] {
    position: absolute;
    right: 0px;
    top: 30px;
    background: white;
    width: 400px;
    z-index: 999;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    color: var(--syn-text-text-default);
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.issue-link:hover[b-s7ykzzic1a] {
    cursor: pointer;
}

.issue-overview-popup-arrow[b-s7ykzzic1a], .issue-overview-popup-arrow-shadow[b-s7ykzzic1a] {
    content: "";
    position: absolute;
    right: 40px;
    top: 25px;
    height: 20px;
    width: 20px;
    background: white;
    transform: rotate(45deg);
    border-bottom: inherit;
    border-left: inherit;
}

.issue-overview-popup-arrow[b-s7ykzzic1a] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
    z-index: 1;
}

.issue-overview-popup-arrow-shadow[b-s7ykzzic1a] {
    z-index: 3;
}
/* /Components/Planning/PlanningSessieKeuzeNieuwItem.razor.rz.scp.css */
.nieuwe-sessie-container[b-lgybl6flwg] {
    padding: 20px;
}

.pre-selectie[b-lgybl6flwg] {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.pre-selectie > div[b-lgybl6flwg] {
    border: 1px solid var(--syn-accent-border);
    border-radius: 8px;
    padding: 10px;
    height: 6rem;
    font-size: 1.5rem;
    overflow: auto;
    width: 160px;
    display: flex;
    align-items: center;
    text-align: center;
}

    .pre-selectie > div:hover[b-lgybl6flwg] {
        cursor: pointer;
    }

    .pre-selectie > div.active[b-lgybl6flwg] {
        background: var(--syn-status-confirmation-background);
        color: var(--syn-status-confirmation);
        border-color: var(--syn-status-confirmation);
        border-width: 2px;
    }

.keuzeoptie[b-lgybl6flwg] {
    display: flex;
    gap: 3px;
}
/* /Components/Planning/PlanningTopGrid/PlanningTopGrid.razor.rz.scp.css */
.planning-top-grid[b-gsnmwj9ktn] {
    width: 100%;
}

.grid-header[b-gsnmwj9ktn] {
    background: linear-gradient(180deg, var(--wit), var(--lichtpaarsgrijs));
    display: flex;
    color: var(--syn-text-text-default);
    font-weight: 700;
}

.header-spacer[b-gsnmwj9ktn] {
    min-width: calc(36px * 3);
    max-width: calc(36px * 3);
}

.header-spacer[b-gsnmwj9ktn], .header-ref[b-gsnmwj9ktn], .header-naam[b-gsnmwj9ktn], .header-uren[b-gsnmwj9ktn], .header-te-plannen[b-gsnmwj9ktn], .header-dagdelen[b-gsnmwj9ktn], .header-docent[b-gsnmwj9ktn], .header-lokaal[b-gsnmwj9ktn], .header-startdatum[b-gsnmwj9ktn] {
    border-color: var(--syn-accent-border);
    border-style: solid;
    border-width: 0 1px 0 0;
    padding-left: 5px;
}

.header-naam[b-gsnmwj9ktn] {
    width: calc(100% - 108px - 1040px);
}

[b-gsnmwj9ktn] .rz-chip {
    height: 22px;
}

    [b-gsnmwj9ktn] .rz-chip .rz-button-sm {
        height: 22px;
        width: 22px;
        min-height: 0px;
        min-width: 0px;
    }

    [b-gsnmwj9ktn] .rz-chip .rzi {
        font-weight: 400 !important;
    }

    [b-gsnmwj9ktn] .rz-chip .rz-button-sm.rz-button-icon-only {
        padding: 0;
    }

.vak-dagdelen[b-gsnmwj9ktn] >  .input-dropdown-2types {
    width: 100%;
}

.vak-spacer[b-gsnmwj9ktn], .dragdrop-element[b-gsnmwj9ktn], .vak-omschrijving[b-gsnmwj9ktn], .vak-uren[b-gsnmwj9ktn], .vak-te-plannen[b-gsnmwj9ktn], .vak-dagdelen[b-gsnmwj9ktn], .vak-docent[b-gsnmwj9ktn], .vak-lokaal[b-gsnmwj9ktn], .vak-startdatum[b-gsnmwj9ktn] {
    border-color: var(--syn-accent-border);
    border-style: solid;
    border-width: 0 1px 0 0;
    padding-left: 5px;
    display: flex;
    align-items: center;
}

.header-uren[b-gsnmwj9ktn], .vak-uren[b-gsnmwj9ktn] {
    width: 70px;
}

.header-te-plannen[b-gsnmwj9ktn], .vak-te-plannen[b-gsnmwj9ktn] {
    width: 90px;
}

.header-dagdelen[b-gsnmwj9ktn], .vak-dagdelen[b-gsnmwj9ktn] {
    width: 350px;
}

.header-docent[b-gsnmwj9ktn], .vak-docent[b-gsnmwj9ktn] {
    width: 150px;
}

.header-lokaal[b-gsnmwj9ktn], .vak-lokaal[b-gsnmwj9ktn] {
    width: 150px;
}

.header-ref[b-gsnmwj9ktn], .product-ref[b-gsnmwj9ktn], .subproduct-ref[b-gsnmwj9ktn] {
    min-width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-startdatum[b-gsnmwj9ktn], .vak-startdatum[b-gsnmwj9ktn] {
    border-width: 0;
    width: 130px;
}

.grid-container[b-gsnmwj9ktn] {
}

.grid-product[b-gsnmwj9ktn] {
    display: flex;
}

.grid-product-container[b-gsnmwj9ktn] {
}

.grid-subproduct[b-gsnmwj9ktn] {
    display: flex;
}

.grid-subproduct-container[b-gsnmwj9ktn] {
}

.grid-vak[b-gsnmwj9ktn] {
    display: flex;
}

.grid-product[b-gsnmwj9ktn], .dragdrop-element[b-gsnmwj9ktn], .chevron-element[b-gsnmwj9ktn], .checkbox-element[b-gsnmwj9ktn], .contextmenu-element[b-gsnmwj9ktn], .product-element[b-gsnmwj9ktn], .subproduct-element[b-gsnmwj9ktn], .product-ref[b-gsnmwj9ktn], .subproduct-ref[b-gsnmwj9ktn] {
    height: 32px;
    border-color: var(--syn-accent-border);
    border-style: solid;
    border-width: 0;
}

.dragdrop-element[b-gsnmwj9ktn], .chevron-element[b-gsnmwj9ktn], .checkbox-element[b-gsnmwj9ktn], .contextmenu-element[b-gsnmwj9ktn] {
    min-width: 36px;
    max-width: 36px;
    display: flex;
    justify-content: center;
    border-width: 1px 1px 1px 0;
    align-items: center;
}

.grid-subproduct > .dragdrop-element[b-gsnmwj9ktn],
.grid-subproduct > .chevron-element[b-gsnmwj9ktn],
.grid-subproduct > .checkbox-element[b-gsnmwj9ktn],
.grid-subproduct > .contextmenu-element[b-gsnmwj9ktn],
.grid-subproduct > .subproduct-element[b-gsnmwj9ktn] {
    border-width: 0 1px 1px 0;
}

.grid-vak > .dragdrop-element[b-gsnmwj9ktn],
.grid-vak > .chevron-element[b-gsnmwj9ktn],
.grid-vak > .checkbox-element[b-gsnmwj9ktn],
.grid-vak > .contextmenu-element[b-gsnmwj9ktn],
.grid-vak > .vak-omschrijving[b-gsnmwj9ktn] {
    border-width: 0 1px 1px 0;
    height: 38px;
}

.contextmenu-element[b-gsnmwj9ktn] >  button {
    width: 20px;
    height: 20px;
}

.dragdrop-element[b-gsnmwj9ktn] {
    padding-right: 5px;
}

    .dragdrop-element > div[b-gsnmwj9ktn] {
        color: var(--syn-brand-primary-light);
    }

.grid-vak > .dragdrop-element[b-gsnmwj9ktn] {
    min-width: 108px;
    max-width: 108px;
    justify-content: right;
}

.checkbox-element[b-gsnmwj9ktn] {
    align-items: center;
}

.chevron-element[b-gsnmwj9ktn] {
    display: flex;
    align-items: center;
    font-family: var(--rz-icon-font-family);
    font-size: 1.3rem;
}

    .chevron-element > span[b-gsnmwj9ktn] {
        color: var(--lichtpaars);
        border-color: var(--lichtpaars);
        border-style: solid;
        border-radius: 50%;
        border-width: 1px;
        width: 1em;
        height: 1em;
        line-height: 1;
        background-color: var(--wit);
    }

    .chevron-element > .closed[b-gsnmwj9ktn]:before {
        content: "arrow_right";
        position: relative;
        top: 0;
        left: -0.5px;
    }

    .chevron-element > .opened[b-gsnmwj9ktn]:before {
        content: "arrow_drop_down";
        position: relative;
        top: 0;
        left: -0.5px;
    }

    .chevron-element > div[b-gsnmwj9ktn] {
        background-color: var(--wit);
        width: 20px;
        height: 20px;
        border-radius: 10px;
        border: 1px solid var(--syn-brand-primary-light);
        color: var(--syn-brand-primary-light);
        display: flex;
        align-items: center;
    }

.product-element[b-gsnmwj9ktn], .subproduct-element[b-gsnmwj9ktn], .vak-omschrijving[b-gsnmwj9ktn] {
    border-width: 1px 0 1px 0;
    width: calc(100% - 72px);
    padding-left: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .product-element > span[b-gsnmwj9ktn], .subproduct-element > span[b-gsnmwj9ktn], .vak-omschrijving > span[b-gsnmwj9ktn] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.product-ref[b-gsnmwj9ktn] {
    padding-left: 5px;
    border-width: 1px 1px 1px 0;
}

.subproduct-ref[b-gsnmwj9ktn] {
    padding-left: 5px;
    border-width: 0 1px 1px 0;
}

.grid-subproduct > .subproduct-element[b-gsnmwj9ktn] {
    border-width: 0 0 1px 0;
}

.vak-omschrijving[b-gsnmwj9ktn] {
    width: calc(100% - 180px - 940px);
}

.vak-uren[b-gsnmwj9ktn], .vak-te-plannen[b-gsnmwj9ktn], .vak-dagdelen[b-gsnmwj9ktn], .vak-docent[b-gsnmwj9ktn], .vak-lokaal[b-gsnmwj9ktn], .vak-startdatum[b-gsnmwj9ktn] {
    border-width: 0 1px 1px 0;
    border-color: var(--syn-accent-border);
    border-style: solid;
}

.vak-startdatum[b-gsnmwj9ktn] {
    border-width: 0 0 1px 0;
}

.dragdrop-element[draggable="true"][b-gsnmwj9ktn] {
    cursor: grab;
}

.grid-vak.drag-over[b-gsnmwj9ktn], .grid-subproduct.drag-over[b-gsnmwj9ktn] {
    background: #f0f0f0;
}

.drag-over[b-gsnmwj9ktn] {
    background: #f0f0f0;
}

.drag-forbidden[b-gsnmwj9ktn] {
    background: #ffeaea;
    cursor: not-allowed;
}

.te-plannen-volledig[b-gsnmwj9ktn] {
    color: var(--syn-status-confirmation);
}

.te-plannen-onvolledig[b-gsnmwj9ktn] {
    color: var(--syn-status-error);
}

.te-plannen-overboekt[b-gsnmwj9ktn] {
    color: var(--syn-status-warning);
}
/* /Components/Popups/Aankoop/ArtikelSearchPopup.razor.rz.scp.css */
.row[b-rtiemg6ta5] {
    margin: 10px 0;
}

.artikel-search-popup-searchbody[b-rtiemg6ta5] {
    padding: 1rem 2rem 1rem 2rem;
    background-color: var(--lichtpaarsgrijs);
}

.artikel-search-popup-resultbody[b-rtiemg6ta5] {
    padding: 1rem 2rem 1rem 2rem;
}

.flexContainer[b-rtiemg6ta5] {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* DataGrid Styling */
[b-rtiemg6ta5] .rz-group-header {
    background-color: transparent;
}

[b-rtiemg6ta5] .rz-grid-table > thead {
    background-image: linear-gradient(var(--wit), var(--lichtpaarsgrijs));
}

[b-rtiemg6ta5] .rz-grid-table thead th {
    background-color: transparent;
}

[b-rtiemg6ta5] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped .rz-state-highlight > td {
    background-color: var(--paars);
}

[b-rtiemg6ta5] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
    background-color: var(--lichtpaars);
}

[b-rtiemg6ta5] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) > * {
    color: white;
}

/* Checkbox Styling */
[b-rtiemg6ta5] .rz-chkbox-box.rz-state-active {
    background-color: var(--paars);
    border: var(--paars);
}
/* /Components/Popups/Aankoop/BestelbonAnalytischeDuidingPopup.razor.rz.scp.css */
.bestelbon-analytische-duiding-popup-body[b-68xec3fa32] {
    padding: 1rem 2rem 1rem 2rem;
}
/* /Components/Popups/Aankoop/BestelbonDetailPopup.razor.rz.scp.css */
.bestelbon-detail-popup-body[b-s118zfzbe1] {
    padding: 1rem 2rem 1rem 2rem;
}

.button-column-container[b-s118zfzbe1] {
    display: flex;
    align-items: flex-end;
    padding-bottom: 0.5rem;
}

[b-s118zfzbe1] input:disabled {
    background-color: #e9ecef !important;
}

[b-s118zfzbe1] .calculated-field input {
    background-color: #f5f5f5;
}
/* /Components/Popups/Aankoop/BestelbonGroeperingPopup.razor.rz.scp.css */
.bestelbon-groepering-popup-body[b-7qz8bytbr1] {
    padding: 1rem 2rem 1rem 2rem;
}
/* /Components/Popups/Aankoop/BestelbonLeveringBevestigingPopup.razor.rz.scp.css */
.popup-base-root[b-72w1cll3zg] {
}

.popup-base-body[b-72w1cll3zg] {
    margin: 10px;
    overflow-x: hidden;
}

.bestelbon-levering-bevestiging-popup-body .row[b-72w1cll3zg] {
    margin-left: 0;
    margin-right: 0;
}

.popup-base-buttons[b-72w1cll3zg] {
    padding: 0rem 2rem;
    width: 100%;
    height: 4rem;
}

    .popup-base-buttons > .button-links[b-72w1cll3zg] {
        float: left;
    }

    .popup-base-buttons > .button-rechts[b-72w1cll3zg] {
        float: right;
    }

.bestelbon-levering-bevestiging-popup-body .table[b-72w1cll3zg] {
    font-size: 0.9rem;
}

    .bestelbon-levering-bevestiging-popup-body .table th[b-72w1cll3zg] {
        font-weight: 600;
        white-space: nowrap;
    }

    .bestelbon-levering-bevestiging-popup-body .table td[b-72w1cll3zg] {
        vertical-align: middle;
    }
/* /Components/Popups/Aankoop/VolledigeLeveringPopup.razor.rz.scp.css */
.volledige-levering-popup-body[b-qps7dmvue8] {
    padding: 1rem 2rem 1rem 2rem;
}
/* /Components/Popups/Aanwezigheid/LesmomentAanwezigheidPopup.razor.rz.scp.css */
.popupBody[b-1y2judnfqp] {
    padding: 10px 20px;
}
/* /Components/Popups/Admin/SelecteerMedewerkerPopup.razor.rz.scp.css */
 .container[b-e0grph6rsm] {
    padding: 30px;
}
/* /Components/Popups/Admin/TeamPopup.razor.rz.scp.css */
 .container[b-ajd3dy1uez] {
    padding: 30px;
}
/* /Components/Popups/Budget/CursusInkomstEnKostPopup.razor.rz.scp.css */
.cursus-inkomst-en-kost-popup-container[b-hj1183otl1] {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    padding: 1rem;
}

.cursus-inkomst-en-kost-popup-column[b-hj1183otl1] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 1700px) {
    .cursus-inkomst-en-kost-popup-container[b-hj1183otl1] {
        flex-direction: column;
    }

    .cursus-inkomst-en-kost-popup-column[b-hj1183otl1] {
        width: 100%;
    }
}
/* /Components/Popups/CursusInkomsten/CursusInkomstenPopupContent.razor.rz.scp.css */
.container[b-8rkddspur3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    border: 2px solid var(--grijs);
    margin-top: 10px;
}

.defaultsContainer[b-8rkddspur3] {
    margin-bottom: 10px;
}

.add-container:not(:first-child)[b-8rkddspur3] {
    margin-top: 10px;
}

.popupBody[b-8rkddspur3] {
    padding: 10px 20px;
}

.budgetKostItemContainer[b-8rkddspur3] {
    padding-bottom: 10px;
}

.container-warning-budgettering[b-8rkddspur3] {
    background: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    padding: 15px;
    font-weight: 600;
}

.box[b-8rkddspur3] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0 10px 5px;
    gap: 10px;
    border: 2px solid var(--grijs);
    border-radius: 6px;
    width: 100%;
    margin-top: 10px;
}

    .box[b-8rkddspur3]  .row {
        margin-bottom: 0;
        padding: 0 10px;
    }

        .box[b-8rkddspur3]  .row > div {
            line-height: normal;
            padding-bottom: 4px;
            align-content: end;
        }

            .box[b-8rkddspur3]  .row > div:has(.titel),
            .box[b-8rkddspur3]  .row > div:has(.radioButtonsWrapper) {
                align-content: unset;
            }

.itemContainer[b-8rkddspur3] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.itemBox[b-8rkddspur3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%
}

.add-container[b-8rkddspur3] {
    background: var(--lichtpaarsgrijs);
}

.inputContainer[b-8rkddspur3] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 0px;
    gap: 10px;
}

.parameterText[b-8rkddspur3] {
    color: var(--svg-default-kleur);
    font-weight: 900;
}

[b-8rkddspur3] .rz-spinner {
    display: block;
}

.addParamButtons[b-8rkddspur3] {
    display: flex;
}

.leftButton[b-8rkddspur3] {
    padding-right: 20px;
}

[b-8rkddspur3] .radioButtonsWrapper, .radioButtonsWrapper .radioButtons[b-8rkddspur3] {
    padding-bottom: 0;
}
/* /Components/Popups/CursusKosten/CursusKostenPopupContent.razor.rz.scp.css */
.container[b-7nc9subxcf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    border: 2px solid var(--grijs);
}

.popupBody[b-7nc9subxcf] {
    padding: 10px 20px;
}

.budgetKostItemContainer[b-7nc9subxcf] {
    padding-bottom: 10px;
}

.add-container[b-7nc9subxcf] {
    background: var(--lichtpaarsgrijs);
}

    .add-container:not(:first-child)[b-7nc9subxcf] {
        margin-top: 10px;
    }

.container-warning-budgettering[b-7nc9subxcf] {
    background: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    padding: 15px;
    font-weight: 600;
}

.itemContainer[b-7nc9subxcf] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.inputContainer[b-7nc9subxcf] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 0px;
    gap: 10px;
}

.text[b-7nc9subxcf] {
    font-weight: 900;
}

[b-7nc9subxcf] .rz-spinner {
    display: block;
}

[b-7nc9subxcf] .button-base + .button-base {
    margin-left: 10px;
}
/* /Components/Popups/CursusKosten/CursusKostItem.razor.rz.scp.css */
.container[b-vf8xg8o6mu] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 15px 5px 15px 15px;
    gap: 20px;
    background: var(--wit);
    border: 2px solid var(--grijs);
}

.container + .container[b-vf8xg8o6mu] {
    margin-top: 10px;
}

.inputHeader[b-vf8xg8o6mu] {
    font-weight: 700;
    color: var(--svg-default-kleur);
    margin-bottom: 5px;
}

[b-vf8xg8o6mu] .rz-radio-button-list-horizontal {
    display: flex;
    height: 36px;
}

.flex-push[b-vf8xg8o6mu] {
    flex-grow: 1;
}

.removeButtonContainer[b-vf8xg8o6mu] {
    background-color: var(--lichtpaarsgrijs);
    display: flex;
    align-items: center;
}

.rightContainer[b-vf8xg8o6mu] {
    background-color: var(--lichtpaarsgrijs);
    display: flex;
    gap: 15px;
    margin: -15px;
    padding: 15px 0px 15px 15px;
    width: 40%;
}

    .rightContainer > div:not(.removeButtonContainer)[b-vf8xg8o6mu] {
        border-right: 1px solid var(--grijs);
        padding-right: 10px;
    } 

.leftContainer[b-vf8xg8o6mu] {
    width: 60%;
}
.leftContainer-kost[b-vf8xg8o6mu] {
    display: flex;
    gap: 15px;
}

.sumValue[b-vf8xg8o6mu] {
    font-weight: 700;
    color: var(--donkergrijs);
}

[b-vf8xg8o6mu] .infoveld {
    align-items: flex-start;
    display: flex;
    font-size: 12px;
    gap: 10px;
    padding: 7px 7px;
    color: var(--donkergrijs);
}

    [b-vf8xg8o6mu] .infoveld .button-link .button-inner {
        padding-top: unset;
    }

    [b-vf8xg8o6mu] .infoveld .button-link .button-content {
        padding-bottom: unset;
    }

[b-vf8xg8o6mu] .infoveld-icon {
    color: var(--paars);
}

    [b-vf8xg8o6mu] .infoveld-icon .icon-24 {
        width: 16px;
        height: 16px;
    }
/* /Components/Popups/DocentenToevoegen/DocentenToevoegenVergoedingItem.razor.rz.scp.css */
.content[b-zu3e9dcifp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 20px 20px 100px;
    gap: 10px;
    width: 100%;
}

.itemContainer[b-zu3e9dcifp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    border: solid 2px var(--grijs);
    border-radius: 6px;
    width: 100%;
}

.item[b-zu3e9dcifp] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 100%;
}

.itemColumn[b-zu3e9dcifp] {
    width: inherit;
}

p[b-zu3e9dcifp] {
    margin: 0;
}

[b-zu3e9dcifp] .sis-datepicker {
    width: 100%;
}

[b-zu3e9dcifp] .rz-spinner {
    display: block;
}
/* /Components/Popups/DocentenToevoegen/DocentToevoegenItem.razor.rz.scp.css */
.container[b-e0pqccfg6o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 6px 6px 30px;
    gap: 4px;
    border: solid 2px var(--grijs);
    border-radius: 6px;
}

.header[b-e0pqccfg6o] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 100%;
    background: var(--lichtpaarsgrijs);
}

.icon[b-e0pqccfg6o] {
    background: var(--blauw);
    border-radius: 5px;
}

p[b-e0pqccfg6o] {
    margin: 0;
}

.content[b-e0pqccfg6o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 20px 20px 100px;
    gap: 10px;
    width: 100%;
}

.headerContainer[b-e0pqccfg6o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.title[b-e0pqccfg6o] {
    font-weight: 700;
}

.itemContainer[b-e0pqccfg6o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    border: solid 2px var(--grijs);
    border-radius: 6px;
    width: 100%;
}

.item[b-e0pqccfg6o] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 100%;
}

.itemColumn[b-e0pqccfg6o] {
    width: inherit;
}

.buttonContainer[b-e0pqccfg6o] {
    gap: 20px;
}
/* /Components/Popups/DocentenToevoegen/DocentToevoegenPopup.razor.rz.scp.css */
.container[b-mcgzp6kp9c]{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.iconButtonContainer[b-mcgzp6kp9c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 3px var(--grijs) dashed;
    border-radius: 6px;
    gap: 5px;
}

p[b-mcgzp6kp9c]{
    margin: 0;
}
/* /Components/Popups/ExcelExport/ExporteerExcelKolommenPopup.razor.rz.scp.css */
.popup-body[b-du7ek92e7w]
{
    padding: 20px 40px;
}
/* /Components/Popups/Facturatie/FacturatieProductenOverzicht.razor.rz.scp.css */
.container-uitschrijven-grid[b-nag3htk1vx] {
    padding: 20px;
}
/* /Components/Popups/Inschrijving/InschrijvingErkenningPopup.razor.rz.scp.css */
.erkenning-container[b-usmps0gkep] {
    margin: 30px;
}

    .erkenning-container[b-usmps0gkep]  .SynLineBreak {
        width: 97%;
        margin: 30px auto 0 auto;
    }
/* /Components/Popups/Inschrijving/InschrijvingSamenstellingOverzicht.razor.rz.scp.css */
.container-uitschrijven-grid[b-pgqw03v5er] {
    padding: 20px;
}
/* /Components/Popups/Inschrijving/InschrijvingSubproductenTrajectSelectie.razor.rz.scp.css */
.container-trajectselectie-grid[b-vkk0v9yx98] {
    padding: 20px;
}
/* /Components/Popups/Inschrijving/InschrijvingUitschrijvingPopup.razor.rz.scp.css */
.container-uitschrijven[b-z47m52453n] {
    margin: 30px;
}

.container-cursist-info[b-z47m52453n] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 5px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}
/* /Components/Popups/Inschrijving/InschrijvingVrijstellingPopup.razor.rz.scp.css */
.vrijstelling-container[b-l8b2y9ftgy] {
    margin: 30px;
}

    .vrijstelling-container[b-l8b2y9ftgy]  .SynLineBreak {
        width: 97%;
        margin: 30px auto 0 auto;
    }

[b-l8b2y9ftgy] .chip-border {
    position: relative;
    top: -3px;
}

[b-l8b2y9ftgy] .checkbox {
    vertical-align: unset;
}

.selecteer-alle[b-l8b2y9ftgy] {
    padding: 10px 10px 0 0;
    cursor: pointer;
    background-color: var(--lichtpaarsgrijs);
    width: max-content;
}
.selecteer-alle:hover[b-l8b2y9ftgy] {
    background-color: var(--lichtpaarsgrijs);
}

    .selecteer-alle span[b-l8b2y9ftgy] {
        position: relative;
        top: -7px;
        left: 4px;
    }

.selecteer-alle-input[b-l8b2y9ftgy] {
    margin-left: 9px;
    height: 13px;
    width: 13px;
    padding: 1px;
    background-color: var(--paars);
    border-radius: 3px;
    display: inline-block;
}

    .selecteer-alle-input[b-l8b2y9ftgy]:after {
        content: "\002B";
        position: relative;
        display: block;
        color: white;
        left: 1px;
        top: -7px;
        font-weight: 900
    }

    .selecteer-alle-input.alles-geselecteerd[b-l8b2y9ftgy]:after {
        content: "\002D";       
        left: 3px;
        top: -7px;
    }

 .verwijder-button[b-l8b2y9ftgy]  button {
     float: right;
 }
 
 [b-l8b2y9ftgy] .disabled-True + label {
     font-style: italic;
     color: var(--donkerpaarsgrijs);
 }
/* /Components/Popups/Inschrijving/InschrijvingWachtlijstPopup.razor.rz.scp.css */
.container-wachtlijst[b-y0iwmd4bux] {
    padding: 20px;
}
.container-cursist-info[b-y0iwmd4bux] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 5px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}
.container-prospect-info[b-y0iwmd4bux] {
    display: flex;
    gap: 10px;
    width: 100%;
}
.container-prospect-info-naam[b-y0iwmd4bux] {
    padding-top: 5px;
}
.container-portfolio-element[b-y0iwmd4bux] {
    font-weight: 600;
    padding-top: 10px;
}
/* /Components/Popups/Kostendrager/KostendragerSearchPopup.razor.rz.scp.css */
.row[b-qznqff26i2] {
    margin: 10px 0;
}

.kostendrager-search-popup-searchbody[b-qznqff26i2] {
    padding: 1rem 2rem 1rem 2rem;
    background-color: var(--lichtpaarsgrijs);
}

.kostendrager-search-popup-resultbody[b-qznqff26i2] {
    padding: 1rem 2rem 1rem 2rem;
}

.flexContainer[b-qznqff26i2] {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* DataGrid Styling */
[b-qznqff26i2] .rz-group-header {
    background-color: transparent;
}

[b-qznqff26i2] .rz-grid-table > thead {
    background-image: linear-gradient(var(--wit), var(--lichtpaarsgrijs));
}

[b-qznqff26i2] .rz-grid-table thead th {
    background-color: transparent;
}

[b-qznqff26i2] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped .rz-state-highlight > td {
    background-color: var(--paars);
}

[b-qznqff26i2] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
    background-color: var(--lichtpaars);
}

[b-qznqff26i2] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) > * {
    color: white;
}

/* Checkbox Styling */
[b-qznqff26i2] .rz-chkbox-box.rz-state-active {
    background-color: var(--paars);
    border: var(--paars);
}
/* /Components/Popups/Param/ParamClusterPopup.razor.rz.scp.css */
.cluster[b-gga2ol1n21]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.cluster-details[b-gga2ol1n21] {
    padding: 1rem 2rem 1rem 2rem;
}

    .cluster-details[b-gga2ol1n21]  .row {
        align-items: center;
    }
/* /Components/Popups/Param/ParamCommercieleClusterPopup.razor.rz.scp.css */
.cluster[b-jjbrw6mudn]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.cluster-details[b-jjbrw6mudn] {
    padding: 1rem 2rem 1rem 2rem;
}

    .cluster-details[b-jjbrw6mudn]  .row {
        align-items: center;
    }
/* /Components/Popups/Param/ParamCommercieleSectorPopup.razor.rz.scp.css */
.sector[b-zngawcsw2c]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.sector-details[b-zngawcsw2c] {
    padding: 1rem 2rem 1rem 2rem;
}

.sector-details[b-zngawcsw2c]  .row {
    align-items: center;
}
/* /Components/Popups/Param/ParamCommercieleSubSectorPopup.razor.rz.scp.css */
.subsector[b-gkusc8q1iz]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.subsector-details[b-gkusc8q1iz] {
    padding: 1rem 2rem 1rem 2rem;
}

.subsector-details[b-gkusc8q1iz]  .row {
    align-items: center;
}
/* /Components/Popups/Param/ParamMerkPopup.razor.rz.scp.css */
.merk[b-usv7qqu7nw]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.merk-details[b-usv7qqu7nw] {
    padding: 1rem 2rem 1rem 2rem;
}

    .merk-details[b-usv7qqu7nw]  .row {
        align-items: center;
    }
/* /Components/Popups/Param/ParamSectorPopup.razor.rz.scp.css */
.sector[b-etibhxbd80]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.sector-details[b-etibhxbd80] {
    padding: 1rem 2rem 1rem 2rem;
}

.sector-details[b-etibhxbd80]  .row {
    align-items: center;
}
/* /Components/Popups/Param/ParamSubSectorPopup.razor.rz.scp.css */
.subsector[b-ov71v3b118]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.subsector-details[b-ov71v3b118] {
    padding: 1rem 2rem 1rem 2rem;
}

.subsector-details[b-ov71v3b118]  .row {
    align-items: center;
}
/* /Components/Popups/PopupError.razor.rz.scp.css */
[b-2scpxs5beo] .panel-body {
    word-break: break-word;
    padding: 10px;
}

.error-intro[b-2scpxs5beo] {
    padding: 30px;
    font-size: 0.9em;
}

.error-label[b-2scpxs5beo] {
    font-weight: 900;
}

.panel-error[b-2scpxs5beo] {
    font-size: 0.7em;
}        
/* /Components/Popups/Product/Budget/DocentenVergoeding/BudgetDocentenVergoedingHoedanigheidItem.razor.rz.scp.css */
.vergoedingInputContainer[b-e07lftyxvh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
}

.input[b-e07lftyxvh] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 5px;
    gap: 10px;
}

.inputHeader[b-e07lftyxvh] {
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.vergoedingItemContainer[b-e07lftyxvh] {
    display: flex;
    padding: 10px 0px 0px 0px;
}

.vergoedingItemDelete[b-e07lftyxvh] {
    margin-top: 20px;
}

.buttonContainer[b-e07lftyxvh] {
    margin: 0 0 10px 10px;
}

.title[b-e07lftyxvh] {
    color: var(--svg-default-kleur);
    font-weight: 700;
    padding-left: 15px;
    padding-top: 10px;
    margin: 0;
}

p[b-e07lftyxvh] {
    margin: 0;
}
/* /Components/Popups/Product/Budget/DocentenVergoeding/BudgetDocentenVergoedingItem.razor.rz.scp.css */
.vergoedingContainer[b-8bw009dkwv] {
    border: 2px var(--grijs) solid;
    border-radius: 7px;
    margin: 5px;
    width: 98%;
    gap: 5px;
}

.vergoedingItemContainer[b-8bw009dkwv] {
    margin-left: 60px;
    margin-right: 15px;
}

    [b-8bw009dkwv] .input.vergoedingItemRow {
        padding-left: 15px;
        width: 90%;
    }

p[b-8bw009dkwv] {
    margin: 0;
}

.inputHeader[b-8bw009dkwv] {
    color: var(--svg-default-kleur);
    font-weight: 700;
    margin: 10px;
}

.buttonContainer[b-8bw009dkwv] {
    margin: 0 0 10px 10px;
}

.vergoedingPersoonHeaderImageContainer[b-8bw009dkwv] {
    padding: 8px;
    margin: 10px;
    background: var(--blauw);
}

.vergoedingPersoonHeaderImage[b-8bw009dkwv] {
    content: url('images/svg/i-teacher.svg');
    width: 40px;
    height: 40px;
    background-color: var(--blauw);
}

.persoonJuryDocent[b-8bw009dkwv] {
    width: 100%;
    display: flex;
    overflow: hidden;
    word-wrap: normal;
    background: var(--lichtpaarsgrijs);
    align-items: center;
}

    .persoonJuryDocent > .persoonLabel[b-8bw009dkwv] {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 95px);
        float: left;
        margin: 8px;
    }

    .persoonJuryDocent > .persoonButtons[b-8bw009dkwv] {
        display: contents;
        margin: 8px;
    }

        .persoonJuryDocent > .persoonButtons[b-8bw009dkwv]  .container-prospect-label {
            min-width: unset;
        }
/* /Components/Popups/Product/Budget/DocentenVergoeding/BudgetDocentenVergoedingPopupContent.razor.rz.scp.css */
.container[b-pkl2ek9oye] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 10px;
    align-items: center;
}

.headerContainer[b-pkl2ek9oye] {
    border: 2px var(--grijs) solid;
    border-radius: 7px;
    box-shadow: 0px 0px 10px rgba(43, 43, 43, 0.2);
    margin: 10px;
    width: 98%;
    gap: 5px;
}

.headerTextContainer[b-pkl2ek9oye] {
    display: flex;
}

.headerTitelContainer[b-pkl2ek9oye] {
    margin: 5px;
    width: 100%;
}

.headerTitelText[b-pkl2ek9oye] {
    color: var(--svg-default-kleur);
    font-weight: 700;
    font-size: 18px;
}

.headerTotalenContainer[b-pkl2ek9oye] {
    display: flex;
}

.headerTotalenNegatief[b-pkl2ek9oye] {
    color: var(--rood);
}

.headerTextImageContainer[b-pkl2ek9oye] {
    margin: 10px;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
}

.headerTextImage[b-pkl2ek9oye] {
    width: 60px;
    height: 60px;
    background: var(--lichtpaarsgrijs);
    color: var(--paars);
}

.headerText[b-pkl2ek9oye] {
    color: var(--donkergrijs);
    opacity: 0.5;
    font-size: 14px;
}

.headerText > div[b-pkl2ek9oye] {
    opacity: 1;
    font-size: 16px;
}

.vergoedingContainer[b-pkl2ek9oye] {
    border: 2px var(--grijs) solid;
    border-radius: 7px;
    margin: 3px;
    width: 98%;
    gap: 5px;
}

.iconButtonContainer[b-pkl2ek9oye] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px var(--grijs) dashed;
    border-radius: 7px;
    margin: 10px;
    width: 98%;
    gap: 5px;
}

.iconButtonContainer[b-pkl2ek9oye]  button {
    margin: 5px;
}

p[b-pkl2ek9oye] {
    margin: 0;
}
/* /Components/Popups/Product/Budget/DocentenVergoeding/BudgetVergoedingItem.razor.rz.scp.css */
.vergoedingItemInputContainer[b-7lbkz8iar2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
}

.input[b-7lbkz8iar2] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 25px 5px 15px;
    gap: 10px;
}

.inputHeader[b-7lbkz8iar2] {
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.buttonContainer[b-7lbkz8iar2] {
    margin: 0 0 20px 10px;
}

.title[b-7lbkz8iar2] {
    color: var(--svg-default-kleur);
    font-weight: 700;
    padding-left: 15px;
    padding-top: 10px;
    margin: 0;
}

.buttonAfwijking[b-7lbkz8iar2] {
    align-self: end;
}

.vergoedingItemAanvraagContainer[b-7lbkz8iar2] {
    display: flex;
    float: right;
}
.afwijkingContainer[b-7lbkz8iar2] {
    background: var(--lichtpaarsgrijs);
    padding: 10px 10px 10px 10px;
}

.afwijingContainerItem[b-7lbkz8iar2] {
    background-color: white;
    padding: 10px 10px 10px 10px;
}

.afwijkingButtonRechts[b-7lbkz8iar2] {
    float: right;
    padding: 10px 10px 10px 10px;
}
p[b-7lbkz8iar2] {
    margin: 0;
}
/* /Components/Popups/Product/DocentenVergoeding/ProductLidPopup.razor.rz.scp.css */
.vergoedingPersoonHeaderImageContainer[b-4qp4m8y0r9] {
    padding: 8px;
    background: var(--blauw);
}

.vergoedingPersoonHeaderImage[b-4qp4m8y0r9] {
    content: url('images/svg/i-teacher.svg');
    width: 60px;
    height: 60px;
    background-color: var(--blauw);
}

.persoonJuryDocent[b-4qp4m8y0r9] {
    width: 100%;
    display: flex;
    overflow: hidden;
    word-wrap: normal;
    background: var(--lichtpaarsgrijs);
}

    .persoonJuryDocent > .persoonLabel[b-4qp4m8y0r9] {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 95px);
        float: left;
        margin: 8px;
    }

    .persoonJuryDocent > .persoonButtons[b-4qp4m8y0r9] {
        display: inline-block;
        float: right;
        margin: 8px;
    }

/* /Components/Popups/Product/DocentenVergoeding/ProductLidVergoedingHoedanigheidPopup.razor.rz.scp.css */
.vergoedingInputContainer[b-02nklwmbrg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
}

.input[b-02nklwmbrg] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 5px;
    gap: 10px;
}

.inputHeader[b-02nklwmbrg] {
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.vergoedingItemContainer[b-02nklwmbrg] {
    display: flex;
    padding: 10px 0px 0px 0px;
}

.vergoedingItemDelete[b-02nklwmbrg] {
    margin-top: 20px;
}

.buttonContainer[b-02nklwmbrg] {
    margin: 0 0 20px 10px;
}

.title[b-02nklwmbrg] {
    color: var(--svg-default-kleur);
    font-weight: 700;
    padding-left: 15px;
    padding-top: 10px;
    margin: 0;
}

p[b-02nklwmbrg] {
    margin: 0;
}
/* /Components/Popups/Product/DocentenVergoeding/ProductLidVergoedingItemPopup.razor.rz.scp.css */
.vergoedingItemInputContainer[b-ldpr1tu1ix] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
}

.input[b-ldpr1tu1ix] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 25px 5px 15px;
    gap: 10px;
}

.buttonAfwijking[b-ldpr1tu1ix] {
    align-self: end;
}

.vergoedingItemAanvraagContainer[b-ldpr1tu1ix] {
    display: flex;
    float: right;
}

.afwijkingContainer[b-ldpr1tu1ix] {
    background: var(--lichtpaarsgrijs);
    padding: 10px 10px 10px 10px;
}

.afwijingContainerItem[b-ldpr1tu1ix] {
    background-color: white;
    padding: 10px 10px 10px 10px;
}

.afwijkingButtonRechts[b-ldpr1tu1ix] {
    float: right;
    padding: 10px 10px 10px 10px;
}

p[b-ldpr1tu1ix] {
    margin: 0;
}



/* /Components/Popups/Product/DocentenVergoeding/ProductLidVergoedingPopup.razor.rz.scp.css */
.headerContainer[b-vf6dd4yxg5] {
    border: 2px var(--grijs) solid;
    border-radius: 7px;
    box-shadow: 0px 0px 10px rgba(43, 43, 43, 0.2);
    margin: 10px;
    width: 98%;
    gap: 5px;
}

.headerTextContainer[b-vf6dd4yxg5] {
    display: flex;
}

.headerTitelContainer[b-vf6dd4yxg5] {
    margin: 5px;
}

.headerTitelText[b-vf6dd4yxg5] {
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.headerTotalenContainer[b-vf6dd4yxg5] {
    display: flex;
}

.headerTotalenNegatief[b-vf6dd4yxg5] {
    color: var(--rood);
}

.headerTextImageContainer[b-vf6dd4yxg5] {
    padding: 8px;
    background: var(--lichtpaarsgrijs);
}

.headerTextImage[b-vf6dd4yxg5] {
    width: 60px;
    height: 60px;
    background: var(--lichtpaarsgrijs);
    color: var(--paars);
}

.headerText[b-vf6dd4yxg5] {
    color: var(--donkergrijs);
    font-weight: 400;
    width: 200px;
}

.vergoedingContainer[b-vf6dd4yxg5] {
    border: 2px var(--grijs) solid;
    border-radius: 7px;
    margin: 3px;
    width: 98%;
    gap: 5px;
}

.iconButtonContainer[b-vf6dd4yxg5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px var(--grijs) dashed;
    border-radius: 7px;
    margin: 10px;
    width: 98%;
    gap: 5px;
}

.inputHeader[b-vf6dd4yxg5] {
    color: var(--svg-default-kleur);
    font-weight: 700;
    margin: 10px;
}

.vergoedingContainer[b-vf6dd4yxg5] {
    border: 2px var(--grijs) solid;
    border-radius: 7px;
    margin: 5px;
    width: 98%;
    gap: 5px;
}

.vergoedingItemContainer[b-vf6dd4yxg5] {
    margin-left: 60px;
    margin-right: 15px;
}

[b-vf6dd4yxg5] .input.vergoedingItemRow {
    padding-left: 15px;
    width: 90%;
}

.buttonContainer[b-vf6dd4yxg5] {
    margin: 0 0 15px 10px;
}

p[b-vf6dd4yxg5] {
    margin: 0;
}
/* /Components/Popups/ProductPortfolio/CommerciëleInfoOvernemenPopupItem.razor.rz.scp.css */
.item[b-7yo3vtn9y2] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.container[b-7yo3vtn9y2]{
    padding: 20px;
}

[b-7yo3vtn9y2] .rz-chkbox-icon:before {
    padding-left: 6px;
}
/* /Components/Popups/ProductPortfolio/TabbladOvernemenPopup.razor.rz.scp.css */
.container[b-eiuuh3p7gb] {
    padding: 20px;
}

/* Header kleur*/
[b-eiuuh3p7gb] .rz-accordion-header {
    /*    color: var(--bulkedit-categorie-tekst);*/
    background-color: var(--lichtpaarsgrijs);
}

    [b-eiuuh3p7gb] .rz-accordion-header > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }

/* closebutton - Geen ( ) rond het X icoon*/
[b-eiuuh3p7gb] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* Cirkel rond de chevron */
[b-eiuuh3p7gb] .rz-accordion-toggle-icon {
    background-color: var(--wit);
    border-radius: 12px;
    color: var(--bulkedit-actie-chevron);
}

    /* Chevron kleur in een ander kleur zetten */
    [b-eiuuh3p7gb] .rz-accordion-toggle-icon > span {
        color: purple;
    }

[b-eiuuh3p7gb] .rz-accordion-content {
    padding: 0 0 0 18px;
}

[b-eiuuh3p7gb] .rz-accordion .rz-accordion-header > a {
    padding-block: 10px;
}

[b-eiuuh3p7gb] .rz-checkbox-list-vertical {
    padding-bottom: 1px;
}

[b-eiuuh3p7gb] .rz-accordion-content .rz-checkbox {
    display: flex;
    align-items: flex-start;
}

[b-eiuuh3p7gb] .rz-accordion-content .rz-checkbox .rz-chkbox {
    margin-top: 5px;
}

.annuleren-start[b-eiuuh3p7gb] {
    margin-top: 20px;
}

.product-naam[b-eiuuh3p7gb] {
    font-weight: 900;
}

[b-eiuuh3p7gb] .clusters {
    background-color: var(--infobox-background);
    padding: 5px 10px;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--donkergrijs);
    min-width: 60vh;
}
/* /Components/Popups/Prospect/BedrijfKMOProjectPopup.razor.rz.scp.css */
.kmo-project-container[b-7scknny26h] {
    margin: 30px;
}

[class*="kmo-project-container-"][b-7scknny26h] {
    border: 2px solid var(--paarsgrijs);
    margin: 20px;
    padding: 0 20px;
}

.kmo-project-container-producten[b-7scknny26h] {
    margin: 0;
    border: unset;
}

.kmo-project-container-weigering[b-7scknny26h] {
    padding: 0;
}

.weigering-info[b-7scknny26h] {
    padding: 0 20px;
}

[b-7scknny26h] .product-info {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px 20px;
    margin-top: 10px;
}

.product-info-titel[b-7scknny26h] {    
    font-weight: 900;
    margin: 0 15px 10px 0;
    font-size: 20px;
}
/* /Components/Popups/Prospect/BedrijfKMOProjectProductPopup.razor.rz.scp.css */

/* /Components/Popups/Prospect/ProspectHistoriekPopup.razor.rz.scp.css */
.prospectHistoriekContainer[b-odk2wx8s2k] {
    margin: 40px;
}

[b-odk2wx8s2k] .prospectInput {
    width: 50%;
}
/* /Components/Popups/Syllabi/SyllabiVersiePopup.razor.rz.scp.css */
.syllabi-versie-popup-body[b-r7j1skn836] {
    margin: 30px;
}

.syllabi-versie-popup-body[b-r7j1skn836]  .SynLineBreak {
    width: 97%;
    margin: 30px auto 0 auto;
}
/* /Components/Popups/Syllabi/SyllabiVoormaligeVersieValiditeitPopup.razor.rz.scp.css */
.syllabi-voormalige-versie-validiteit-popup-body[b-8nry94vvoj] {
    margin: 30px;
}

.syllabi-voormalige-versie-validiteit-popup-body[b-8nry94vvoj]  .SynLineBreak {
    width: 97%;
    margin: 30px auto 0 auto;
}
/* /Components/Product/DuurtijdSelectie.razor.rz.scp.css */
.container[b-9em0eod6ti] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    gap: 10px;
    background: var(--lichtpaarsgrijs);
}

.itemContainer[b-9em0eod6ti] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.totaleDuurtijdContainer[b-9em0eod6ti]{
    background: var(--paarsgrijs);
    padding: 5px;
}

p[b-9em0eod6ti]{
    margin: 0;
}

.text[b-9em0eod6ti]{
    font-weight: 700;
}

.inputContainer[b-9em0eod6ti]{
    align-items: end;
}

.buttonContainer[b-9em0eod6ti]{
    margin-bottom: 10px;
}

[b-9em0eod6ti] .rz-spinner {
    display: block;
}
/* /Components/Product/EindDatumInschrijvingenSelectie.razor.rz.scp.css */
.container[b-x2t2povvqg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0px;
}

.itemContainer[b-x2t2povvqg] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.text[b-x2t2povvqg] {
    font-weight: 700;
}

.infoText[b-x2t2povvqg] {
    font-weight: 400;
    font-size: 12px;
    color: var(--donkergrijs);
}

[b-x2t2povvqg] .rz-spinner {
    display: block;
}

.date[b-x2t2povvqg]{
    display: block
}

.inputContainer[b-x2t2povvqg] {
    align-items: end;
    padding: 0 10px;
    background-color: var(--lichtpaarsgrijs);
    width: 100%;
    gap: 40px;
}

.buttonContainer[b-x2t2povvqg] {
    margin-bottom: 10px;
    display: flex;
    gap: 20px;
}

.inschrijven-voor-datefield[b-x2t2povvqg] {
    min-height: 36px;
}

.dateTimeContainer[b-x2t2povvqg]{
    pointer-events: none;
    color: var(--lichtpaarsgrijs);
}

.numericContainer[b-x2t2povvqg]{
    width: 230px;
}

.dateTimeInputContainer[b-x2t2povvqg]{
    width: 200px;
}

[b-x2t2povvqg] .rz-calendar .rz-inputtext{
    background: var(--lichtpaarsgrijs);
} 
/* /Components/Product/ProductDupliceer.razor.rz.scp.css */
.dupliceerContainer[b-a412vr4v4f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 10px;
    gap: 10px;
    width: 501px;
    background: var(--lichtpaarsgrijs);
}

.dupliceerText[b-a412vr4v4f] {
    margin: 0;
}

[b-a412vr4v4f] .sis-inputtext {
    width: 100%
}
/* /Components/Product/ProductGrid.razor.rz.scp.css */
.overzicht-container[b-z6nu9rd39z] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 10px;
    overflow-x: auto;
    width: 92vw;
    margin-left: 25px;
}

.overzicht-subitem[b-z6nu9rd39z] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}

.product-soort[b-z6nu9rd39z] {
    padding-right: 5px;
    display: inline-table;
}

p[b-z6nu9rd39z]{
    margin: 0;
}
/* /Components/Product/ProductKopieer.razor.rz.scp.css */
.kopieerContainer[b-yomf22p2k7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px;
    height: 65px;
    background: #F6F8FE;
    justify-content: space-between;
}

.kopieerIcon[b-yomf22p2k7] {
    padding-left: 10px;
}

.kopieerText[b-yomf22p2k7] {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;
    margin: 0;
}

.line[b-yomf22p2k7] {
    background: var(--lichtgrijs);
    width: 1px;
    height: 65px;
    margin-left: 20px;
    margin-right: 10px;
}

.buttonContainer[b-yomf22p2k7]{
    text-align: center;
}
/* /Components/Product/ProductNewPopup.razor.rz.scp.css */
.newProductContainer[b-0z8xtaqahk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 40px;
    gap: 10px;
}

.listContainer[b-0z8xtaqahk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
    width: 100%;
}

.text[b-0z8xtaqahk] {
    color: #34495E;
    margin: 0;
}

.highlightText[b-0z8xtaqahk] {
    color: #507091;
}

[b-0z8xtaqahk] .sis-inputtext {
    width: 100%
}

[b-0z8xtaqahk] .rz-radio-button-list-vertical .rz-radio-btn {
    padding-left: 20px;
}
/* /Components/Product/ProductSimpelSelectie.razor.rz.scp.css */
.product-simpel-selectie-filter[b-8aj4v8jubn] {
    background: linear-gradient(to bottom, var(--wit), var(--lichtpaarsgrijs));
    padding: 20px;
    font-weight: 700;
}

.product-simpel-selectie-resultaat[b-8aj4v8jubn] {
    padding: 0px 20px 0px 20px;
}

.product-simpel-selectie-button-right[b-8aj4v8jubn] {
    text-align: right;
}
/* /Components/Product/ProductSubGrid.razor.rz.scp.css */
.sub-producten[b-vk5uol8ey5]  .rz-grid-table-fixed {
    table-layout: unset;
}
/* /Components/ProductLid/FacturatieBetalingPopup.razor.rz.scp.css */
.row[b-gja18yd1ch] {
    margin-left: 10px;
    margin-right: 10px;
}

.facturatie-info[b-gja18yd1ch] {
    border: 1px solid var(--grijs);
    background-color: var(--lichtpaarsgrijs);
    padding: 10px 20px;
}

.facturatie-info-links[b-gja18yd1ch] {
    margin: 20px 0 10px 0;
}

.facturatie-info-rechts[b-gja18yd1ch] {
    margin: 20px 0 10px 0;
}

.betaald-en-saldo[b-gja18yd1ch] {
    border: 1px solid var(--grijs);
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 10px;
    margin-top: 10px;
    width: fit-content;
}

    .betaald-en-saldo > .saldo[b-gja18yd1ch] {
        color: var(--status-groen);
    }

        .betaald-en-saldo > .saldo.openstaandsaldo[b-gja18yd1ch] {
            color: var(--status-rood);
        }

    .betaald-en-saldo > .betaald[b-gja18yd1ch] {
    }

    .betaald-en-saldo > .gefactureerd[b-gja18yd1ch] {
    }
/* /Components/ProductLid/FacturatieDatumSelectie.razor.rz.scp.css */
.containerSelectie[b-juh02joiw6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.itemContainer[b-juh02joiw6] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.text[b-juh02joiw6] {
    font-weight: 700;
}

.infoText[b-juh02joiw6] {
    font-weight: 400;
    font-size: 12px;
    color: var(--donkergrijs);
}

[b-juh02joiw6] .rz-spinner {
    display: block;
}

.date[b-juh02joiw6] {
    display: block
}

.inputContainer[b-juh02joiw6] {
    align-items: end;
    padding: 0 10px;
    background-color: var(--lichtpaarsgrijs);
    width: 100%;
    gap: 40px;
}

.buttonContainer[b-juh02joiw6] {
    margin-bottom: 10px;
    display: flex;
    gap: 20px;
}

.inschrijven-voor-datefield[b-juh02joiw6] {
    min-height: 36px;
}

.dateTimeContainer[b-juh02joiw6] {
    pointer-events: none;
    color: var(--lichtpaarsgrijs);
}

.numericContainer[b-juh02joiw6] {
    width: 230px;
}

.dateTimeInputContainer[b-juh02joiw6] {
    width: 200px;
}

[b-juh02joiw6] .rz-calendar .rz-inputtext {
    background: var(--lichtpaarsgrijs);
}
/* /Components/ProductLid/FacturatieDetail.razor.rz.scp.css */
/* /Components/ProductLid/OverzichtHeader.razor.rz.scp.css */
.container-inschrijving-header[b-fxdqwuswuv] {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    gap: 10px;
    margin-top: 10px;
    justify-content: space-between;
    align-items: center;
}

.container-inschrijving-header-items[b-fxdqwuswuv] {
    border-color: var(--grijs);
    border-style: solid;
    display: flex;
    border-radius: 5px;
    padding: 4px;
    align-items: center;
}

[b-fxdqwuswuv] .container-inschrijving-header-items .icon {
    color: var(--paars);
    margin-right: 4px;
}

.container-inschrijving-header-item[b-fxdqwuswuv] {
    padding: 4px;
    display: flex;
    align-items: center;
}

.container-inschrijving-header-item-minmax[b-fxdqwuswuv], .container-inschrijving-header-item-brutomarge[b-fxdqwuswuv] {
    background-color: white;
    border-color: var(--grijs);
    border-style: solid;
    padding: 0 8px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    min-height: 2rem;
}

.container-inschrijving-header-item-brutomarge[b-fxdqwuswuv] {
    display: flex;
    align-items: center;
}

[b-fxdqwuswuv] .container-inschrijving-header-item-minmax .icon {
    color: var(--paars);
    margin-right: 4px;
}

[b-fxdqwuswuv] .container-inschrijving-header-item-brutomarge .icon {
    color: var(--blauw);
    margin: -3px 6px 0 6px;
}

[b-fxdqwuswuv] .container-inschrijving-header-item-brutomarge .chip-root {
    border-radius: 5px;
}

.brutomarge-titel[b-fxdqwuswuv] {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;    
}

.brutomarge-tooltip-content[b-fxdqwuswuv] {
    padding: 10px 10px 5px 10px;
    display: inline-grid;
}

.text-spacing[b-fxdqwuswuv] {
    margin: 0 0 0 5px;
}

.slash-divider[b-fxdqwuswuv] {
    margin: 0 3px;
}
/* /Components/ProductLid/ProductLidCommunicatie.razor.rz.scp.css */
.container-communicatie-email[b-12asy74xvz] {
    padding-left: 20px;
    width: 400px;
}

.container-communicatie-type[b-12asy74xvz] {
    flex-direction: column;
    display: flex;
}

.container-communicatie-buttons[b-12asy74xvz] {
    display: flex;
    align-items: baseline;
    margin-top: 20px;
}
/* /Components/ProductLid/ProductLidCommunicatiePopup.razor.rz.scp.css */
.container-add-communicatie[b-37f8y742ss] {
    display: flex;
    align-items: end;
    padding: 0px 0px 10px 10px;
    background-color: var(--lichtpaarsgrijs);
    width: 100%;
    gap: 40px;
    margin-top: 10px;
}

.container-communicatie-email[b-37f8y742ss] {
    padding-left: 20px;
    width: 400px;
}

.container-communicatie-email-autocomplete[b-37f8y742ss] {
    height: 37px;
}

.container-communicatie-type[b-37f8y742ss],
.container-communicatie-email[b-37f8y742ss] {
    flex-direction: column;
    display: flex;
}

    .container-communicatie-email[b-37f8y742ss]  > span,
    .container-communicatie-type[b-37f8y742ss]  > span {
        padding: 5px;
    }
/* /Components/ProductLid/ProductLidKost.razor.rz.scp.css */
.container-kost[b-r1a9c7hbg2] {
    padding: 15px;
}
.titel-row[b-r1a9c7hbg2] {
    padding: 0 0 5px 0;
}

.titel-omschrijving[b-r1a9c7hbg2] {
    font-size: 20px;
    font-weight: 900;
}

.titel-prijs[b-r1a9c7hbg2] {
    font-size: 14px;
}

.content-row[b-r1a9c7hbg2] {
    background-color: var(--paarsgrijs);
    padding: 3px 5px;
    border-bottom: 1px solid var(--grijs);
    margin: 0px;
}

.content-omschrijving[b-r1a9c7hbg2] {
    font-size: 16px;
}

.content-row.default[b-r1a9c7hbg2] {
    font-weight: 700;
}

.content-edit-button[b-r1a9c7hbg2] {
    padding-left: 5px;
    display: inline;
}

.content-delete-button[b-r1a9c7hbg2] {
    padding-left: 25px;
    display: inline;
}

.btw[b-r1a9c7hbg2] {
    font-size: 12px;
}

.content-prijs[b-r1a9c7hbg2] {
    font-size: 16px;
}

    .content-prijs.incl-btw[b-r1a9c7hbg2] {
        padding-right: 5px;
    }

.align-end[b-r1a9c7hbg2] {
    text-align: end;
}

.footer-row[b-r1a9c7hbg2] {
    background-color: var(--paarsgrijs);
    padding: 5px;
    margin: 0px;
}

.footer-omschrijving[b-r1a9c7hbg2] {
    font-size: 16px;
    font-weight: 700;
}

.footer-prijs[b-r1a9c7hbg2] {
    font-size: 16px;
    font-weight: 700;
}

    .footer-prijs.incl-btw[b-r1a9c7hbg2] {
        padding-right: 5px;
    }

.group-wrapper[b-r1a9c7hbg2] {
    border: 2px solid var(--paarsgrijs);
}

    .group-wrapper .content-row[b-r1a9c7hbg2] {
        --bs-gutter-x: 0;
    }

.first-col[b-r1a9c7hbg2] {
    padding-left: 20px;
    --bs-gutter-x: 0;

}

.row-korting[b-r1a9c7hbg2] {
    border-bottom: 2px solid var(--paarsgrijs);
    --bs-gutter-x: 0;
}

.col-detail-1[b-r1a9c7hbg2], .col-detail-2[b-r1a9c7hbg2] {
    padding-right: 9px;
    background-color: var(--lichtpaarsgrijs);
}

.col-button[b-r1a9c7hbg2] {
    background-color: var(--lichtpaarsgrijs);
}

.col-button[b-r1a9c7hbg2]  .icon-button {
    margin: 25% 25%;
}

.col-detail-1[b-r1a9c7hbg2]::after, .col-detail-2[b-r1a9c7hbg2]::after, .col-header-1[b-r1a9c7hbg2]::after, .col-header-2[b-r1a9c7hbg2]::after {
    content: '';
    border-right: 1px solid #7e8997;
    width: 3px;
    height: 75%;
    position: relative;
    display: block;
    float: right;
    right: -10px;
    top: 2px;
}

.col-header-1[b-r1a9c7hbg2]::after, .col-header-2[b-r1a9c7hbg2]::after {
    right: -4px;
}

.col-header-2[b-r1a9c7hbg2]::after {
    right: -5px;
}

.col-detail-1[b-r1a9c7hbg2]::after, .col-detail-2[b-r1a9c7hbg2]::after {
    top: -60px;
}

.col-detail-2 .content-prijs[b-r1a9c7hbg2] {
    padding-right: 5px;
}

.sign-equals[b-r1a9c7hbg2] {
    float: left;
    padding-left: 10px;
    font-weight: 700;
}

.btw[b-r1a9c7hbg2] {
    padding-left: 10px;
}

.footer-kortingen[b-r1a9c7hbg2] {
    padding: 5px 0 5px 10px;
    margin-bottom: 10px;
    background-color: var(--lichtpaarsgrijs);
}

.extra-inkomst[b-r1a9c7hbg2] {
    padding-bottom: 10px;
}
/* /Components/ProductLid/ProductLidKostPopup.razor.rz.scp.css */
.container[b-kkmfjwthuf] {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--donkergrijs);
}
/* /Components/ProductLid/ProductLidToelatingsvoorwaarden.razor.rz.scp.css */
.voorwaarden-tekst[b-rxbb6shsae] {
    background-color: var(--paarsgrijs);
    padding: 10px 0 0 15px;
    margin: -15px 0 0 15px;
    font-style: italic;
}
/* /Components/ProductLid/ProductLidUitschrijving.razor.rz.scp.css */
.container-uitschrijven[b-223i0ei9ot] {
    padding: 20px;
}

.container-uitschrijving-subtitel[b-223i0ei9ot] {
    font-weight: 600;
    padding-top: 10px;
}

.container-prospect-info[b-223i0ei9ot] {
    display: flex;
    gap: 10px;
    width: 100%;
}

.container-prospect-info-naam[b-223i0ei9ot] {
    padding-top: 5px;
}

.container-cursist-info[b-223i0ei9ot] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 5px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-input-velden[b-223i0ei9ot] {
}
/* /Components/ProductPortfolio/ProductPortfolioCommercieleCluster.razor.rz.scp.css */
.popup-content[b-h09h3pn3ve] {
    margin: 20px;
}
/* /Components/ProductPortfolio/ProductPortfolioDupliceer.razor.rz.scp.css */
.dupliceerContainer[b-vyvxvsflvn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 10px;
    gap: 10px;
    width: 100%;
    background: var(--lichtpaarsgrijs);
}

.dupliceerText[b-vyvxvsflvn] {
    margin: 0;
}

[b-vyvxvsflvn] .sis-inputtext {
    width: 100%
}

.selecteer-alle[b-vyvxvsflvn] {
    padding: 10px 10px 0 0;
    cursor: pointer;
    background-color: var(--lichtpaarsgrijs);
    width: max-content;
}

    .selecteer-alle:hover[b-vyvxvsflvn] {
        background-color: var(--lichtpaarsgrijs);
    }

    .selecteer-alle span[b-vyvxvsflvn] {
        position: relative;
        top: -7px;
        left: 4px;
    }

.selecteer-alle-input[b-vyvxvsflvn] {
    margin-left: 9px;
    height: 13px;
    width: 13px;
    padding: 1px;
    background-color: var(--paars);
    border-radius: 3px;
    display: inline-block;
}

    .selecteer-alle-input[b-vyvxvsflvn]:after {
        content: "\002B";
        position: relative;
        display: block;
        color: white;
        left: 1px;
        top: -7px;
        font-weight: 900
    }

    .selecteer-alle-input.alles-geselecteerd[b-vyvxvsflvn]:after {
        content: "\002D";
        left: 3px;
        top: -7px;
    }
/* /Components/ProductPortfolio/ProductPortfolioGrid.razor.rz.scp.css */
.productportfolio-soort[b-ldcje2c6en] {
    padding-right: 5px;
}

    .productportfolio-soort img[b-ldcje2c6en] {
        height: 24px;
    }
/* /Components/ProductPortfolio/ProductPortfolioKopieer.razor.rz.scp.css */
.kopieerContainer[b-tk35a5qb20] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px;
    height: 65px;
    background: #F6F8FE;
    justify-content: space-between;
}

.kopieerIcon[b-tk35a5qb20] {
    padding-left: 10px;
}

.kopieerText[b-tk35a5qb20] {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;
    margin: 0;
}

.line[b-tk35a5qb20] {
    background: var(--lichtgrijs);
    width: 1px;
    height: 65px;
    margin-left: 20px;
    margin-right: 10px;
}

.buttonContainer[b-tk35a5qb20]{
    padding: 10px;
    text-align: center;
}
/* /Components/ProductPortfolio/ProductPortfolioMaterialenPopup.razor.rz.scp.css */
.container[b-xkwu9tc6o8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

.popupContainer[b-xkwu9tc6o8] {
    padding: 10px;
    background-color: var(--lichtpaarsgrijs);
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.title[b-xkwu9tc6o8] {
    font-weight: 700;
}

.omschrijvingContainer[b-xkwu9tc6o8] {
    background-color: var(--wit);
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 10px;
}

p[b-xkwu9tc6o8] {
    margin: 0;
}

.section[b-xkwu9tc6o8] {
    padding: 20px;
}

.input[b-xkwu9tc6o8] {
    width: 50%;
}
/* /Components/ProductPortfolio/ProductPortfolioOrganisatieOverzicht.razor.rz.scp.css */
.titel-organisatie[b-lfcymohhuj] 
{
    font-weight: 700;
}

.default-waarde[b-lfcymohhuj] {
    font-weight: 400;
    font-size: small;
    color: var(--inputsubtitel);
}

.container-organisatie[b-lfcymohhuj] {
    margin-left: 20px;
    margin-top: 20px;
}

.container-externe-lesplaats[b-lfcymohhuj] {
    margin-left: 20px;
    margin-top: 20px;
}
/* /Components/ProductPortfolio/ProductPortfolioSimpelSelectie.razor.rz.scp.css */
.productportfolio-simpel-selectie-filter[b-fhgut4h4yd] {
    background-color: var(--lichtpaarsgrijs);
    padding: 20px;
    font-weight:700;
}
    .productportfolio-simpel-selectie-filter-row[b-fhgut4h4yd] {
        
    }

.productportfolio-simpel-selectie-resultaat[b-fhgut4h4yd] {
    padding: 20px;
}

.productportfolio-simpel-selectie-button-right[b-fhgut4h4yd] {
    text-align: right;
}

.overzicht-titel-zoek[b-fhgut4h4yd]{
    display: flex;
    gap: 20px;
}

[b-fhgut4h4yd] .row {
    --bs-gutter-x: 0.9rem;
}
/* /Components/ProductPortfolio/ProductPortfolioSubGrid.razor.rz.scp.css */
.overzicht-container[b-9vrmkwv11f] {
    /*padding: 35px 10px 10px 35px;*/
    padding: 10px;
    overflow-x: auto;
    /*width: 92vw;*/
    /*margin-left: 25px;*/
}

    .overzicht-container.borderhighlight[b-9vrmkwv11f] {
        border-color: var(--lichtpaars);
        border-style: solid;
    }

.overzicht-subitem-titel[b-9vrmkwv11f] {
    color: var(--paars);
    background-color: var(--lichtgrijsmagenta);
    border-color: var(--lichtpaars);
    border-bottom: 0px;
    border-style: solid;
    padding: 10px 10px 10px 10px;
    /*margin-left: 10px;*/
}

.overzicht-container-subitem[b-9vrmkwv11f] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    /*margin-left: 10px;*/
}

.overzicht-subitem[b-9vrmkwv11f] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Components/ProductPortfolio/ProductPortfolioSyllabiGrid.razor.rz.scp.css */
.syllabi-docenten-container[b-ttj6zlwngx] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.syllabi-docent-item[b-ttj6zlwngx] {
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    justify-content: center;
    margin-right: 5px;
    text-align: center;
    padding-left: 0px;
    width: 2rem;
    align-items: center;
}

.simple-data-grid-newrow[b-ttj6zlwngx] {
    padding-top: 5px;
}

[b-ttj6zlwngx] .simple-data-grid-newrow > td {
    padding: 5px 10px 5px 10px;
}
/* /Components/ProductPortfolio/Vakken/EvaluatieDetails.razor.rz.scp.css */
.container[b-89k3j58dol] {
    display: flex;
    padding: 0 10px 5px 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-89k3j58dol] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

p[b-89k3j58dol] {
    margin: 0;
}

.boldText[b-89k3j58dol] {
    font-weight: bold;
}

.infoContainer[b-89k3j58dol] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-89k3j58dol] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}

.infoWrapper[b-89k3j58dol] {
    width: 100%;
}

[b-89k3j58dol] .datagrid-root {
    margin-top: 5px;
}

[b-89k3j58dol] .radioButton-item {
    padding-left: 0;
}

[b-89k3j58dol] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-89k3j58dol] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-89k3j58dol] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-89k3j58dol] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-89k3j58dol] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-89k3j58dol] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

[b-89k3j58dol] .detail-blok {
    margin-left: 90px;
}

    [b-89k3j58dol] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-89k3j58dol] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

@media (max-width : 1400px) {
    .infoItem[b-89k3j58dol], .rz-cell-data .infoItem[b-89k3j58dol]  span {
        font-size: small;
    }
}

@media (max-width : 1230px) {
    [b-89k3j58dol] .detail-blok .titel-blok-content {
        display: inherit;
    }
    .infoItem[b-89k3j58dol], .rz-cell-data .infoItem[b-89k3j58dol]  span {
        font-size: x-small;
    }
}

@media (max-width : 1000px) {
    [b-89k3j58dol] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
    .infoItem[b-89k3j58dol], .rz-cell-data .infoItem[b-89k3j58dol]  span {
        font-size: xx-small;
    }
}
/* /Components/ProductPortfolio/Vakken/EvaluatiePopup.razor.rz.scp.css */
.container[b-9p8zn3zvz0] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-9p8zn3zvz0] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

p[b-9p8zn3zvz0] {
    margin: 0;
}

.boldText[b-9p8zn3zvz0] {
    font-weight: bold;
}

.infoContainer[b-9p8zn3zvz0] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-9p8zn3zvz0] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-9p8zn3zvz0] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-9p8zn3zvz0] {
    padding: 20px 0px 0px 10px;
}

.moduleNummerInput[b-9p8zn3zvz0] {
    width: 95px;
}

.moduleNummerContainer[b-9p8zn3zvz0] {
    display: flex;
    gap: 10px;
}


[b-9p8zn3zvz0] .radioButton-item {
    padding-left: 0;
}

[b-9p8zn3zvz0] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-9p8zn3zvz0] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-9p8zn3zvz0] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-9p8zn3zvz0] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-9p8zn3zvz0] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-9p8zn3zvz0] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-9p8zn3zvz0] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-9p8zn3zvz0] .header-blok.subVak .titel-blok-content .icon {
        margin-right: 25px;
        padding: 8px;
        background-color: var(--info-achtergrond-kleur);
        border-radius: 5px;
        color: var(--status-blauw);
        border: 2px solid var(--status-blauw);
    }

    [b-9p8zn3zvz0] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-9p8zn3zvz0] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-9p8zn3zvz0] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-9p8zn3zvz0] .detail-blok {
    margin-left: 90px;
}

    [b-9p8zn3zvz0] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-9p8zn3zvz0] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-9p8zn3zvz0] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-9p8zn3zvz0] {
    border-left: 3px solid var(--status-blauw);
    border-bottom: 3px solid var(--status-blauw);
    height: 123px;
    width: 80px;
    display: block;
    margin-left: 50px;
    margin-top: -20px;
}

.line-to-next[b-9p8zn3zvz0] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-9p8zn3zvz0]::before {
    content: '';
    border: 3px solid var(--status-blauw);
    background-color: var(--status-blauw);
    border-radius: 6px;
    height: 12px;
    width: 12px;
    display: block;
    top: 95px;
    position: relative;
    left: -4px;
}

.wrapper[b-9p8zn3zvz0] {
    position: sticky;
    bottom: 0;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}

    .wrapper[b-9p8zn3zvz0]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }


@media (max-width : 1230px) {
    [b-9p8zn3zvz0] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-9p8zn3zvz0] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/ProductPortfolio/Vakken/ProductPortfolioVakkenOverzicht.razor.rz.scp.css */
p[b-etkvybv6pe] {
    margin: 0;
}

[b-etkvybv6pe] .rz-grid-table{
    border-collapse: collapse;
}

[b-etkvybv6pe] .rz-expanded-row-content{
    border: 2px solid black;  
}

.container[b-etkvybv6pe]{
    padding: 5px;
    border: 2px solid var(--distel);
}

.totaalUur[b-etkvybv6pe] {
    width: fit-content;
    background: var(--lichtpaarsgrijs);
    padding: 6px;
    border-radius: 6px;
}

.vakOmschrijving[b-etkvybv6pe] {
    align-items: center;
    display: flex;
    gap: 5px;
}

.vakOmschrijving[b-etkvybv6pe]  .icon {
    fill: var(--svg-default-kleur);
}

.vakOmschrijving:has(.rz-cell-data)[b-etkvybv6pe] {
        fill: yellow;
        color: yellow;
        gap:100px;
    }

.deleteVak[b-etkvybv6pe]  .button-inner {
    display: contents;
}

.iconButtonContainer[b-etkvybv6pe] {
    display: flex;
    align-items: center;
    border: 2px var(--grijs) dashed;
    background: var(--lichtpaarsgrijs);
    border-radius: 7px;
    margin: 10px;
    height: 50px;
}

.buttonContainer[b-etkvybv6pe] {
    margin-bottom: 5px;
}

.dimmed-text[b-etkvybv6pe] {
    color: var(--donkerpaarsgrijs);
}

[b-etkvybv6pe] .subVakItem .icon {
    color: var(--status-blauw);
    margin: -10px 5px 0 20px;
}

[b-etkvybv6pe] .subVakItem:first-of-type {
   padding-left: 35px;
   padding-bottom: 0px;
}   

.pointer-column[b-etkvybv6pe] {
    width: 5%;
}

.content-column[b-etkvybv6pe] {
    width: 90%;
}

.subVakDetail .content-column .content-column[b-etkvybv6pe] {
    width: 95%;
}

.evaluatievakken[b-etkvybv6pe]  .datagrid-root {    
    margin-top: 10px;
}

[b-etkvybv6pe] .highlight-met-detail ::deep > td {
    padding: 0.2rem 0 0rem 0.37rem;
}

[b-etkvybv6pe] .highlight-met-detail {
    margin-bottom: -2px;
}

[b-etkvybv6pe] .subVakItem:first-of-type::before {
    content: '';
    border: 3px solid var(--status-blauw);
    background-color: var(--status-blauw);
    border-radius: 6px;
    height: 12px;
    width: 12px;
    display: block;
    top: 17px;
    position: relative;
    left: 50px;
}

[b-etkvybv6pe] .pointer {
    content: '';
    border-left: 3px solid var(--status-blauw);
    border-bottom: 3px solid var(--status-blauw);
    height: 0;
    width: 30px;
    display: block;
    top: -7px;
    left: 27px;
    position: relative;
}

[b-etkvybv6pe] .pointer-line {
    display: block;
    position: absolute;
    top: -10px;
    width: 1px;
    border-left: 3px solid var(--status-blauw);
    left: 40px;
}

@media (max-width : 1200px) {
    [b-etkvybv6pe] .pointer-line {
        display: none;
    }

    [b-etkvybv6pe] .pointer {
        display: none;
    }

    [b-etkvybv6pe] .subVakItem:first-of-type::before {
        display: none;
    }
}
/* /Components/ProductPortfolio/Vakken/VakDetails.razor.rz.scp.css */
.container[b-05ndij0bmt] {
    display: flex;
    padding: 0 10px 5px 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-05ndij0bmt] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

p[b-05ndij0bmt] {
    margin: 0;
}

.boldText[b-05ndij0bmt] {
    font-weight: bold;
}

.infoContainer[b-05ndij0bmt] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-05ndij0bmt] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}

.infoWrapper[b-05ndij0bmt] {
    width: 100%;
}


[b-05ndij0bmt] .radioButton-item {
    padding-left: 0;
}

[b-05ndij0bmt] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-05ndij0bmt] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

[b-05ndij0bmt] .header-blok > h5 {
    padding-left: 15px;
}

[b-05ndij0bmt] .header-blok .titel-blok-content {
    width: 100%;
    display: flex;
    padding: 10px 0 0 20px;
}

[b-05ndij0bmt] .header-blok .titel-blok-content .icon {
    margin-right: 25px;
    padding: 8px;
    background-color: var(--status-blauw);
    border-radius: 5px;
    fill: var(--wit);
}

[b-05ndij0bmt] .header-blok .titel-blok-content .header-input {
    margin-top: 0;
    width: 75%;
}

[b-05ndij0bmt] .detail-blok {
    margin-left: 90px;
}

[b-05ndij0bmt] .detail-blok .titel-blok-content {
    display: flex;   
    padding: 0;
}

[b-05ndij0bmt] .detail-blok .titel-blok-content .row {
    margin-right: 8px;
}

@media (max-width : 1400px) {
    .infoItem[b-05ndij0bmt], .rz-cell-data .infoItem[b-05ndij0bmt]  span {
        font-size: small;
    }
}

@media (max-width : 1230px) {
    [b-05ndij0bmt] .detail-blok .titel-blok-content {
        display: inherit;
    }
    .infoItem[b-05ndij0bmt], .rz-cell-data .infoItem[b-05ndij0bmt]  span {
        font-size: x-small;
    }
}

@media (max-width : 1000px) {
    [b-05ndij0bmt] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
    .infoItem[b-05ndij0bmt], .rz-cell-data .infoItem[b-05ndij0bmt]  span {
        font-size: xx-small;
    }
}
/* /Components/ProductPortfolio/Vakken/VakPopup.razor.rz.scp.css */
.container[b-930s1zcdc5] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-930s1zcdc5] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

p[b-930s1zcdc5] {
    margin: 0;
}

.boldText[b-930s1zcdc5] {
    font-weight: bold;
}

.infoContainer[b-930s1zcdc5] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-930s1zcdc5] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-930s1zcdc5] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-930s1zcdc5] {
    padding: 20px 0px 0px 10px;
}

[b-930s1zcdc5] .radioButton-item {
    padding-left: 0;
}

[b-930s1zcdc5] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-930s1zcdc5] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-930s1zcdc5] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-930s1zcdc5] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-930s1zcdc5] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-930s1zcdc5] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-930s1zcdc5] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-930s1zcdc5] .header-blok.subVak .titel-blok-content .icon {
        margin-right: 25px;
        padding: 8px;
        background-color: var(--info-achtergrond-kleur);
        border-radius: 5px;
        color: var(--status-blauw);
        border: 2px solid var(--status-blauw);
    }

    [b-930s1zcdc5] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-930s1zcdc5] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-930s1zcdc5] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-930s1zcdc5] .detail-blok {
    margin-left: 90px;
}

    [b-930s1zcdc5] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-930s1zcdc5] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-930s1zcdc5] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-930s1zcdc5] {
    border-left: 3px solid var(--status-blauw);
    border-bottom: 3px solid var(--status-blauw);
    height: 123px;
    width: 80px;
    display: block;
    margin-left: 50px;
    margin-top: -20px;
}

.line-to-next[b-930s1zcdc5] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-930s1zcdc5]::before {
    content: '';
    border: 3px solid var(--status-blauw);
    background-color: var(--status-blauw);
    border-radius: 6px;
    height: 12px;
    width: 12px;
    display: block;
    top: 95px;
    position: relative;
    left: -4px;
}

.wrapper[b-930s1zcdc5] {
    position: sticky;
    bottom: -2px;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}

    .wrapper[b-930s1zcdc5]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }


@media (max-width : 1230px) {
    [b-930s1zcdc5] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-930s1zcdc5] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/Prospect/Bedrijf/ProspectBedrijfContactGegevensPopup.razor.rz.scp.css */
.popupBody[b-b8dy76en1d] {
    padding: 20px 40px;
}

.inputContainer[b-b8dy76en1d]{
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.contactContainer[b-b8dy76en1d] {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
}
/* /Components/Prospect/Bedrijf/ProspectBedrijfFacturatieAdresPopup.razor.rz.scp.css */
.popupBody[b-rp5tqw89ry] {
    padding: 20px 40px;
}

.inputContainer[b-rp5tqw89ry]{
    display: flex;
    gap: 20px;
}

.contactContainer[b-rp5tqw89ry] {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
}


[b-rp5tqw89ry] .prospectInput{
    width: 105%;
}
/* /Components/Prospect/Bedrijf/ProspectCard.razor.rz.scp.css */
.cardContainer[b-wndojqz0o9] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 6px;
    border: 1px solid var(--donkerpaarsgrijs);
    background: var(--lichtpaarsgrijs);
}

.titleContainer[b-wndojqz0o9]{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.title[b-wndojqz0o9]{
    font-weight: bold;
}

.chipContainer[b-wndojqz0o9]{
    display: flex;
    align-self: flex-start;
    gap: 12px;
}

p[b-wndojqz0o9]{
    margin: 0;
}

[b-wndojqz0o9] .SynLineBreak{
    background: var(--donkerpaarsgrijs);
    height: 1px;
    margin: 6px 0;
}

[b-wndojqz0o9] .icon-button{
    outline: 0 !important;
}
/* /Components/Prospect/Bedrijf/ProspectCardChip.razor.rz.scp.css */
.chipContainer[b-gr0mvecm0f] {
    padding: 5px 10px;
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 4px;
    background: var(--wit);
    width: fit-content;
}

p[b-gr0mvecm0f]{
    margin: 0;
}
/* /Components/Prospect/Erkenningen/ProspectErkenningenPopup.razor.rz.scp.css */
.erkenning-details[b-qren3dfet9] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-qren3dfet9] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-qren3dfet9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-qren3dfet9] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-qren3dfet9] .testclass {
    width: 235px;
}

[b-qren3dfet9] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-qren3dfet9] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-qren3dfet9] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-qren3dfet9] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-qren3dfet9] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-qren3dfet9] .rz-accordion-content {
    padding: 10px;
}

[b-qren3dfet9] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-qren3dfet9] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-qren3dfet9] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-qren3dfet9] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-qren3dfet9] {
    color: var(--donkergrijs);
    font-style: italic;
    margin-left: auto;
}

.label[b-qren3dfet9] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-qren3dfet9] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-qren3dfet9] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/Erkenningen/ProspectErkenningenPopupOUTOFUSE.razor.rz.scp.css */
.erkenning-details[b-0lcb8kp2u5] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-0lcb8kp2u5] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-0lcb8kp2u5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .erkenninginstantie-prospect-content h2[b-0lcb8kp2u5] {
        font-size: 20px;
        font-weight: 900;
        line-height: 120%;
    }

[b-0lcb8kp2u5] .testclass {
    width: 235px;
}

[b-0lcb8kp2u5] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-0lcb8kp2u5] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-0lcb8kp2u5] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-0lcb8kp2u5] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-0lcb8kp2u5] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-0lcb8kp2u5] .rz-accordion-content {
    padding: 10px;
}

[b-0lcb8kp2u5] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-0lcb8kp2u5] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-0lcb8kp2u5] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-0lcb8kp2u5] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-0lcb8kp2u5] {
    color: var(--donkergrijs);
    font-style: italic;
    margin-left: auto;
}

.label[b-0lcb8kp2u5] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-0lcb8kp2u5] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-0lcb8kp2u5] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/Popups/ProspectBedrijfProspectPersoonPopup.razor.rz.scp.css */
.erkenning-details[b-8s1fu7spyo] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-8s1fu7spyo] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-8s1fu7spyo] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-8s1fu7spyo] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-8s1fu7spyo] .testclass {
    width: 235px;
}

[b-8s1fu7spyo] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-8s1fu7spyo] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-8s1fu7spyo] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-8s1fu7spyo] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-8s1fu7spyo] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-8s1fu7spyo] .rz-accordion-content {
    padding: 10px;
}

[b-8s1fu7spyo] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-8s1fu7spyo] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-8s1fu7spyo] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-8s1fu7spyo] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-8s1fu7spyo] {
    color: var(--donkergrijs);
    font-style: italic;
    margin-left: auto;
}

.label[b-8s1fu7spyo] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-8s1fu7spyo] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-8s1fu7spyo] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/Popups/ProspectBedrijfProspectPersoonPopupOUTOFUSE.razor.rz.scp.css */
.erkenning-details[b-vp7n3lznzs] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-vp7n3lznzs] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-vp7n3lznzs] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .erkenninginstantie-prospect-content h2[b-vp7n3lznzs] {
        font-size: 20px;
        font-weight: 900;
        line-height: 120%;
    }

[b-vp7n3lznzs] .testclass {
    width: 235px;
}

[b-vp7n3lznzs] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-vp7n3lznzs] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-vp7n3lznzs] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-vp7n3lznzs] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-vp7n3lznzs] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-vp7n3lznzs] .rz-accordion-content {
    padding: 10px;
}

[b-vp7n3lznzs] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-vp7n3lznzs] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-vp7n3lznzs] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-vp7n3lznzs] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-vp7n3lznzs] {
    color: var(--donkergrijs);
    font-style: italic;
    margin-left: auto;
}

.label[b-vp7n3lznzs] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-vp7n3lznzs] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-vp7n3lznzs] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/ProspectInput.razor.rz.scp.css */
.container-prospect[b-l08q79ghq5] {
    display: flex;
    gap: 12px;
    align-items: center;
}
.container-prospect-input[b-l08q79ghq5] {
    width: 100px;
    min-width: 80px;
}

.container-prospect-label[b-l08q79ghq5] {
    min-width: 350px;
    font-weight: 500;
    gap: 5px;
    color: var(--donkergrijs);
}
/* /Components/Prospect/ProspectSearchForm.razor.rz.scp.css */
.row[b-5r7z2s3yip] {
    margin: 10px 0;
}

.prospect-search-popup-searchbody[b-5r7z2s3yip] {
    padding: 1rem 2rem 1rem 2rem;
    background-color: var(--lichtpaarsgrijs);
}

.prospect-search-popup-resultbody[b-5r7z2s3yip] {
    padding: 1rem 2rem 1rem 2rem;
}

.prospect-search-popup-buttons[b-5r7z2s3yip] {
    padding: 0rem 2rem 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
}


/*datagrid*/
[b-5r7z2s3yip] .rz-group-header {
    background-color: transparent;
}

[b-5r7z2s3yip] .rz-grid-table > thead {
    background-image: linear-gradient(var(--wit), var(--lichtpaarsgrijs));
}

[b-5r7z2s3yip] .rz-grid-table thead th {
    background-color: transparent;
}

[b-5r7z2s3yip] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped .rz-state-highlight > td {
    background-color: var(--paars);
}

[b-5r7z2s3yip] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
    background-color: var(--lichtpaars);
}

    [b-5r7z2s3yip] .rz-data-grid .rz-data-grid-data .rz-grid-table-striped tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) > * {
        color: white;
    }

[b-5r7z2s3yip] .rz-data-row.rz-state-highlight {
    color: white;
}

[b-5r7z2s3yip] .rz-data-row .rz-cell-data {
    color: inherit !important;
}

/*checkbox*/
[b-5r7z2s3yip] .rz-chkbox-box.rz-state-active {
    background-color: var(--paars);
    border: var(--paars);
}
/* /Components/RolBeheer/RolBeheerRolPopup.razor.rz.scp.css */
.rolContainer[b-pnr7z3i3ib] {
    margin: 40px;
}
/* /Components/SISAnnuleerBewaar/SISAnnuleerBewaar.razor.rz.scp.css */
.sis-annuleer-bewaar[b-o067p7pvky] {
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    background-color: #FFF;
    position: sticky;
    bottom: 41px; /* Laat plaats voor de footer */
    z-index: 20;
    box-shadow: 0px -10px 7px -5px var(--grijs);
}

.sis-annuleer-bewaar-col[b-o067p7pvky] {
    align-items: center;
    display: flex;
    gap: 8px;
}
/* /Components/SISBasicHeader/SISBasicHeader.razor.rz.scp.css */
.container[b-u1nv8q122f] {
    display: flex;
    padding: 20px;
}

.headerContainer[b-u1nv8q122f] {
    display: flex;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.numberContainer[b-u1nv8q122f] {
    width: 35px;
    height: 35px;
    background: #34495E;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.numberText[b-u1nv8q122f] {
    margin: 0;
    color: var(--wit);
}

.headerText[b-u1nv8q122f] {
    margin: 0;
    font-size: 25px;
}
/* /Components/SISBulkEditDialog/Budget/SISBulkEditDialogBudget.razor.rz.scp.css */
.bulk-edit-dialog-sluiten[b-6zbovemq3e] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-6zbovemq3e] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-6zbovemq3e] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-6zbovemq3e] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px; 
}

[b-6zbovemq3e] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-6zbovemq3e] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-6zbovemq3e] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-6zbovemq3e] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-6zbovemq3e] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-6zbovemq3e] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-6zbovemq3e] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-6zbovemq3e] .bulk-edit-dialog-sluiten .button-close {
    float: right;
    position: relative;
    background: var(--lichtgrijs);
    padding: 6px 6px 6px 18px;
    font-weight: bold;
}

/* Italic en lightgrijze tekst voor het aantal geselecteerde items */
.bulk-edit-sub-title[b-6zbovemq3e] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-6zbovemq3e] .rz-accordion-toggle-icon {
    background-color: var(--wit);
    border-radius: 12px;
    color: var(--bulkedit-actie-chevron);
}
/* /Components/SISBulkEditDialog/Product/SISBulkEditDialogProduct.razor.rz.scp.css */
.bulk-edit-dialog-sluiten[b-a4zkb8ajg5] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-a4zkb8ajg5] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-a4zkb8ajg5] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-a4zkb8ajg5] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px;
}

[b-a4zkb8ajg5] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-a4zkb8ajg5] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-a4zkb8ajg5] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-a4zkb8ajg5] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-a4zkb8ajg5] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-a4zkb8ajg5] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-a4zkb8ajg5] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-a4zkb8ajg5] .bulk-edit-dialog-sluiten .button-close {
    float: right;
    position: relative;
    background: var(--lichtgrijs);
    padding: 6px 6px 6px 18px;
    font-weight: bold;
}

/* Italic en lightgrijze tekst voor het aantal geselecteerde items */
.bulk-edit-sub-title[b-a4zkb8ajg5] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-a4zkb8ajg5] .rz-accordion-toggle-icon {
    background-color: var(--wit);
    border-radius: 12px;
    color: var(--bulkedit-actie-chevron);
}

/* lesmomenten */
[b-a4zkb8ajg5] .rz-chkbox-box .rzi {
    background-color: var(--paars);
}

[b-a4zkb8ajg5] .rz-chkbox-box .rzi-times {
    background-color: var(--paarsgrijs);
}

[b-a4zkb8ajg5] .rz-chkbox-box.rz-state-active.rz-state-disabled {
    opacity: unset;
}

.lesmomenten[b-a4zkb8ajg5]  ul {
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    padding: 0 11px;
}
/* /Components/SISBulkEditDialog/ProductLid/SISBulkEditDialogInschrijving.razor.rz.scp.css */
.bulk-edit-dialog-sluiten[b-k7mwgwz0l0] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-k7mwgwz0l0] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-k7mwgwz0l0] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-k7mwgwz0l0] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px;
}

[b-k7mwgwz0l0] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-k7mwgwz0l0] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-k7mwgwz0l0] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-k7mwgwz0l0] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-k7mwgwz0l0] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-k7mwgwz0l0] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-k7mwgwz0l0] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-k7mwgwz0l0] .bulk-edit-dialog-sluiten .button-close {
    float: right;
    position: relative;
    background: var(--lichtgrijs);
    padding: 6px 6px 6px 18px;
    font-weight: bold;
}

/* Italic en lightgrijze tekst voor het aantal geselecteerde items */
.bulk-edit-sub-title[b-k7mwgwz0l0] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-k7mwgwz0l0] .rz-accordion-toggle-icon {
    background-color: var(--wit);
    border-radius: 12px;
    color: var(--bulkedit-actie-chevron);
}
/* /Components/SISBulkEditDialog/ProductPortfolio/SISBulkEditDialogProductPortfolio.razor.rz.scp.css */
.bulk-edit-dialog-sluiten[b-qdpsahxjgm] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-qdpsahxjgm] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-qdpsahxjgm] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-qdpsahxjgm] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px;
}

[b-qdpsahxjgm] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-qdpsahxjgm] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-qdpsahxjgm] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-qdpsahxjgm] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-qdpsahxjgm] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-qdpsahxjgm] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-qdpsahxjgm] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-qdpsahxjgm] .bulk-edit-dialog-sluiten .button-close {
    float: right;
    position: relative;
    background: var(--lichtgrijs);
    padding: 6px 6px 6px 18px;
    font-weight: bold;
}

/* Italic en lightgrijze tekst voor het aantal geselecteerde items */
.bulk-edit-sub-title[b-qdpsahxjgm] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-qdpsahxjgm] .rz-accordion-toggle-icon {
    background-color: var(--wit);
    border-radius: 12px;
    color: var(--bulkedit-actie-chevron);
}
/* /Components/SISBulkEditDialog/SISBulkEditActieBase.razor.rz.scp.css */
/* buttons rechts aligneren */
.bulkeditactie-button-container[b-2kt13d9onp] {
    display: flex;
    justify-content: flex-end;
    padding: 0 16px 6px 0;
}

[b-2kt13d9onp] .button-base {
    margin: 0 20px 10px 0;
}


/* /Components/SISBulkEditDialog/SISBulkEditConfirmationDialogCard.razor.rz.scp.css */
.bulk-confirmation-header[b-fcflqmuoov] {
    background-color: var(--paarsgrijs);
    padding: 1.9rem;
    color: var(--svg-default-kleur);
}

    .bulk-confirmation-header > .titel[b-fcflqmuoov] {
        font-size: 35px;
    }

    .bulk-confirmation-header > .sluiten[b-fcflqmuoov] {
        cursor: pointer;
        float: right;
    }

.bulk-confirmation-footer[b-fcflqmuoov] {
    display: flex;
    padding: 0.9rem;
}

    .bulk-confirmation-footer > .cancel[b-fcflqmuoov] {
    }

    .bulk-confirmation-footer > .confirm[b-fcflqmuoov] {
        margin-left: auto;
    }

.valid[b-fcflqmuoov], .invalid[b-fcflqmuoov] {
    line-height: 45px;
    padding: 0 5px 0 5px;
}

    .valid.lesmomenten[b-fcflqmuoov], .invalid.lesmomenten[b-fcflqmuoov] {
        line-height: inherit;
        padding: unset;
    }

.invalid[b-fcflqmuoov] {
    background-color: #FDEDEB;
    padding: 0.5rem;
}

.invalid-reason[b-fcflqmuoov] {
    font-style: italic;
    color: var(--grijs-info);
    padding-left: 1rem;
}

.valid > .value-summary[b-fcflqmuoov] {
    margin-left: auto;
    background-color: #F6F8FE;
    padding: 0 10px 0 10px;
    min-width: 250px;
    text-align: center;
}

.value-summary.lesmomenten[b-fcflqmuoov] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.lesmomenten[b-fcflqmuoov] {

}

.old-value[b-fcflqmuoov] {
    padding-right: 0.5rem;
}

.new-value[b-fcflqmuoov] {
    padding-left: 0.5rem;
}


.valid > .record-info > .record-id[b-fcflqmuoov], .invalid > .record-info > .record-id[b-fcflqmuoov] {
    color: #507091;
}

.ignore[b-fcflqmuoov] {
    margin: 1.9rem;
}

    .ignore > hr[b-fcflqmuoov] {
        margin: 0;
    }

.to-update[b-fcflqmuoov] {
    margin: 1.9rem;
}

.to-update > hr[b-fcflqmuoov] {
    margin: 10px 0 10px 0;
}

.section-title[b-fcflqmuoov] {
    font-size: 22px;
}

.section-subtitle[b-fcflqmuoov] {
    padding-bottom: 10px;
}

.lesmomenten .record-info[b-fcflqmuoov] { 
    margin-bottom: 15px;
}
[b-fcflqmuoov] .container-weekoverzicht {
    margin: 10px 0 20px;
    min-width: 300px;
}
/* /Components/SISBulkEditDialog/SISBulkWarningMessage.razor.rz.scp.css */
.invalid-combination[b-1img59gumy] {
    margin-bottom: 10px;
    display: flex;
}

.warning-text[b-1img59gumy] {
    color: red;
    margin-left: 10px;
}
/* /Components/SISBulkEditHeader/SISBulkEditHeader.razor.rz.scp.css */
.bulk-edit-header[b-w7qj0yaaly] {
    align-items: center;
    background-color: #FAF5FB;
    border: 1px solid var(--grijs);
    display: flex;
    height: 80px;
    justify-content: center;
    margin-top: 8px;
}

.bulk-edit-header > .info-text[b-w7qj0yaaly]{
    margin-right: 5px;
}
/* /Components/SISButton/SISButton.razor.rz.scp.css */

button[b-z45s74cm7t] {
    height: 40px;
    border: none;
    border-radius: 25px;
    min-width: 184px;
    padding: 0px 25px 0px 25px;
}

    button.default-button[b-z45s74cm7t] {
        background-color: var(--paars);
        color: var(--wit);
    }

        button.default-button *[b-z45s74cm7t] {
            color: var(--wit);
        }

        button.default-button:hover[b-z45s74cm7t] {
            background-color: var(--donkerpaars);
        }

        button.default-button:disabled[b-z45s74cm7t] {
            background-color: var(--paars);
            color: var(--wit);
            cursor: not-allowed;
            opacity: 20%;
        }

    button.sidebar-button[b-z45s74cm7t] {
        background-color: var(--lichtpaarsgrijs);
        border-radius: initial;
        min-width: 115px;
        color: var(--donkergrijs);
        font-weight: 700;
        padding: 0px 5px 0px 5px;
    }

    button.tab-button[b-z45s74cm7t] {
        background-color: var(--lichtpaarsgrijs);
        border-radius: initial;
        min-width: 20px;
        color: var(--donkergrijs);
    }

        button.tab-button:hover[b-z45s74cm7t] {
            background-color: var(--donkerpaars);
            color: var(--wit);
        }

        button.tab-button:disabled[b-z45s74cm7t] {
            background-color: var(--lichtpaarsgrijs);
            color: var(--paars);
            cursor: not-allowed;
            opacity: 20%;
        }

    button.tab-button-active[b-z45s74cm7t] {
        border-color: var(--paars);
        border-left: 3px solid;
        border-radius: initial;
        background-color: var(--wit);
        color: var(--paars);
    }

    button.keuze-button[b-z45s74cm7t] {
        border: 2px solid;
        border-radius: 5%;
        background-color: var(--wit);
        border-color: var(--lichtgrijs);
        min-width: initial;
        width: 115px;
        height: 125px;
        padding: 5px;
    }

        button.keuze-button:hover[b-z45s74cm7t] {
            background-color: var(--lichtgroen);
            border-color: var(--groen);
        }

    button.keuze-button-active[b-z45s74cm7t] {
        border: 2px solid;
        border-radius: 5%;
        background-color: var(--lichtgroen);
        border-color: var(--groen);
        min-width: initial;
        width: 115px;
        height: 125px;
        padding: 5px;
    }

    button.keuze-button-horizontal[b-z45s74cm7t] {
        border: 2px solid;
        border-radius: 6px;
        background-color: var(--wit);
        border-color: var(--lichtgrijs);
        min-width: initial;
        width: 290px;
        height: 70px;
        padding: 5px;
    }
        button.keuze-button-horizontal:hover[b-z45s74cm7t] {
            background-color: var(--lichtgroen);
            border-color: var(--groen);
        }

    button.keuze-button-horizontal-active[b-z45s74cm7t] {
        border: 2px solid;
        border-radius: 6px;
        background-color: var(--lichtgroen);
        border-color: var(--groen);
        min-width: initial;
        width: 290px;
        height: 70px;
        padding: 5px;
    }

.button-root[b-z45s74cm7t] {
    display: inline-block;
}

.button-icon-left[b-z45s74cm7t] {
    color: var(--svg-default-kleur);
}

.button-icon-right[b-z45s74cm7t] {
    color: var(--svg-default-kleur);
}

.button-text[b-z45s74cm7t] {
    position: absolute;
    bottom: 20%;
    width: 100%;
    left: 0%;
}

.button-text-active[b-z45s74cm7t] {
    position: absolute;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    bottom: 20%;
    width: 100%;
    left: 0%;
}

.button-root > .keuze-button[b-z45s74cm7t] {
    margin: 40px 30px 20px 0;
}

.button-root > .keuze-button-active[b-z45s74cm7t] {
    margin: 0 30px 20px 0;
}

.outer-tick-mark-circle[b-z45s74cm7t] {
    background-color: white;
    width: 40px;
    height: 40px;
    position: relative;
    top: 28px;
    z-index: 2;
    left: 85px;
    border: 2px solid var(--groen);
    border-radius: 50%;
}

.inner-tick-mark-circle[b-z45s74cm7t] {
    background-color: white;
    width: 34px;
    height: 34px;
    position: relative;
    top: 1px;
    z-index: 2;
    left: 1px;
    border: 3px solid var(--donkergroen);
    border-radius: 50%;
}

    .inner-tick-mark-circle[b-z45s74cm7t]::before {
        position: absolute;
        left: 5%;
        top: 12px;
        height: 8px;
        width: 0.2rem;
        background-color: var(--donkergroen);
        content: "";
        transform: translateX(10px) rotate(-45deg);
        transform-origin: left bottom;
        border-radius: 26%;
        border: 1px solid var(--donkergroen);
    }

    .inner-tick-mark-circle[b-z45s74cm7t]::after {
        position: absolute;
        left: 10%;
        top: 17px;
        height: 0.2rem;
        width: 15px;
        background-color: var(--donkergroen);
        content: "";
        transform: translateX(10px) rotate(-50deg);
        transform-origin: left bottom;
        border-radius: 26%;
        border: 1px solid var(--donkergroen);
    }

button.square-button[b-z45s74cm7t] {
    background-color: var(--wit);
    color: var(--grijs);
    height: 36px;
    width: 36px;
    border-radius: 3px;
    border: 1px solid var(--grijs);
    padding: 0;
    margin: 0;
    min-width: unset;
}

    button.square-button > span[b-z45s74cm7t] {
        margin-left: auto;
        margin-right: auto;
    }

    button.square-button .button-icon-left[b-z45s74cm7t] {
        padding: 0rem;
    }

    button.square-button:hover[b-z45s74cm7t] {
        background-color: var(--lichtgrijs);
    }

    button.square-button:disabled[b-z45s74cm7t] {
        background-color: var(--wit);
        color: var(--wit);
        cursor: not-allowed;
        opacity: 20%;
        border: 1px solid var(--grijs);
    }


.button-root.vertical[b-z45s74cm7t] {
    position: absolute;
    left: 0px;
    z-index: 8;
}

[b-z45s74cm7t] button.vertical {
    min-width: unset;
    border-radius: 0px 0px 20px 20px;
    transform: rotate(-90deg);
    margin-top: 60px;
    left: -45px;
    width: 137px;
    position:absolute;    
}
.button-content.vertical[b-z45s74cm7t] {
    padding-left: 15px;
}
/* /Components/SISChipLabelSummary/SISChipLabelSummary.razor.rz.scp.css */
.summary-title[b-p4219ye792] {
    font-weight: bold;
}

.summary-container[b-p4219ye792] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.summary-checkbox[b-p4219ye792] {
    display: flex;
}

.summary-button[b-p4219ye792] {
    padding-left: 5px;
}

[b-p4219ye792] .button-link .button-inner {
    padding: 0;
}
/* /Components/SISContentSummary/SISContentSummary.razor.rz.scp.css */
.SISContentSummary-root[b-qfghqg24yy] {
    position: sticky;
    top: 140px;
    z-index: 500;
}
.SISContentSummary-body[b-qfghqg24yy] {
    background-color: var(--wit);
    padding: 0 5px;
    /* border: 1px solid var(--zwart);*/
    display: inline-grid;
    overflow: auto;
    height: 80vh;
    /*width:100%;*/
}
/* /Components/SISContentSummary/SISContentSummaryItem/SISContentSummaryItem.razor.rz.scp.css */
.item-completed[b-lpgzfern97] {
    color: var(--groen);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;

}

.item-notcompleted[b-lpgzfern97] {
    color: var(--rood);
}

.item-notapplicable .SISContentSummaryItem-content[b-lpgzfern97] {
    text-decoration: line-through;
    background-color: var(--lichtgrijs);
    color: var(--lichtgrijs-text);
}

[class*="SISContentSummaryItem-root"][b-lpgzfern97] {
    display: inline-block;
    min-height: 40px;
    border: none;
    min-width: 184px;
    background-color: var(--lichtpaarsgrijs);
    color: var(--zwart);
    margin: 2px 0;
}

.SISContentSummaryItem-root-notapplicable[b-lpgzfern97] {
    background-color: var(--lichtgrijs);
}

a[b-lpgzfern97] {
    padding: 0px 4px 0px 15px;
    margin-top: auto;
    margin-bottom: auto;
    top: 25%;
    color: var(--zwart);
    text-decoration: none;
    background-color: var(--lichtpaarsgrijs);
}

.SISContentSummaryItem-icon[b-lpgzfern97] {
    float: right;
    margin: 7px 6px 0 0;
}


SISContentSummaryItem-root:hover[b-lpgzfern97] {
        background-color: var(--donkerpaars);
    }

.SISContentSummaryItem-label[b-lpgzfern97] {
    padding: 0px 5px 0px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:inline-block;
    max-width: 80%;
}


.SISContentSummaryItem-icon[b-lpgzfern97] {
    padding: 0rem 0.2rem 0rem 0.5rem;
}
/* /Components/SISDropdownMenu/SISDropdownMenu.razor.rz.scp.css */
[b-ibslci42uo] .sis-menuitem-delete-button {
    position: relative;
    right: -10px;
}

[b-ibslci42uo] .sis-menuitem-content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden;
    text-overflow: ellipsis;
}

    [b-ibslci42uo] .sis-menuitem-content span {
        width: 100%;
    }

        [b-ibslci42uo] .sis-menuitem-content span a {
            width: 100%;
            display: block;
        }

[b-ibslci42uo] .sis-menuitem-text {
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    color: var(--paars);
}

[b-ibslci42uo] .sis-menuitem-buttons {
    display: flex;
}

[b-ibslci42uo] .sis-menuitem-text-container {
    pointer-events: none;
    border-top: 1px solid var(--donkergrijs);
    margin: 0 5px;
}

[b-ibslci42uo] .sis-hoofditem.selected .rz-navigation-item-link:has(.rz-navigation-item-text) {
    background-color: var(--syn-accent-background);
}

[b-ibslci42uo] .sis-hoofditem.selected .rz-navigation-item-link .rz-navigation-item-text,
[b-ibslci42uo] .sis-hoofditem.selected .rz-navigation-item-link i
{
    color: var(--paars);
    font-weight: 900;
}

[b-ibslci42uo] .rz-menu {
    background-color: var(--lichtgrijsmagenta);
    border: 1px solid var(--lichtpaars);
    border-radius: 6px;
}

[b-ibslci42uo] .tooltip-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ibslci42uo] .sis-hoofditem {
    width: 100% !important;
    color: var(--paars);
    background-color: unset;
    height: 100%;
    border-bottom: unset !important;
}

[b-ibslci42uo] .sis-menuitem {
    font-size: 14px !important;
    color: var(--donkergrijs) !important;
    border-bottom: 1px solid var(--lichtgrijs) !important;
    border-top: 1px solid var(--lichtgrijs) !important;
    z-index: 5;    
    padding-left: 15px;
}

[b-ibslci42uo] .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-item:has(.rz-navigation-item-text) {
    background-color: var(--lichtgrijs);
}

[b-ibslci42uo] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link a {
    color: var(--paars);
}

[b-ibslci42uo] .sis-menuitem-nieuw {
    font-size: 14px !important;
    color: var(--donkergrijs) !important;
    background-color: var(--donkerpaarsgrijs) !important;
    border-bottom: 1px solid var(--lichtgrijs) !important;
    border-top: 1px solid var(--lichtgrijs) !important;
}

    [b-ibslci42uo] .sis-menuitem-nieuw:hover {
        background-color: var(--lichtpaarsgrijs) !important;
    }

[b-ibslci42uo] .rz-navigation-menu {
    box-shadow: unset;
}

[b-ibslci42uo] .rz-navigation-item-wrapper {
    height: 100%;
}

[b-ibslci42uo] .rz-navigation-item-text {
    /*    white-space: nowrap;
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 90%, rgba(0,0,0,0));*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    width: 66%;
    color: var(--paars);
}

[b-ibslci42uo] .rz-navigation-item-link {
    height: 100%;
    padding-left: 4px;    
}

[b-ibslci42uo] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
    padding-block: 0;
    padding-inline: 0;
}

    [b-ibslci42uo] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link a,
    [b-ibslci42uo] .rz-navigation-item-link .sis-menuitem-content span:not(:has(a)),
    [b-ibslci42uo] .rz-navigation-item.sis-menuitem .rz-navigation-item-link:has(i) .rz-navigation-item-text {
        padding-block: var(--rz-menu-item-padding-block);
        padding-inline: var(--rz-menu-item-padding-inline);
        color: var(--zwart);
    }

    [b-ibslci42uo] .rz-navigation-item-icon {
    height: 1.2rem !important;
    width: 1.2rem !important;
    padding-right: 5px !important;
}


.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .sis-sub-menuitem-content a[b-ibslci42uo] {
    font-size: 14px;
    color: var(--donkergrijs);
}

[b-ibslci42uo] .rzi {
    color: var(--paars);
}

[b-ibslci42uo] [class^= "rz-navigation-item"]:before {
    background-color: unset !important;
}

[b-ibslci42uo] [class^= "rz-navigation-item-wrapper"] {
    background-color: unset !important;
}

    [b-ibslci42uo] [class^= "rz-navigation-item-wrapper"]:before {
        background-color: unset !important;
    }

[b-ibslci42uo] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu [class^= "rz-navigation-item-wrapper"]:hover .rz-navigation-item-link {
    color: var(--paars);
}

[b-ibslci42uo] .sis-menuitem-buttons .button-inner svg {
    color: var(--paars);
}

@media (min-width: 768px) {

    [b-ibslci42uo] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 0px;
    }

    [b-ibslci42uo] .sis-hoofditem > .rz-navigation-item-wrapper .rz-navigation-item-text {
        font-size: 11px;
    }

    [b-ibslci42uo] .sis-menuitem {
        padding-left: 0;
    }
}

@media (min-width: 880px) {

    [b-ibslci42uo] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 2px;
    }

    [b-ibslci42uo] .sis-hoofditem > .rz-navigation-item-wrapper .rz-navigation-item-text {
        font-size: 12px;
    }
}

@media (min-width: 1024px) {

    [b-ibslci42uo] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 4px;
    }

    [b-ibslci42uo] .sis-hoofditem > .rz-navigation-item-wrapper .rz-navigation-item-text {
        font-size: 13px;
    }   
}

@media (min-width: 1280px) {

    [b-ibslci42uo] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 8px;
    }

    [b-ibslci42uo] .sis-hoofditem > .rz-navigation-item-wrapper .rz-navigation-item-text {
        font-size: 15px;
    }
}
/* /Components/SISDropdownMenu/SISDropdownMenuElement.razor.rz.scp.css */
.sis-menuitem-delete-button[b-f7afrxb451] {
    position: relative;
    right: -10px;
}

    .sis-menuitem-content span[b-f7afrxb451] {
        width: 100%;
    }

        .sis-menuitem-content span a[b-f7afrxb451] {
            width: 100%;
            display: block;
        }

.sis-menuitem-buttons[b-f7afrxb451] {
    display: flex;
}

[b-f7afrxb451] .tooltip-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* /Components/SISFilterAddGrid/SISFilterAddGrid.razor.rz.scp.css */
.filter-add-grid-root[b-lvjp2ryldx] {
}

.filter-add-grid-content[b-lvjp2ryldx] {
    margin: 0px 20px 20px 20px;
}

.filter-add-grid-table[b-lvjp2ryldx] {
    width: 100%;
    padding: 20px;
}
.dropdown[b-lvjp2ryldx] {
    background-color: var(--wit);
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 10px;
}

.groupDropdown[b-lvjp2ryldx]{
    width: 50%;
}
/* /Components/SISFooter/SISFooter.razor.rz.scp.css */
.footerWrapper[b-rv2bzfubd7] {
    display: flex;
    padding: 10px 48px;
    width: 100%;
    justify-content: space-between;
    background: var(--footer-zwart);
    position: fixed;
    bottom: 0;
    z-index: 600;
}

.textContainer[b-rv2bzfubd7]{
    display: flex;
    align-items: center;
    gap: 20px;
}

p[b-rv2bzfubd7] {
    margin: 0;
    color: var(--wit);
    font-size: 14px;
}

.mailTo[b-rv2bzfubd7] {
    color: var(--wit);
    font-size: 14px;
    text-decoration: none;
}
/* /Components/SISHeader/SISHeader.razor.rz.scp.css */
.sis-header-wrapper[b-1faqif37qc] {
    border-bottom: 1px solid var(--lichtgrijs);
    box-sizing: border-box;
    background-color: var(--wit);
    width: 100%;
}

.sis-header-container[b-1faqif37qc] {
    height: inherit;
}

.sis-header[b-1faqif37qc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: inherit;
    height: 45px;
    padding: 0 15px 0 12px;
}

.sis-header-right[b-1faqif37qc] {
    height: 100%;
}

.user-settings[b-1faqif37qc] {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    align-items: center;
}

    .user-settings:hover[b-1faqif37qc] {
        cursor: pointer;
        fill: var(--paars);
        color: var(--paars);
        background-color: var(--lichtpaarsgrijs);
    }

.user-name[b-1faqif37qc] {
    margin-left: 10px;
}

[b-1faqif37qc] .sis-logo {
    margin-top: 8px;
    float: left;
}

    [b-1faqif37qc] .sis-logo .icon {
        margin-right: 10px;
        fill: var(--status-rood);
    }

        [b-1faqif37qc] .sis-logo .icon:hover {
            fill: var(--lichtpaars);
        }

[b-1faqif37qc] .sis-header-navigation-element {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
}

.login-data[b-1faqif37qc] {
    position: relative;
    float: right;
}

@media (max-width: 768px) {
    [b-1faqif37qc] .sis-header-navigation-element:has(.header-navigation-hamburger) {
        display: none;
    }
}

    @media (min-width: 768px) {

        [b-1faqif37qc] .sis-header-navigation-element {
            max-width: 85px;
        }            

        .user-name[b-1faqif37qc] {
            font-size: 11px;
        }

        .sis-header[b-1faqif37qc]  .icon-24 {
            width: 16px;
            height: 16px;
        }
    }

@media (min-width: 880px) {

    [b-1faqif37qc] .sis-header-navigation-element {
        max-width: 120px;
    }

    .user-name[b-1faqif37qc] {
        font-size: 12px;
    }

    .sis-header[b-1faqif37qc]  .icon-24 {
        width: 18px;
        height: 18px;
    }
}

    @media (min-width: 1024px) {

        [b-1faqif37qc] .sis-header-navigation-element {
            max-width: 200px;
        }

        .user-name[b-1faqif37qc] {
            font-size: 13px;
        }

        .sis-header[b-1faqif37qc]  .icon-24 {
            width: 20px;
            height: 20px;
        }
    }

    @media (min-width: 1280px) {

        [b-1faqif37qc] .sis-header-navigation-element {
            max-width: inherit;
        }

        .user-name[b-1faqif37qc] {
            font-size: 15px;
        }

        .sis-header[b-1faqif37qc]  .icon-24 {
            width: 24px;
            height: 24px;
        }
    }
/* /Components/SISHeader/SISHeaderNavigationElement.razor.rz.scp.css */
.navigation-menu-left[b-7gcvypebmj] {
    float: left;
    border: 1px solid var(--donkerpaarsgrijs);
    padding: 15px 0 8px 10px;
    background-color: var(--lichtgrijs);
    position: sticky;
    top: 46px;
    z-index: 600;
}

    .navigation-menu-left[b-7gcvypebmj]  .rz-menu {
        flex-direction: column;
    }

[b-7gcvypebmj] .navigation-button button {
    color: var(--donkergrijs);
    outline: unset;
    padding: 8px;
    border-left: 1px solid var(--donkergrijs);
    border-radius: 0;
    background-color: var(--wit);
    vertical-align: middle;
}

    [b-7gcvypebmj] .navigation-button button:hover {
        color: var(--paars);
        background-color: var(--lichtpaarsgrijs);
        outline-color: unset;
    }

[b-7gcvypebmj] .sis-dropdownmenu {
    position: sticky;
    top: 62px;
    z-index: 400;
}

[b-7gcvypebmj] .header-navigation-dropdown .sis-dropdownmenu .rz-menu {
    border-radius: 0;
}

[b-7gcvypebmj] .sis-menuitem {
    border: none !important;
}

[b-7gcvypebmj] .rz-navigation-item-link a {
    color: var(--zwart);
    text-decoration: none;
}

[b-7gcvypebmj] .sis-dropdownmenu .rz-menu {
    background-color: var(--wit);
    border: none;
    color: var(--zwart);
    height: 45px;
}

    [b-7gcvypebmj] .sis-dropdownmenu .rz-menu .rz-navigation-item:hover {
        background-color: var(--lichtpaarsgrijs);
        border-color: var(--lichtpaarsgrijs);
        color: var(--paars);
    }



[b-7gcvypebmj] .rz-menu .sis-hoofditem, [b-7gcvypebmj] .rz-menu .rz-navigation-item-link {
    color: inherit;
}

[b-7gcvypebmj] .rz-navigation-item-text {
    max-width: unset;
    color: var(--zwart);
}

[b-7gcvypebmj] .rz-navigation-item-icon-children {
    color: var(--zwart);
}

[b-7gcvypebmj] .rz-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
    color: var(--paars);
}

[b-7gcvypebmj] .rz-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link {
    color: var(--wit);
}

    [b-7gcvypebmj] .rz-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link:hover {
        color: var(--paars);
    }

[b-7gcvypebmj] .rz-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon-children {
    color: var(--paars);
}

[b-7gcvypebmj] .rz-menu .rz-navigation-item-wrapper .rz-navigation-item-icon-children:hover {
    color: var(--paars);
}

[b-7gcvypebmj] .rz-navigation-item-text:hover {
    color: var(--paars);
}

[b-7gcvypebmj] .rz-navigation-item-icon-children {
    display: none;
}

[b-7gcvypebmj] .sis-hoofditem:has(.rz-navigation-menu):has(.rz-navigation-item) .rz-navigation-item-wrapper .rz-navigation-item-link .rz-navigation-item-icon-children {
    display: inline-flex;
}

.counter[b-7gcvypebmj] {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: -12px;
    top: -5px;
    left: -17px;
    z-index: 20;
    background-color: var(--oranje);
    color: var(--zwart);
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    border: 1px solid var(--rood);
    border-radius: 9px;
    overflow: hidden;
} .hidden[b-7gcvypebmj] {
    display: none;
}

@media (max-width: 768px) {
    .navigation-menu-left[b-7gcvypebmj] {
        display: none;
    }
}
/* /Components/SISInfoGuid/SISInfoGuid.razor.rz.scp.css */
.info-guid-button[b-8j1q9wgyjw] >  button {
    outline: none;
    box-shadow: none;
    color: var(--donkerblauw);
}

.info-guid-button.hasvalue[b-8j1q9wgyjw] >  button {
    color: var(--donkergroen);
}

.info-guid-button.hasnovalue[b-8j1q9wgyjw] >  button {
    color: var(--rood);
}
/* /Components/SISInfoGuid/TooltipInfoPopup.razor.rz.scp.css */
.input-label-container[b-bassuxxxk6] {
    display: flex;
    align-items: center;
    gap: 10px; /* Adjust spacing */
    margin-bottom: 10px;
}

    .input-label-container label[b-bassuxxxk6] {
        min-width: 100px; /* Adjust label width */
        text-align: right;
    }

    .input-label-container .form-control[b-bassuxxxk6] {
        flex: 1; /* Allows the input to take up the remaining space */
    }

.container .row > .col-12:first-child .input-label-container[b-bassuxxxk6] {
    margin-top: 20px; /* Pas de waarde naar wens aan */
}
/* /Components/SISInitieleGoedkeuringInfo/SISInitieleGoedkeuringInfo.razor.rz.scp.css */
.initiele-goedkeuring-content[b-5j7qlq1o1i] {
    display: flex;
    gap: 5px;
    align-items:baseline;
    line-height: 22px;
    padding: 10px;
    background-color: var(--status-groen-opacity-10);
    border-radius: 5px;
}

    .initiele-goedkeuring-content > .persona-afkorting[b-5j7qlq1o1i] {;
        text-align: center;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        font-size: 14px;
        padding: 5px 0;
        margin: 0 10px 0 0;
        color: var(--wit);
    }

    .initiele-goedkeuring-content > .info-label[b-5j7qlq1o1i] {
        color: var(--donkergroen);
    }

    .initiele-goedkeuring-content > .info-description[b-5j7qlq1o1i] {
        color: var(--svg-default-kleur);
        font-size: 14px;
    }

        .initiele-goedkeuring-content > .info-description > span[b-5j7qlq1o1i] {
            color: var(--donkergrijs);
            font-size: 12px;
        }
/* /Components/SISInputTextWithStatus/SISInputTextWithStatus.razor.rz.scp.css */
.sis-inputtext-with-status-header[b-i2jxa715u8] {
    margin-top: 15px;
}

.sis-inputtext-with-status-label[b-i2jxa715u8] {
    font-weight: 700;
    font-size: 1.1em;
}
.sis-inputtext-with-status-status[b-i2jxa715u8] {
    float: right;
}

.sis-inputtext-with-status-inputtext[b-i2jxa715u8] {
    margin: 0 0 10px 0;
}

.item-completed[b-i2jxa715u8] {
    color: var(--groen);
}

.item-notcompleted[b-i2jxa715u8] {
    color: var(--rood);
}

.item-notapplicable[b-i2jxa715u8]{
    text-decoration: line-through;
}

.SISContentSummaryItem-icon[b-i2jxa715u8] {
    float: right;
    margin: 5px;
}

.sis-inputtext-with-status-textarea[b-i2jxa715u8] {
    width: 100% !important;
    min-height: 150px;
    margin-top: 5px;
}
/* /Components/SISPageTitle/SISPageTitle.razor.rz.scp.css */
.page-title-root[b-qvilinr3kd] {
    background: var(--lichtpaarsgrijs);
    padding: 10px 30px;
}

.page-content-root[b-qvilinr3kd] {
    background: linear-gradient(180deg, var(--wit), var(--lichtpaarsgrijs));
    padding: 0 10px;
}

.sispagetitle-container[b-qvilinr3kd] {
    padding-left: 0px;
    padding-right: 0px;
}

.page-title-div :focus-visible[b-qvilinr3kd] {
    outline: none
}

.icon-and-title[b-qvilinr3kd] {
    gap: 10px;
}

.title-button-content[b-qvilinr3kd] {
    margin: -20px 0;
}

.filtercontent[b-qvilinr3kd] {
    padding: 10px;
    border-radius: 0px 0.25rem 0.25rem 0.25rem;
}

.status-item[b-qvilinr3kd] {
    padding: 0rem 0.5rem 0 0.5rem;
}
/* /Components/SISPageTitle/SISPageTitleBreadCrumb/SISPageTitleBreadCrumb.razor.rz.scp.css */
.sis-pagetitle-breadcrumb[b-yegwei6a7r] {
    margin-left: 34px;
}

.breadcrumb-text[b-yegwei6a7r] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration-line: underline;
    color: var(--svg-default-kleur);
    margin: 3px;
}
/* /Components/SISPageTitle/SISPageTitleContent/SISPageTitleContent.razor.rz.scp.css */
.type-title-box[b-a6zbse25pp] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 10px;
    height: 20px;
    background: var(--paarsgrijs);
    border-radius: 100px;
    gap: 6px;
}

.type-title[b-a6zbse25pp] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: var(--svg-default-kleur);
    margin: 0;
}

.type-img[b-a6zbse25pp] {
    width: 16px;
}

.text[b-a6zbse25pp], .titel[b-a6zbse25pp] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: #507091;
    padding: 2px 0px;
    margin: 0px;
}

.inactiefContainer[b-a6zbse25pp] {
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--status-rood);
    background: var(--validatie-achtergrond-kleur);
    border-radius: 100px;
    height: 20px;
}

.inactiefText[b-a6zbse25pp] {
    margin: 0;
    color: var(--validatie-tekst-kleur);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
}

.iconContainer[b-a6zbse25pp] {
    color: var(--validatie-tekst-kleur);
    display: flex;
}

.status-box[b-a6zbse25pp] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 20px;
    padding-left: 60px;
}
/* /Components/SISPageTitle/SISPageTitleExtraContent/SISPageTitleExtraContent.razor.rz.scp.css */
.productportfoliostatus-box[b-e8z2c7cp6f] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px;
    gap: 6px;
    background: #FFFFFF;
    border-radius: 199px;
}
/* /Components/SISPrijskost/SISPrijskosten.razor.rz.scp.css */
.wrapper[b-sb3oe3937z] {
    --corner-width: 8px;
}

.radioButtons[b-sb3oe3937z] {
    display: flex;
}

.radioButton-item[b-sb3oe3937z] {
    display: flex;
    gap: 8px;
    padding: 6px 10px;
    position: relative;
    accent-color: var(--paars);
}

.withHighlight .radioButton-itemWrapper.highlightable[b-sb3oe3937z] {
    background-color: var(--lichtpaarsgrijs);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
}

    .withHighlight .radioButton-itemWrapper.highlightable[b-sb3oe3937z]::after {
        content: '';
        background-color: var(--lichtpaarsgrijs);
        bottom: 0;
        height: var(--corner-width);
        position: absolute;
        right: calc(var(--corner-width) * -1);
        width: var(--corner-width);
        z-index: 1;
    }

.withHighlight .highlightable .radioButton-item[b-sb3oe3937z]::after {
    content: '';
    background-color: var(--wit);
    border-bottom-left-radius: var(--corner-width);
    bottom: 0;
    height: var(--corner-width);
    position: absolute;
    right: calc(var(--corner-width) * -1);
    width: var(--corner-width);
    z-index: 2;
}

.dropdownWrapper[b-sb3oe3937z] {
    background-color: var(--lichtpaarsgrijs);
    border-bottom-left-radius: var(--corner-width);
    border-bottom-right-radius: var(--corner-width);
    border-top-right-radius: var(--corner-width);
    display: block;
    padding: 10px;
}

.prijskosten-overzicht[b-sb3oe3937z] {
    width: 100%;
}

.prijskosten-detail[b-sb3oe3937z] {
    padding-left: 15px;
}

.prijskosten-detail-whiterow[b-sb3oe3937z] {
    min-height: 3px;
    background-color: white;
}

[b-sb3oe3937z] .th-left {
    padding-left: 25px;
    padding-bottom: 15px;
}

[b-sb3oe3937z] .th-right {
    padding-right: 60pt;
    padding-bottom: 15px;
}

[b-sb3oe3937z] .th-left-1 {
    padding-left: 5px;
    padding-bottom: 5px;
}

[b-sb3oe3937z] .th-right-1 {
    padding-right: 40pt;
    padding-bottom: 5px;
}

[b-sb3oe3937z] .td-prijs {
    width: 15%;
    text-align: left;
}

[b-sb3oe3937z] .td-btw {
    width: 45%;
    text-align: right;
}

[b-sb3oe3937z] .td-totaal {
    width: 30%;
    text-align: right;
}

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

[b-sb3oe3937z] .td-50 {
    width: 50%;
}

[b-sb3oe3937z] thead tr {
    font-weight: 700;
}

[b-sb3oe3937z] .panel-title {
    font-weight: 700;
}

.table-head-body[b-sb3oe3937z]{
    text-align: left;
}

.td-70[b-sb3oe3937z]{
    width: 70%;
}
/* /Components/SISPrijskost/SISPrijskostRow.razor.rz.scp.css */
.radioButtons[b-g50xhshrwm] {
    display: flex;
}

.radioButton-item[b-g50xhshrwm] {
    display: flex;
    gap: 8px;
    padding: 6px 10px;
    position: relative;
    accent-color: var(--paars);
}

.radioButton-itemWrapper[b-g50xhshrwm] {
    display: flex;
}

.td-links[b-g50xhshrwm] {
    text-align: left;
    padding-right: 10px;
}

.td-rechts[b-g50xhshrwm] {
    text-align: right;
    padding-right: 10px;
}

.td-20[b-g50xhshrwm] {
    width: 20%;
}

.td-10[b-g50xhshrwm] {
    width: 10%;
}

.td-50[b-g50xhshrwm] {
    width: 50%;
    padding-right: 10px;
}

.td-5[b-g50xhshrwm] {
    width: 5%;
}

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

[b-g50xhshrwm] .infoveld {
    align-items: flex-start;
    display: flex;
    font-size: 12px;
    gap: 10px;
    padding: 7px 7px;
    color: var(--donkergrijs);
}
[b-g50xhshrwm] .infoveld .button-link .button-inner{
    padding-top: unset;
}

[b-g50xhshrwm] .infoveld .button-link .button-content {
    padding-bottom: unset;
}

[b-g50xhshrwm] .infoveld-icon {
    color: var(--paars);
}

[b-g50xhshrwm] .infoveld-icon .icon-24 {
    width: 16px;
    height: 16px;
}
/* /Components/SISProductNew/SISProductNew.razor.rz.scp.css */
.filterContainer[b-mi1k2ofnoj] {
    background: var(--lichtpaarsgrijs);
}
.buttonContainer[b-mi1k2ofnoj] {
    display: flex;
    gap: 20px;
}

.buttonWrapper[b-mi1k2ofnoj] {
    padding: 20px 0px 0px 20px;
}

.buttonActive[b-mi1k2ofnoj] {
    background: var(--lichtpaarsgrijs);
}
/* /Components/SISProductPortfolioNew/SISProductPortfolioNew.razor.rz.scp.css */
.wrapper[b-bpdyipamab] {
    --corner-width: 8px;
}

.withHighlight .keuzeButton-itemWrapper.highlightable[b-bpdyipamab] {
    background-color: var(--lichtpaarsgrijs);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
}

    .withHighlight .keuzeButton-itemWrapper.highlightable[b-bpdyipamab]::after {
        content: '';
        background-color: var(--lichtpaarsgrijs);
        bottom: 0;
        height: var(--corner-width);
        position: absolute;
        right: calc(var(--corner-width) * -1);
        width: var(--corner-width);
        z-index: 1;
    }

.withHighlight .highlightable .keuzeButton-item[b-bpdyipamab]::after {
    content: '';
    background-color: var(--wit);
    border-bottom-left-radius: var(--corner-width);
    bottom: 0;
    height: var(--corner-width);
    position: absolute;
    right: calc(var(--corner-width) * -1);
    width: var(--corner-width);
    z-index: 2;
}

.dropdownWrapper[b-bpdyipamab] {
    background-color: var(--lichtpaarsgrijs);
    border-bottom-left-radius: var(--corner-width);
    border-bottom-right-radius: var(--corner-width);
    border-top-right-radius: var(--corner-width);
    display: inline-block;
    padding: 10px;
}

.labelNiewProductportfolio[b-bpdyipamab] {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    padding-bottom: 10px;
}

.productPortfolioTitelContainer[b-bpdyipamab]{
    margin-bottom: 44px;
}

.buttonContainer[b-bpdyipamab]{
    margin: 15px 0px 15px 0px;
}

.container-warning-uniek[b-bpdyipamab] {
    padding: 25px;
    background-color: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    display: flex;
}
    .container-warning-uniek > img[b-bpdyipamab] {
        height: 24px;
        padding-right: 10px;
    }
/* /Components/SISProspectLabel/SISProspectLabel.razor.rz.scp.css */
.persona-container[b-a4ofpfwerr] {
    display: flex;
    align-items: center;
}

.persona-icon[b-a4ofpfwerr] {
    align-items: center;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin-right: 10px;
    text-align: center;
    margin-left: 10px;
    width: 2rem;
}

.persona-naam[b-a4ofpfwerr] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}
/* /Components/SISSearchField/SISSearchField.razor.rz.scp.css */
.zoek-weergave[b-epz39keg41] {
    align-items: center;
    background-color: var(--wit);
    border: 1px solid var(--grijs);
    border-radius: 0.25rem;
    display: flex;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .zoek-weergave[b-epz39keg41] >  .button-root .grid-button {
        background-color: var(--wit);
        margin-left: 8px;
        min-width: 0;
        padding: 0;
    }

    .zoek-weergave[b-epz39keg41] >  .button-root > button > .button-icon-left > .icon {
        color: var(--paars);
    }

.zoek-weergave-compact[b-epz39keg41] {
    align-items: center;
    background-color: var(--wit);
    border: 1px solid var(--grijs);
    border-radius: 0.25rem;
    display: flex;
}

[b-epz39keg41] .sis-inputtext {
    flex-grow: 1;
    outline: none;
}

[b-epz39keg41] .zoek-weergave-inputtext {
    border: none;
}

.search-bar[b-epz39keg41] {
    width: calc(100% - 100px);
    display: inline-block;
}

.search-bar-buttons[b-epz39keg41] {
    width: 100px;
    display: inline-block;
    text-align: center;
}

.search-bar-dropdown[b-epz39keg41] {
    width: 25%;
    /* sis-datagrid-header has z-index of 100 */
    z-index: 101;
}
/* /Components/SISSimpleDataGrid/SISSimpleDataGrid.razor.rz.scp.css */
.simple-data-grid-newrow[b-9ot4cd2jfl] {
    padding-top: 5px;
}

.simple-data-grid-content[b-9ot4cd2jfl] {
    margin: 0px 20px;
}

.simple-data-grid-table[b-9ot4cd2jfl] {
    width: 100%;
    padding: 20px;
}

.simple-data-grid-row[b-9ot4cd2jfl] {
    border-bottom: 1px solid var(--grijs);    
}

.simple-data-grid-row.selected[b-9ot4cd2jfl] {
    background-color: var(--lichtgroen);
}

.simple-data-grid-row-header[b-9ot4cd2jfl] {
    background-image: linear-gradient(#ffffff, #f6f8fe);
    font-weight: 600;
    font-size: 14px;
}

[b-9ot4cd2jfl] .simple-data-grid-row-header > td {
    padding: 5px 10px 5px 10px;
}

[b-9ot4cd2jfl] .simple-data-grid-row > td {
    padding: 5px 10px 5px 10px;
}

[b-9ot4cd2jfl] .simple-data-grid-newrow > td {
    padding: 5px 10px 5px 10px;
}

[b-9ot4cd2jfl] input.control-with-focus {
    height: 36px;   
}
/* /Components/SISSimpleDataGrid/SISSimpleDataGridPopup.razor.rz.scp.css */
.sis-simple-datagrid-popup-root[b-fysntfo0sf] {
}

.sis-simple-datagrid-popup-header[b-fysntfo0sf] {
    width: 100%;
    padding: 4rem 2rem 1rem 2rem;
    font-size: 32px;
    background-color: var(--paarsgrijs);
}

.sis-simple-datagrid-popup-body[b-fysntfo0sf] {
    padding: 3rem 2rem 2rem 2rem;
}

    .sis-simple-datagrid-popup-body span[b-fysntfo0sf] {
        font-size: 16px;
    }

.sis-simple-datagrid-popup-buttons[b-fysntfo0sf] {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
}
/* /Components/SISSpinner/SISSpinner.razor.rz.scp.css */
.spinnerContainer[b-pcpks2ro7t] {
    display: flex;
    justify-content: center;
}

[b-pcpks2ro7t] .rz-progressbar-circular-background {
    stroke: transparent;
}

[b-pcpks2ro7t] .rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-circular-value {
    stroke: var(--paars);
}
/* /Components/SISStatus/SISStatusAanpassenPopup.razor.rz.scp.css */
.popup-body[b-c2yqf8stxl] {
    padding: 20px 40px;
}
/* /Components/SISStatus/SISStatusItem.razor.rz.scp.css */
.status-item[b-3du750nesl] {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: 1fr;
    margin: auto 1rem;
    line-height:19px;
}

    .status-item.first[b-3du750nesl]{
        margin-left: 0;
    }

    .status-item.last[b-3du750nesl] {
        margin-right: 0;
    }

.status-icon[b-3du750nesl] {
    grid-row: 1 / 4;
    grid-column: 1/2;
    margin-right: 0.25rem;
}

    .status-icon > svg[b-3du750nesl] {
        display: inline-block;
        width: 20px;
        height: 20px;
        position: relative;
        top: calc(50% - 11px);
    }

.status-description[b-3du750nesl] {
    grid-column: 2/2;
    font-weight: 700;
}

.status-description > span[b-3du750nesl]{
    cursor: pointer;
}

.status-gebruiker[b-3du750nesl] {
    grid-column: 2/2;
    color: var(--svg-default-kleur);
    font-size: 14px;
}

.status-date[b-3du750nesl] {
    font-size: 14px;
    grid-column: 2/2;
}

.status-date[b-3du750nesl], .status-type[b-3du750nesl] {
    color: var(--donkergrijs);
}

.status-item-Blauw[b-3du750nesl] {
    color: var(--donkerblauw);
    border-color: var(--donkerblauw);
}

.status-item-Grijs[b-3du750nesl] {
    color: var(--donkergrijs);
    border-color: var(--donkergrijs);
}

.status-item-Groen[b-3du750nesl] {
    color: var(--donkergroen);
    border-color: var(--donkergroen);
}

.status-item-Oranje[b-3du750nesl] {
    color: var(--oranje);
    border-color: var(--oranje);
}

.status-item-Paars[b-3du750nesl] {
    color: var(--donkerpaars);
    border-color: var(--donkerpaars);
}

.status-item-Rood[b-3du750nesl] {
    color: var(--rood);
    border-color: var(--rood);
}

.status-item-Wit[b-3du750nesl] {
    color: var(--zwart);
    border-color: var(--zwart);
}

.status-item-Zwart[b-3du750nesl] {
    color: var(--wit);
    border-color: var(--wit);
}
/* /Components/SISStatus/SISStatusItemHorizontal.razor.rz.scp.css */
.status-item[b-2715i0smmu] {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 0.1fr 1fr 1fr;
    margin: auto 1rem;
    line-height: 19px;
    align-items: center;
}

    .status-item > hr[b-2715i0smmu] {
        background-color: unset;
        opacity: unset;
        grid-column: 2/4;
        border-top: 1px dotted var(--grijs);
    }

    .status-item.last > .status-icon-connector[b-2715i0smmu] {
        border: none;
    }

    .status-item.last > hr[b-2715i0smmu] {
        border: none;
    }

.status-icon[b-2715i0smmu] {
    grid-row: 1/3;
    grid-column: 1/2;
    text-align: center;
}

    .status-icon > svg[b-2715i0smmu] {
        display: inline-block;
        width: 20px;
        height: 20px;
        position: relative;
        top: calc(50% - 11px);
    }

.status-icon-connector[b-2715i0smmu]{
    grid-column:1/2;
    border-left: 1px solid var(--grijs);
    margin: -8px 0 -8px 50%;
    line-height: 48px;
}

.status-description[b-2715i0smmu] {
    grid-column: 2/2;
    font-weight: 700;
}

.status-gebruiker[b-2715i0smmu] {
    grid-row: 1/3;
    grid-column: 3/3;
    color: var(--svg-default-kleur);
    font-size: 14px;
    line-height: 32px;
}

.status-gebruiker > .afkorting[b-2715i0smmu] {
    text-align: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: white;
    display:inline-block;
    margin-right:10px;
}

.status-date[b-2715i0smmu] {
    font-size: 14px;
    grid-column: 2/2;
}

.status-date[b-2715i0smmu], .status-type[b-2715i0smmu] {
    color: var(--donkergrijs);
}

.status-item-Blauw[b-2715i0smmu] {
    color: var(--donkerblauw);
    border-color: var(--donkerblauw);
}

.status-item-Grijs[b-2715i0smmu] {
    color: var(--donkergrijs);
    border-color: var(--donkergrijs);
}

.status-item-Groen[b-2715i0smmu] {
    color: var(--donkergroen);
    border-color: var(--donkergroen);
}

.status-item-Oranje[b-2715i0smmu] {
    color: var(--oranje);
    border-color: var(--oranje);
}

.status-item-Paars[b-2715i0smmu] {
    color: var(--donkerpaars);
    border-color: var(--donkerpaars);
}

.status-item-Rood[b-2715i0smmu] {
    color: var(--rood);
    border-color: var(--rood);
}

.status-item-Wit[b-2715i0smmu] {
    color: var(--zwart);
    border-color: var(--zwart);
}

.status-item-Zwart[b-2715i0smmu] {
    color: var(--wit);
    border-color: var(--wit);
}
/* /Components/SISStatus/SISStatusLabel/SISStatusLabel.razor.rz.scp.css */
.statusLabel[b-y09d6sl0y9] {
    align-items: center;
    background-color: var(--lichtpaarsgrijs);
    border: 1px solid rgba(223, 227, 231, 0.5);
    border-radius: 6px;
    color: var(--donkergrijs);
    display: inline-flex;
    gap: 4px;
    padding: 2px 4px;
}

    .statusLabel.statusLabel--succes[b-y09d6sl0y9] {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #2ECC71;
        border-color: rgba(46, 204, 113, 0.4);
        color: var(--donkergroen);
    }

    [b-y09d6sl0y9].statusLabel em {
        font-style: normal;
        font-weight: 600;
        text-decoration: underline;
    }
/* /Components/SISStatus/SISStatusSelector/SISStatusRow.razor.rz.scp.css */
.sis-status-row-label[b-ba15zlgxmd] {
    font-weight: 900;
    font-size: 1.1em;
}

.sis-status-row-selector[b-ba15zlgxmd] {
    float: right;
}
/* /Components/SISStatus/SISStatusSelector/SISStatusSelector.razor.rz.scp.css */



[b-3e2zp0mfxt] .sis-inputtext-with-status {
    float: right;
}

.item-completed[b-3e2zp0mfxt] {
    color: var(--groen);
}

.item-notcompleted[b-3e2zp0mfxt] {
    color: var(--rood);
}

.SISContentSummaryItem-icon[b-3e2zp0mfxt] {
    float: right;
    margin: 5px;
}

/* /Components/SISStatus/SISStatusTimeline.razor.rz.scp.css */
.status-wrapper[b-ckpj6tg8si] {
    display: flex;
    margin-top: -15px;
}

    .status-wrapper .status-connector.last.first[b-ckpj6tg8si] {
        margin-left: 20px;
    }

.status-container > hr[b-ckpj6tg8si] {
    margin: 10px 0 0;
    background-color: var(--grijs);
    opacity: unset;
}

.status-type[b-ckpj6tg8si] {
    font-size: 18px;
    color: var(--donkergrijs);
}

.status-connector[b-ckpj6tg8si] {
    min-width: 75px;
    border-bottom: 1px solid var(--grijs);
    margin: auto 0;
}

.status-connector-dot.intermediate[b-ckpj6tg8si] {
   cursor: pointer;
}

.unblocking-info[b-ckpj6tg8si]{
    font-size: 14px;
}

.status-connector.last[b-ckpj6tg8si] {
    flex-grow: 1
}

    .status-connector.small[b-ckpj6tg8si] {
        min-width: 25px;
    }

.status-connector-dot[b-ckpj6tg8si] {
    height: 0.5rem;
    min-width: 0.5rem;
    background-color: var(--blauw);
    border-radius: 50%;
    margin: auto;
}

[b-ckpj6tg8si] .icon-button {
    color: var(--svg-default-kleur);
    outline: none !important;
}
/* /Components/SISStatus/SISStatusTimelineDialogCard.razor.rz.scp.css */
.status-historiek-header[b-19ys3w6jh0] {
    background-color: var(--paarsgrijs);
    padding: 1.5rem;
    margin: -1.5rem -1.5rem 1.5rem -1.5rem;
    color: var(--svg-default-kleur);
}

    .status-historiek-header > .titel[b-19ys3w6jh0] {
        font-size: 35px;
    }

    .status-historiek-header > .sluiten[b-19ys3w6jh0] {
        cursor: pointer;
        float: right;
    }

        .status-historiek-header > .sluiten > span[b-19ys3w6jh0] {
            text-transform: uppercase;
            font-size: 14px;
            vertical-align: middle;
        }



.status-item-wrapper[b-19ys3w6jh0] {
    padding: 10px;
    border: 5px solid var(--lichtpaarsgrijs);
}
/* /Components/SISSubProductNew/SISSubProductNew.razor.rz.scp.css */
.filterContainer[b-je27bmdkaw]{
    background: var(--lichtpaarsgrijs);
}
.buttonContainer[b-je27bmdkaw]{
    display: flex;
    gap: 20px;
}

.buttonWrapper[b-je27bmdkaw]{
    padding: 20px 0px 0px 20px;
}

.buttonActive[b-je27bmdkaw] {
    background: var(--lichtpaarsgrijs);
}
/* /Components/SISTab/SISTab.razor.rz.scp.css */
.tabblad[b-224ou23iar] {
    background-color: var(--lichtpaarsgrijs);
    position: sticky;
    top: 85px;
    z-index: 600;
}
/* /Components/SISUpload/SISUpload.razor.rz.scp.css */
.container[b-8ytep1hfr0] {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.headerTextContainer[b-8ytep1hfr0] {
    font-weight: bold;
    font-size: 20px;
    color: var(--svg-default-kleur);
    margin: 0;
}

p[b-8ytep1hfr0]{
    margin: 0;
}

.textContainer[b-8ytep1hfr0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 140%;
}

.uploadWrapper[b-8ytep1hfr0] {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0px 20px;
    gap: 5px;
}

.uploadContainer[b-8ytep1hfr0] {
    width: 50%;
    height: 135px;
    background: var(--lichtpaarsgrijs);
    border-radius: 6px;
    border-style: dashed;
    border-color: var(--grijs);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.uploadLinkContainer[b-8ytep1hfr0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 3px solid var(--grijs);
    background: var(--wit);
    width: 50%;
    cursor: pointer;
}

.iconContainer[b-8ytep1hfr0] {
    padding: 10px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 199px;
    display: flex;
    justify-content: center;
}

.uploadMainText[b-8ytep1hfr0] {
    line-height: 19px;
    color: var(--donkergrijs);
}

.uploadSideText[b-8ytep1hfr0] {
    font-size: 14px;
    color: var(--donkergrijs);
}

.uploadTextButton[b-8ytep1hfr0] {
    color: var(--paars);
    border-bottom: 1px solid var(--paars);
    margin: 0;
    cursor: pointer;
}

.buttonContainer[b-8ytep1hfr0] {
    display: flex;
    gap: 20px;
    width: 100%;
}

.textContainer[b-8ytep1hfr0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.statusContainer[b-8ytep1hfr0]{
    display: flex;
    gap: 5px;
    flex-direction: column;
}

/* /Components/SISUpload/SISUploadExist/SISUploadExist.razor.rz.scp.css */
.bodyContainer[b-lgmazzlnpo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
}
.jaNeeContainer[b-lgmazzlnpo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 0px;
}

.text[b-lgmazzlnpo] {
    font-weight: 700;
    color: var(--svg-default-kleur);
    margin: 0;
}

.inputContainer[b-lgmazzlnpo] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.errorText[b-lgmazzlnpo]{
    color: var(--rood)
}
/* /Components/SISUpload/SISUploadLink/SISUploadLinkPopup.razor.rz.scp.css */
.linkContainer[b-5o65aby0ax] {
    margin: 40px;
}
/* /Components/SISUpload/SISUploadStatusItem/SISUploadStatusItem.razor.rz.scp.css */
p[b-7kufc36iff]{
    margin: 0;
}

.statusWrapper[b-7kufc36iff] {
    padding: 10px 20px 10px 10px;
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grijs);
    border-width: 1px;
}

.statusContainer[b-7kufc36iff] {
    display: flex;
}

.statusInfoContainer[b-7kufc36iff] {

}

.fileInfoContainer[b-7kufc36iff] {
    display: flex;
}

.fileTextContainer[b-7kufc36iff] {
    width: 100%;
    padding: 0 30px 0 10px;
}

.fileName[b-7kufc36iff] {
    font-weight: bold;
    color: var(--svg-default-kleur);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.fileSize[b-7kufc36iff] {
    color: var(--donkergrijs);
}

.progressbarContainer[b-7kufc36iff] {
    display: flex;
    gap: 20px;
    height: 15px;
}

.progressbar[b-7kufc36iff] {
    width: 100%;
    display: flex;
    align-items: center;
}

.progressbarStatus[b-7kufc36iff] {
    font-size: 14px;
}

.fileActionsContainer[b-7kufc36iff] {
    display: flex;
    align-items: flex-start;
    gap: 5%;
}

.line[b-7kufc36iff] {
    background-color: var(--grijs);
    width: 1px;
    height: 100%;
}

.dropDownContainer[b-7kufc36iff] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.dropDownText[b-7kufc36iff] {
    font-weight: 700;
    line-height: 140%;
    color: var(--svg-default-kleur);
}

.titel[b-7kufc36iff]{
    font-weight: bold;
}

.iconContainer[b-7kufc36iff]{
    display: flex;
    gap: 5px;
    height: 100%;
    align-items: center;
}
/* /Components/SISUserSettings/SISUserSettingsPopup.razor.rz.scp.css */
.settings[b-v84z12nsy8] {
    display: flex;
    flex-direction: column;
}

.setting[b-v84z12nsy8] {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
}
/* /Components/SubProduct/Popups/AttestenToekennenPopup.razor.rz.scp.css */
.attesten-details[b-pfrkp8lbij] {
    padding: 1rem 2rem 1rem 2rem;
}

.container[b-pfrkp8lbij]{
    display: flex;
    gap: 20px;
}
/* /Components/SubProduct/Popups/ErkenningsNummerPopup.razor.rz.scp.css */
.erkenning-details[b-ctc4t4l0rl] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-ctc4t4l0rl] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-ctc4t4l0rl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-ctc4t4l0rl] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-ctc4t4l0rl] .testclass {
    width: 235px;
}

[b-ctc4t4l0rl] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-ctc4t4l0rl] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-ctc4t4l0rl] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-ctc4t4l0rl] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-ctc4t4l0rl] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-ctc4t4l0rl] .rz-accordion-content {
    padding: 10px;
}

[b-ctc4t4l0rl] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-ctc4t4l0rl] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-ctc4t4l0rl] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-ctc4t4l0rl] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-ctc4t4l0rl] {
    color: var(--donkergrijs);
    font-style: italic;
    margin-left: auto;
}

.label[b-ctc4t4l0rl] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-ctc4t4l0rl] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-ctc4t4l0rl] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/SubProduct/SubProductCollapsableContainer.razor.rz.scp.css */
.collapsable-container-header[b-ehlv9th773] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 1rem 0;
}

.collapsable-container-title[b-ehlv9th773] {
    display: flex;
    gap: 10px;
}

.collapsable-container-title > a[b-ehlv9th773] {
    display: flex;
    gap: 10px;
}

.collapsable-container-icon[b-ehlv9th773] {
    display: flex;
}

.collapsable-container-label[b-ehlv9th773] {
    font-size: 16px;
    font-weight: 600;
}

.collapsable-container-collapsebutton[b-ehlv9th773] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

    .collapsable-container-collapsebutton[b-ehlv9th773] >  button {
        padding: 2px;
    }

    .collapsable-container-collapsebutton[b-ehlv9th773] >  .button-base {
        height: 24px;
    }

.collapsable-container-content[b-ehlv9th773] {
    margin: 1rem 0 0 0;
}

.collapsable-container-bottomline[b-ehlv9th773] {
    height: 2px;
    background-color: var(--grijs);
    margin: 0 0 1rem 0;
}
/* /Components/SubProduct/SubProductErkenningen.razor.rz.scp.css */
.subproduct-erkenningen[b-87zm5nnm1v] {
    margin-bottom: 30px;
}

.textContainer[b-87zm5nnm1v] {
    display: flex;
    gap: 10px;
}

p[b-87zm5nnm1v] {
    margin: 0;
}

.text[b-87zm5nnm1v] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 280px;
}

.attestTest[b-87zm5nnm1v] {
    max-width: 400px;
}

.title[b-87zm5nnm1v] {
    font-weight: bold;
}

[b-87zm5nnm1v] .titel-blok {
    display: flex;
    align-items: baseline;
}

[b-87zm5nnm1v] .datagrid-root, [b-87zm5nnm1v] button {
    margin-left: 20px;
}

[b-87zm5nnm1v] .syn-fullrow {
    margin-bottom: 15px;
}

[b-87zm5nnm1v] .rz-data-grid {
    overflow-x: auto;
}

[b-87zm5nnm1v] .rz-data-grid-data {
    min-width: 850px;
}

/* /Components/SubProduct/SubProductVakken.razor.rz.scp.css */
.buttonContainer[b-9mgg0qwwjg] {
    display: flex;
    flex-direction: row-reverse;
}

[class$="-omschrijving"][b-9mgg0qwwjg] {
    font-weight: bold;
    float: left;
}

.productlid-omschrijving[b-9mgg0qwwjg] {
    padding-left: 25px;
}

[class$="-aantal"][b-9mgg0qwwjg], [class$="-punten"][b-9mgg0qwwjg] {
    float: right;
    font-weight: bold;
    font-size: 0.9rem;
    text-align: right;
    padding-right: 50px;
    margin-top: 5px;
}

[b-9mgg0qwwjg] .product-form {
    display: inline-flex;
}

[b-9mgg0qwwjg] .panel-extra-info {
    text-align: right;
    padding-right: 50px;
}

.productlid-tooltip[b-9mgg0qwwjg] {
    align-items: center;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin-right: -5px;
    text-align: center;
    width: 2rem;
}

.productlid-naam[b-9mgg0qwwjg] {
    padding-left: 20px;
}

[b-9mgg0qwwjg] .panel-body .sis-fullrow {
    padding: 5px 0;
}

/* Tooltip productlid*/
.tooltip-content[b-9mgg0qwwjg] {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 1fr;
    line-height: 22px;
    font-size: 16px;
    align-items: center;
    padding: 15px;
}

.tooltip-afkorting[b-9mgg0qwwjg] {
    grid-row: 1 / 3;
    grid-column: 1/2;
    text-align: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 14px;
    padding: 5px 0;
    margin: 0 5px 0 0;
    color: var(--wit);
}

.tooltip-naam[b-9mgg0qwwjg] {
    grid-column: 2/2;
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.tooltip-hoedanigheid[b-9mgg0qwwjg] {
    grid-column: 2/2;
    color: var(--donkergrijs);
}

[b-9mgg0qwwjg] .titel-blok {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-9mgg0qwwjg] .titel-blok-content {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

    [b-9mgg0qwwjg] .titel-blok-content .buttonContainer {
        margin-left: 10px;
    }

.docentenlijst-container[b-9mgg0qwwjg] {
}

[b-9mgg0qwwjg] .vakDetail {
    padding: 10px 10px 10px 0;
}

[b-9mgg0qwwjg] .vakDetail .container {
    padding: 10px 10px 20px 0px;
}


[b-9mgg0qwwjg] .subVakDetail:has(.datagrid-root) {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    margin-left: 40px;
    width: 95%;
}

[b-9mgg0qwwjg] .subVakDetail .datagrid-root {
    padding: 15px 0;
}

[b-9mgg0qwwjg] .vak-met-pointers {
    padding-top: 0;
}

.editEvaluatieContainer[b-9mgg0qwwjg]{
    margin-bottom: 10px;
}

@media (max-width : 1400px) {
    [b-9mgg0qwwjg] .titel-blok-content {      
        flex-direction: column;      
    }

    [b-9mgg0qwwjg] .titel-blok-content .buttonContainer {
        margin-bottom: 5px;
    }
}
/* /Components/SubProduct/SubProductVrijeParameters.razor.rz.scp.css */
/* /Components/SubProduct/Vakken/ProductDocentenLijst.razor.rz.scp.css */
.docenten-container[b-gg164iidn1] {
    height: 100%;
    background-color: var(--lichtpaarsgrijs);
    width: 100%
}
.docentenlijst-container[b-gg164iidn1] {
    border: 2px var(--grijs) solid;
    border-radius: 7px;
    box-shadow: 0px 0px 10px rgba(43, 43, 43, 0.2);
    margin: 10px;
    gap: 5px;
    background-color: white;
    width: 95%;
}

.docent-add-container[b-gg164iidn1] {
    background-color: white;
}

/* /Components/SubProduct/Vakken/ProductDocentenLijstItem.razor.rz.scp.css */
.docent-container[b-a9fe9c47sb] {
    display: inline-block;
    margin: 3px 0px 0px 3px;
    background-color: white;
    width: 98%;
}

.docent-header-container[b-a9fe9c47sb] {
    display: flex;
    margin: 5px;
}

.docent-naam-hoedanigheid-container[b-a9fe9c47sb] {
    display: inline-flex;
    width: 80%;
}

.docent-icon[b-a9fe9c47sb] {
    align-items: center;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin-right: -5px;
    text-align: center;
    width: 2rem;
}

.docent-naam-container[b-a9fe9c47sb] {
}

.docent-naam[b-a9fe9c47sb] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}

.docent-hoedanigheid-container[b-a9fe9c47sb] {
    margin-left: 5px;
    display: inline-flex;
    color: var(--donkergrijs);
}

.doccent-button-container[b-a9fe9c47sb] {
    text-align: right;
    width: 25%;
}

.docent-item-container[b-a9fe9c47sb] {
    display: flex;
    flex-direction: column;
    margin: 6px 6px 6px 6px;
    padding: 4px 4px 4px 4px;
    background: var(--lichtpaarsgrijs);
    /*width: 80%;*/
}

.docent-item-left[b-a9fe9c47sb] {
    /*width: 50%;*/
    padding-left: 3px;
}

.docent-item-right[b-a9fe9c47sb] {    
    padding: 3px 0px 0px 3px;
    font-weight: 600;
}
/* /Components/SubProduct/Vakken/SubProductEvaluatiePopup.razor.rz.scp.css */
.container[b-fio4blc3u2] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-fio4blc3u2] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

p[b-fio4blc3u2] {
    margin: 0;
}

.boldText[b-fio4blc3u2] {
    font-weight: bold;
}

.infoContainer[b-fio4blc3u2] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-fio4blc3u2] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-fio4blc3u2] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-fio4blc3u2] {
    padding: 20px 0px 0px 10px;
}

[b-fio4blc3u2] .radioButton-item {
    padding-left: 0;
}

[b-fio4blc3u2] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-fio4blc3u2] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-fio4blc3u2] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-fio4blc3u2] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-fio4blc3u2] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-fio4blc3u2] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-fio4blc3u2] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-fio4blc3u2] .header-blok.subVak .titel-blok-content .icon {
        margin-right: 25px;
        padding: 8px;
        background-color: var(--info-achtergrond-kleur);
        border-radius: 5px;
        color: var(--status-blauw);
        border: 2px solid var(--status-blauw);
    }

    [b-fio4blc3u2] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-fio4blc3u2] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-fio4blc3u2] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-fio4blc3u2] .detail-blok {
    margin-left: 90px;
}

    [b-fio4blc3u2] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-fio4blc3u2] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-fio4blc3u2] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-fio4blc3u2] {
    border-left: 3px solid var(--status-blauw);
    border-bottom: 3px solid var(--status-blauw);
    height: 123px;
    width: 80px;
    display: block;
    margin-left: 50px;
    margin-top: -20px;
}

.line-to-next[b-fio4blc3u2] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-fio4blc3u2]::before {
    content: '';
    border: 3px solid var(--status-blauw);
    background-color: var(--status-blauw);
    border-radius: 6px;
    height: 12px;
    width: 12px;
    display: block;
    top: 95px;
    position: relative;
    left: -4px;
}

.wrapper[b-fio4blc3u2] {
    position: sticky;
    bottom: 0;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}

    .wrapper[b-fio4blc3u2]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }

@media (max-width : 1230px) {
    [b-fio4blc3u2] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-fio4blc3u2] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/SubProduct/Vakken/SubProductVakkenEvaluatieDetails.razor.rz.scp.css */
.container[b-59ny0gdo2b] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-59ny0gdo2b] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

p[b-59ny0gdo2b] {
    margin: 0;
}

.boldText[b-59ny0gdo2b] {
    font-weight: bold;
}

.infoContainer[b-59ny0gdo2b] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-59ny0gdo2b] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}
[b-59ny0gdo2b] .d-flex {
    width: 100%;
    margin: 2px;
}

    [b-59ny0gdo2b] .d-flex > .infoItem {
        width: 100%;
    }

.docent-naam-container[b-59ny0gdo2b] {
}

.docent-naam[b-59ny0gdo2b] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}

.docent-icon[b-59ny0gdo2b] {
    align-items: center;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin-right: -5px;
    text-align: center;
    width: 2rem;
}


[b-59ny0gdo2b] .radioButton-item {
    padding-left: 0;
}

[b-59ny0gdo2b] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-59ny0gdo2b] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-59ny0gdo2b] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-59ny0gdo2b] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-59ny0gdo2b] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-59ny0gdo2b] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

        [b-59ny0gdo2b] .header-blok .titel-blok-content .urenChipContainer {
            text-align: end;
        }

[b-59ny0gdo2b] .detail-blok {
    margin-left: 90px;
}

    [b-59ny0gdo2b] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-59ny0gdo2b] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

@media (max-width : 1230px) {
    [b-59ny0gdo2b] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-59ny0gdo2b] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/SubProduct/Vakken/SubProductVakkenVakDetails.razor.rz.scp.css */
.container[b-dao41szn1y] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items:start;
    overflow: hidden;
}

.frame[b-dao41szn1y] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

p[b-dao41szn1y] {
    margin: 0;
}

.boldText[b-dao41szn1y]{
    font-weight: bold;
}

.infoContainer[b-dao41szn1y] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-dao41szn1y] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}
[b-dao41szn1y] .d-flex {
    width: 100%;
    margin: 2px;
}

[b-dao41szn1y] .d-flex > .infoItem {
    width: 100%;
}

.docent-naam-container[b-dao41szn1y] {
}

.docent-naam[b-dao41szn1y] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}

.docent-icon[b-dao41szn1y] {
    align-items: center;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin-right: -5px;
    text-align: center;
    width: 2rem;
}


[b-dao41szn1y] .radioButton-item {
    padding-left: 0;
}

[b-dao41szn1y] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-dao41szn1y] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

[b-dao41szn1y] .header-blok > h5 {
    padding-left: 15px;
}

[b-dao41szn1y] .header-blok .titel-blok-content {
    width: 100%;
    display: flex;
    padding: 10px 0 0 20px;
}

    [b-dao41szn1y] .header-blok .titel-blok-content .icon {
        margin-right: 25px;
        padding: 8px;
        background-color: var(--status-blauw);
        border-radius: 5px;
        fill: var(--wit);
    }

    [b-dao41szn1y] .header-blok .titel-blok-content .header-input {
        margin-top: 0;
        width: 75%;
    }

    [b-dao41szn1y] .header-blok .titel-blok-content .urenChipContainer {
        text-align: end;
    }

[b-dao41szn1y] .detail-blok {
    margin-left: 90px;
}

[b-dao41szn1y] .detail-blok .titel-blok-content {
    display: flex;   
    padding: 0;
}

[b-dao41szn1y] .detail-blok .titel-blok-content .row {
    margin-right: 8px;
}

@media (max-width : 1230px) {
    [b-dao41szn1y] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-dao41szn1y] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/SubProduct/Vakken/SubProductVakPopup.razor.rz.scp.css */
.container[b-3rkgnyif2q] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-3rkgnyif2q] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

p[b-3rkgnyif2q] {
    margin: 0;
}

.boldText[b-3rkgnyif2q] {
    font-weight: bold;
}

.infoContainer[b-3rkgnyif2q] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-3rkgnyif2q] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-3rkgnyif2q] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-3rkgnyif2q] {
    padding: 20px 0px 0px 10px;
}

[b-3rkgnyif2q] .radioButton-item {
    padding-left: 0;
}

[b-3rkgnyif2q] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-3rkgnyif2q] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-3rkgnyif2q] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-3rkgnyif2q] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-3rkgnyif2q] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-3rkgnyif2q] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-3rkgnyif2q] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-3rkgnyif2q] .header-blok.subVak .titel-blok-content .icon {
        margin-right: 25px;
        padding: 8px;
        background-color: var(--info-achtergrond-kleur);
        border-radius: 5px;
        color: var(--status-blauw);
        border: 2px solid var(--status-blauw);
    }

    [b-3rkgnyif2q] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-3rkgnyif2q] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-3rkgnyif2q] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-3rkgnyif2q] .detail-blok {
    margin-left: 90px;
}

    [b-3rkgnyif2q] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-3rkgnyif2q] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-3rkgnyif2q] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-3rkgnyif2q] {
    border-left: 3px solid var(--status-blauw);
    border-bottom: 3px solid var(--status-blauw);
    height: 123px;
    width: 80px;
    display: block;
    margin-left: 50px;
    margin-top: -20px;
}

.line-to-next[b-3rkgnyif2q] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-3rkgnyif2q]::before {
    content: '';
    border: 3px solid var(--status-blauw);
    background-color: var(--status-blauw);
    border-radius: 6px;
    height: 12px;
    width: 12px;
    display: block;
    top: 95px;
    position: relative;
    left: -4px;
}

.wrapper[b-3rkgnyif2q] {
    position: sticky;
    bottom: 0;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}
    .wrapper[b-3rkgnyif2q]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }

@media (max-width : 1230px) {
    [b-3rkgnyif2q] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-3rkgnyif2q] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/Syllabi/SyllabiVersiesSubGrid.razor.rz.scp.css */
.overzicht-container[b-0zpa4rwxwt] {
    /*padding: 35px 10px 10px 35px;*/
    /*padding: 10px;*/
    overflow-x: auto;
    /*width: 92vw;*/
    /*margin-left: 25px;*/
}

    .overzicht-container.borderhighlight[b-0zpa4rwxwt] {
        border-color: var(--lichtpaars);
        border-style: solid;
    }

.overzicht-subitem-titel[b-0zpa4rwxwt] {
    color: var(--paars);
    background-color: var(--lichtgrijsmagenta);
    border-color: var(--lichtpaars);
    border-bottom: 0px;
    border-style: solid;
    padding: 10px 10px 10px 10px;
    /*margin-left: 10px;*/
}

.overzicht-container-subitem[b-0zpa4rwxwt] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    /*margin-left: 10px;*/
}

.overzicht-subitem[b-0zpa4rwxwt] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Components/VakItem/NewVakItemPopup.razor.rz.scp.css */
.vakNaamContainer[b-yps48xcjk2] {
    margin: 40px;
}
/* /MainLayout.razor.rz.scp.css */
/* override common css*/
[b-q0orl0iltv] .chip-icon svg.icon {
    vertical-align: text-bottom;
}

.header-section[b-q0orl0iltv] {
    position: sticky;
    top: 0;
    z-index: 700;
}

.main-content[b-q0orl0iltv] {
    padding-bottom: 30px;
}

.main-content[b-q0orl0iltv]  .syn-breadcrumb-container {
    position: sticky;
    top: 45px;
    z-index: 600;
}

.impersonation-root[b-q0orl0iltv] {
    position: sticky;
    top: 45px;
    z-index: 500;
    padding: 10px;
    background-color: #fff9f3;
    color: #fca644;
    text-align: center;
}
/* /Pages/Aankoop/Artikel/Artikel.razor.rz.scp.css */
.artikel-form[b-wehh4ttuvn] {
    /* Additional styling if needed */
}

[b-wehh4ttuvn] input:disabled {
    background-color: #e9ecef !important;
}

[b-wehh4ttuvn] .calculated-field input {
    background-color: #f5f5f5;
}
/* /Pages/Aankoop/Artikel/ArtikelOverzicht.razor.rz.scp.css */
.titel-span[b-rbs9a6mv3m] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-rbs9a6mv3m] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-rbs9a6mv3m] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-rbs9a6mv3m] {
    padding-left: 50px;
}
/* /Pages/Aankoop/Bestelbon/BestelbonLevering.razor.rz.scp.css */
[b-hpp4ohumxw] .groepering-header-hoofding {
    background-color: var(--info-achtergrond-kleur) !important;
}
/* /Pages/Aankoop/Bestelbon/BestelbonOverzicht.razor.rz.scp.css */
.titel-span[b-6i3rauled6] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-6i3rauled6] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-6i3rauled6] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-6i3rauled6] {
    padding-left: 50px;
}
/* /Pages/Aankoop/Budget/Budget.razor.rz.scp.css */
.medewerkersRow[b-0va3morpmc] {
    margin: 0px 20px;
}

.medewerkersRow .pills:not(:empty)[b-0va3morpmc] {
    margin-bottom: 8px;
}

.medewerkersRow .medewerkersPickerWrapper[b-0va3morpmc] {
    background-color: var(--lichtgrijs);
}

.medewerkersRow .medewerkersPickerWrapper .medewerkersPicker[b-0va3morpmc] {
    max-width: 500px;
    padding: 10px;
}
/* /Pages/Aankoop/Budget/BudgetOverzicht.razor.rz.scp.css */
.titel-span[b-txzmx2qy10] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-txzmx2qy10] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-txzmx2qy10] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-txzmx2qy10] {
    padding-left: 50px;
}
/* /Pages/Admin/AdminProspectGuids.razor.rz.scp.css */
.prospect[b-qv2ngr6d2c] {
    background-color: #cdcdcd;
    margin: 1rem;
    padding: 1rem;
    border-radius: 1rem;
}

.naam[b-qv2ngr6d2c] {
    font-weight: 700;
    font-size: 16px;
}
/* /Pages/Admin/AdminRechten.razor.rz.scp.css */
.blok-toevoegen[b-26buugaoly]  .rz-dropdown {
    width: 100%;
}
/* /Pages/Admin/AdminTeam.razor.rz.scp.css */
.admin-page[b-84mp541vit]  .syn-fullrow {
    padding: 5px 0;
}

/* /Pages/Budget/BudgetOverzicht.razor.rz.scp.css */
.overzicht-titel-zoek[b-caunar7xqk] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex; 
    gap: 20px;
}

.overzicht-container[b-caunar7xqk] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 35px 10px 10px 35px;
}

.overzicht-subitem[b-caunar7xqk] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Pages/Docent/DocentOverzicht.razor.rz.scp.css */
.overzicht-titel-zoek[b-zjopbk1btd] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}
/* /Pages/Error.razor.rz.scp.css */
.errorTitel[b-vgv6ysfltw] {
    background-color: var(--lichtpaars);
    height: 5em;
}

[b-vgv6ysfltw] .panel-body {
    word-break: break-word;
    padding: 10px;
}

.error-intro[b-vgv6ysfltw] {
    padding: 30px;
    font-size: 0.9em;
}

.error-label[b-vgv6ysfltw] {
    font-weight: 900;
}

.panel-error[b-vgv6ysfltw] {
    font-size: 0.7em;
}      
/* /Pages/Facturatie/Creditering.razor.rz.scp.css */
.container-algemene-info[b-jg480pq2qf] {
    width: 100%;
}

.container-prospect-info[b-jg480pq2qf] {
    display: flex;
    gap: 30px;
    width: 70%;
}

.container-prospect-info-naam[b-jg480pq2qf] {
    padding-top: 5px;
}

.container-cursist-info[b-jg480pq2qf] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px 0px 0px 10px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-jg480pq2qf] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

.container-factuur-info[b-jg480pq2qf] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-jg480pq2qf] {
    padding-top: 3px;
}
[b-jg480pq2qf] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-jg480pq2qf] {
    color: var(--donkergrijs);
}
.container-annulatievoorwaarden-info[b-jg480pq2qf]{
    padding-top: 20px;
}

[b-jg480pq2qf] .row {
    margin-top: 2px;
}
/* /Pages/Facturatie/CrediteringHerfacturatie.razor.rz.scp.css */
.container-algemene-info[b-n2kt9z5cvv] {
    width: 100%;
}

.container-prospect-info[b-n2kt9z5cvv] {
    display: flex;
    gap: 30px;
    width: 70%;
}

.container-prospect-info-naam[b-n2kt9z5cvv] {
    padding-top: 5px;
}

.container-cursist-info[b-n2kt9z5cvv] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px 0px 0px 10px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-factuur-info[b-n2kt9z5cvv] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-n2kt9z5cvv] {
    padding-top: 3px;
}

.kostprijs-subproducten[b-n2kt9z5cvv] {
    padding-top: 15px;
}

.kostprijs-subproducten-sum[b-n2kt9z5cvv] {
    background-color: var(--footer-zwart);
    color: var(--wit);
    display: flex;
    justify-content: space-between;
    padding: 3px 7px;
}

.kostprijs-subproducten-sum-title[b-n2kt9z5cvv] {
    display: flex;
}

.kostprijs-subproducten-sum-bedrag[b-n2kt9z5cvv] {
    display: flex;
    gap: 10px;
}

.kostprijs-subproducten-sum-bedrag-label[b-n2kt9z5cvv] {
}

.kostprijs-subproducten-sum-bedrag-prijs[b-n2kt9z5cvv] {
    font-weight: 600;
}

/* /Pages/Facturatie/Facturatie.razor.rz.scp.css */
.container-algemene-info[b-noop7upa0j] {
    width: 100%;
}

.container-prospect-info[b-noop7upa0j] {
    display: flex;
    gap: 30px;
    width: 75%;
}

.container-prospect-info-naam[b-noop7upa0j] {
    padding-top: 5px;
}

.container-cursist-info[b-noop7upa0j] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 5px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-noop7upa0j] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

.container-factuur-info[b-noop7upa0j] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-noop7upa0j] {
    padding-top: 3px;
}

[b-noop7upa0j] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-noop7upa0j] {
    color: var(--donkergrijs);
}

[b-noop7upa0j] .row {
    margin-top: 2px;
}
/* /Pages/Facturatie/FacturatieOverzicht.razor.rz.scp.css */
.titel-span[b-pbwkvryjom] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-pbwkvryjom] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-pbwkvryjom] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-pbwkvryjom] {
    padding-left: 50px;
}

.overzicht-container[b-pbwkvryjom] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 10px;
    overflow-x: auto;
    width: 92vw;
    margin-left: 25px;
}

.overzicht-subitem[b-pbwkvryjom] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}

.sidebar[b-pbwkvryjom] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-pbwkvryjom] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-pbwkvryjom] {
    float: left;
}

[b-pbwkvryjom] .sis-hoofditem {
    background-color: transparent;
}

.container-afkorting[b-pbwkvryjom] {
    padding-right: 5px;
    display: inline;
}

.overzicht-betaling-container[b-pbwkvryjom] {
    padding: 15px ;
    width: 70%;
}

.overzicht-betaling-header[b-pbwkvryjom]{
    display: flex;
}

.overzicht-betaling-titel[b-pbwkvryjom] {
    font-weight: 600;
    width: 80%;
}

.overzicht-betaling-betaald[b-pbwkvryjom]{

}

.overzicht-betaling-saldo[b-pbwkvryjom] {

}

.betaald-en-saldo[b-pbwkvryjom] {
    border: 1px solid var(--grijs);
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 10px;
    margin-top: 10px;
    width: fit-content;
}

    .betaald-en-saldo > .saldo[b-pbwkvryjom] {
        color: var(--status-groen);
    }

        .betaald-en-saldo > .saldo.openstaandsaldo[b-pbwkvryjom] {
            color: var(--status-rood);
        }

    .betaald-en-saldo > .betaald[b-pbwkvryjom] {
    }

    .betaald-en-saldo > .gefactureerd[b-pbwkvryjom] {
    }
/* /Pages/Facturatie/RestFacturatie.razor.rz.scp.css */
.container-algemene-info[b-os5l6fwitv] {
    padding-top: 15px;
    width: 100%;
}

.container-prospect-info[b-os5l6fwitv] {
    display: flex;
    gap: 30px;
    width: 70%;
}

.container-prospect-info-naam[b-os5l6fwitv] {
    padding-top: 5px;
}

.container-cursist-info[b-os5l6fwitv] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px 0px 0px 10px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-os5l6fwitv] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

.container-factuur-info[b-os5l6fwitv] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-os5l6fwitv] {
    padding-top: 3px;
}

[b-os5l6fwitv] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-os5l6fwitv] {
    color: var(--donkergrijs);
}
/* /Pages/Inschrijving/Inschrijving.razor.rz.scp.css */
.container-prospect-deelnemer[b-4u2jb96av3], .container-prospect-gefactureerde[b-4u2jb96av3] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.container-inschrijving-op-naam[b-4u2jb96av3] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 8px 0;
}

    .container-inschrijving-op-naam[b-4u2jb96av3]  .inputcheckbox {
        margin-right: 15px;
    }

    .container-inschrijving-op-naam[b-4u2jb96av3]  .inputcheckbox input {
        margin-top: -4px;
    }

    .container-inschrijving-op-naam .input-op-naam[b-4u2jb96av3] {
        margin: 0 15px;
        display: flex;
        align-items: center;
    }

        .container-inschrijving-op-naam .input-op-naam span[b-4u2jb96av3] {
            margin-right: 10px;
            font-weight: 800;
        }

.container-algemene-info[b-4u2jb96av3] {
}

.container-prospect-info[b-4u2jb96av3] {
    display: flex;
    gap: 30px;
    width: 60%;
}

.container-prospect-info-naam[b-4u2jb96av3] {
    padding-top: 5px;
}

[class*="container-inschrijving-tab-"][b-4u2jb96av3] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    margin-top: -7px;
}

    [class*="container-inschrijving-tab-"] p[b-4u2jb96av3] {
        margin-left: 5px;
    }

.container-cursist-info[b-4u2jb96av3] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 5px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-4u2jb96av3] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

[b-4u2jb96av3] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-4u2jb96av3] {
    color: var(--donkergrijs);
}

.leftButton[b-4u2jb96av3] {
    padding-right: 20px;
}

.container-opmerking-overzicht-titel[b-4u2jb96av3] {
    color: var(--donkergrijs);
}

.container-opmerking-overzicht-tekst[b-4u2jb96av3] {
    padding-left: 50px;
    padding-bottom: 25px;
}

.container-opmerking-item[b-4u2jb96av3] {
    background-color: var(--lichtpaarsgrijs);
    padding: 15px;
}

.container-opmerking-item-titel[b-4u2jb96av3] {
    display: flex;
}

.container-opmerking-item-titel-tekst[b-4u2jb96av3] {
    padding-left: 15px;
    font-weight: 600;
}

.container-opmerking-item-tekst[b-4u2jb96av3] {
    padding: 15px 0px 15px 25px;
}

.container-opmerking-item-bottom[b-4u2jb96av3] {
    display: flex;
    justify-content: right;
    gap: 8px;
}

.container-warning-uniek[b-4u2jb96av3] {
    padding: 25px;
    background-color: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    display: flex;
}

    .container-warning-uniek > img[b-4u2jb96av3] {
        height: 24px;
        padding-right: 10px;
    }

.container-inschrijving-header-info[b-4u2jb96av3] {
}

.container-inschrijving-header-subtitel[b-4u2jb96av3] {
    background-color: var(--lichtzeegroen);
    color: var(--zeegroen);
    display: flex;
    border-style: solid;
    border: solid;
    border-color: var(--zeegroen);
    border-width: 1px;
    padding: 5px;
    margin-top: 10px;
}

.container-inschrijving-header-subtitel-left[b-4u2jb96av3] {
    width: 60%;
    font-weight: 700;
    display: flex;
    padding: 5px 0px 5px 10px;
    gap: 10px;
    align-items: center;
}

.container-inschrijving-header-subtitel-naam[b-4u2jb96av3] {
    background-color: white;
    border-width: 1px;
    border-color: var(--grijs);
    border-style: solid;
    padding: 5px;
    color: black;
    display: flex;
}

.container-inschrijving-header-subtitel-naam-buttons[b-4u2jb96av3] {
    display: flex;
    gap: 15px;
}

[b-4u2jb96av3] .container-inschrijving-header-subtitel-left .icon-24 {
    border-radius: 50%;
    background-color: var(--lichtergrijscyaan);
    color: var(--zeegroen);
    height: 2em;
    width: 2em;
}

.container-wachtlijst-tekst[b-4u2jb96av3] {
    padding-top: 5px;
}

.container-error[b-4u2jb96av3] {
    color: var(--rood);
}

.kostprijs-subproducten-sum[b-4u2jb96av3] {
    background-color: var(--lichtpaarsgrijs);
    color: var(--donkergrijs);
    display: flex;
    justify-content: space-between;
    padding: 3px 7px;
    margin-bottom: 10px;
}

.kostprijs-subproducten-sum-title[b-4u2jb96av3] {
    display: flex;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 5px;
}

.kostprijs-subproducten-sum-bedrag[b-4u2jb96av3] {
    display: flex;
    gap: 10px;
}

.kostprijs-subproducten-sum-bedrag-label[b-4u2jb96av3] {
}

.kostprijs-subproducten-sum-bedrag-prijs[b-4u2jb96av3] {
    font-weight: 600;
    padding-top: 5px;
}

p[b-4u2jb96av3] {
    margin: 0;
}

.gefactureerde-bedrijfselectie[b-4u2jb96av3] {
}

.gefactureerde-bedrijfselectie-dropdown[b-4u2jb96av3] {
    min-width: 250px;
    max-width: 400px;
}

.gefactureerde-bedrijfselectie-selectie[b-4u2jb96av3] {
}
/* /Pages/Inschrijving/InschrijvingDocumenten.razor.rz.scp.css */
.buttonContainer[b-ou0okums2t] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Inschrijving/InschrijvingErkenning.razor.rz.scp.css */
.button-voegtoe[b-s7qqvl76eq] {
    margin-top: 20px;
}
/* /Pages/Inschrijving/InschrijvingOverzicht.razor.rz.scp.css */
.container-inschrijving-titel[b-o0hc2xo1ht] {
    display: flex;
    padding: 25px 0px 15px 0px;
}
.container-inschrijving-titel-links[b-o0hc2xo1ht] {
    font-size: x-large;
    width: 50%;
}
.container-inschrijving-titel-rechts[b-o0hc2xo1ht] {
    width: 50%;
    direction: rtl;
}
.container-afkorting[b-o0hc2xo1ht] {
    padding-right: 5px;
    display: inline;
}
.container-wachtlijst-status[b-o0hc2xo1ht] {
    padding: 5px;
    display: inline;
    border-radius: 15px;
    border-style: solid;
    border-color: var(--lichtgrijs);
}
/* /Pages/Inschrijving/InschrijvingVervolg.razor.rz.scp.css */
.vervolgjaar-melding[b-ftyzjd0i5t] {
    display: flex;
    align-items: center;
    background-color: var(--infobox-background); /* Light background color */
    border-radius: 8px;
    padding: 5px 10px;
    margin: 10px 0;
    border: solid 1px var(--getal-achtergrond);
}

.vervolgjaar-melding-icon[b-ftyzjd0i5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--infobox-iconbackground); /* Circle background color */
    color: var(--infobox-tekst); /* Icon color */
    width: 2rem;
    height: 2rem;
    border-radius: 50%; /* Make the background a circle */
    font-size: 1.5rem; /* Adjust font size for icon */
    margin-right: 10px; /* Space between icon and text */
}

.vervolgjaar-melding-omschrijving[b-ftyzjd0i5t] {
    color: var(--infobox-tekst); /* Text color */
    font-size: 1rem; /* Text size */
    font-weight: bold; /* Optional: Text weight */
}

.titel[b-ftyzjd0i5t] {
    margin: 10px 0 0 0;
    display: inline-flex;
    align-items: center;
}

.titel-getal[b-ftyzjd0i5t] {
    background-color: var(--getal-color);
    color: var(--wit);
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1rem;
}

.titel-omschrijving[b-ftyzjd0i5t] {
    margin-left: 10px;
    display: flex;
}

.subtitel-cursisten[b-ftyzjd0i5t] {
    font-weight: 700;
    margin: 10px 0;
}
/* /Pages/Inschrijving/InschrijvingVrijstelling.razor.rz.scp.css */
.button-voegtoe[b-zlgw82myk2] {
    margin-top: 20px;
}

.overzicht-per-record[b-zlgw82myk2] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
    margin: 10px;
}

.overzicht-per-record[b-zlgw82myk2]  .titel-blok-content {
    padding-top: 0px;
    display: inline-grid;
}

[b-zlgw82myk2] .titel-blok-content {
    padding: 0px;
    margin-bottom: 20px;
}

.record-buttons[b-zlgw82myk2] {
    display:inline;
}
/* /Pages/Inschrijving/InschrijvingVrijstellingDetail.razor.rz.scp.css */
.vrijstelling[b-x28inxuwb2] {
    background-color: var(--lichtpaarsgrijs);
    padding: 15px 10px;
    margin-top: 15px;
}

.vrijstelling-header-info[b-x28inxuwb2] {
    border: 1px solid var(--paars);
    background-color: var(--wit);
    border-radius: 5px;
    width: max-content;
    padding: 7px;
    display: inline-block;
}

.vrijstelling-header[b-x28inxuwb2]  button {
   float: right;
}

.vrijstelling-header-data[b-x28inxuwb2] {
    font-weight: 900;
    padding-left:8px;
}

.vrijstelling-header-delimiter[b-x28inxuwb2] {
    color: var(--grijs);
}

.vrijstelling-teksten[b-x28inxuwb2] {
    padding: 10px 0 0 10px;;
}

.vrijstelling-vakken[b-x28inxuwb2] {
    padding-left: 10px;
    display: inline-grid;
}

.vrijstelling-indeling-titel[b-x28inxuwb2] {
    font-size: 1em;
    font-weight: 900;
}

.voldoet-True[b-x28inxuwb2]  svg {
    color: var(--groen);
    margin: -3px 10px 0 0;
}

.voldoet-False[b-x28inxuwb2]  svg {
    color: var(--rood);
    margin: -3px 10px 0 0;
}
/* /Pages/Lokaal/LokaalOverzicht.razor.rz.scp.css */
.titel-span[b-x5uz4xuc4b] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-x5uz4xuc4b] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-x5uz4xuc4b] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-x5uz4xuc4b] {
    padding-left: 50px;
}
/* /Pages/Lokaal/LokaalUitrusting.razor.rz.scp.css */
.documenten[b-2tjvwqiwsb] {
    margin-left: 35px;
}

.titel-links[b-2tjvwqiwsb] {
    margin-left: 40px;
    font-weight: 900;
    font-size: var(--rz-grid-cell-font-size);
}

.fileInfoContainer[b-2tjvwqiwsb] {
    display: inline-flex;
    width: 98%;
    border: 1px solid var(--grijs);
    border-radius: 5px;
    margin: 2px 0 5px 5px;
}

.fileIcon[b-2tjvwqiwsb] {
    color: var(--paars);
    width: 15%;
}

    .fileIcon p[b-2tjvwqiwsb] {
        margin: 4px 0;
    }

.fileTextContainer[b-2tjvwqiwsb] {
    margin-top: 5px;
    width: 65%
}

    .fileTextContainer p[b-2tjvwqiwsb] {
        margin-bottom: 0;
    }

.fileName[b-2tjvwqiwsb] {
    font-weight: 900;
}

.fileSize[b-2tjvwqiwsb] {
    color: var(--lichtgrijs-text);
}

.fileTypeContainer[b-2tjvwqiwsb] {
    width: 20%;
    margin-top: 24px;
    margin-left: 20px;
}

.fileActionContainer[b-2tjvwqiwsb] {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.splitter[b-2tjvwqiwsb] {
    border-right: 1px solid var(--lichtgrijs-text);
    height: 24px;
    width: 1px;
    margin-top: 24px;
}

.iconButtonContainer[b-2tjvwqiwsb] {
    margin-top: 20px;
}

[b-2tjvwqiwsb] .icon-button {
    outline: none;
    color: var(--paars);
}

[b-2tjvwqiwsb] .rz-data-row .rz-cell-data {
    height: 44px;
    padding: 2px;
}

[b-2tjvwqiwsb] .rz-data-row .rz-col-icon {
    padding: 0 2px 0 0;
}

[b-2tjvwqiwsb] .rz-data-row .rz-cell-data {
    vertical-align: middle;
    display: table-cell;
}

[b-2tjvwqiwsb] .rz-data-row td {
    padding: 0 2px 0 0;
}

.status-item-Actief[b-2tjvwqiwsb] {
    background-color: var(--chipbackground);
    padding: 5px;
    border: 1px solid var(--chipborder);
    border-radius: 7px;
    color: var(--chiptext);
}

    .status-item-Actief[b-2tjvwqiwsb]:before {
        content: '';
        background-color: var(--rood);
        padding: 5px;
        border: 1px solid var(--rood);
        border-radius: 7px;
        color: var(--chiptext);
    }

@media (max-width : 767px) {
    .fileIcon p[b-2tjvwqiwsb]  svg {
        width: 44px;
        height: 44px;
    }

    .fileInfoContainer[b-2tjvwqiwsb] {
        font-size: 0.8em;
        padding-left: 1px;
    }
}
/* /Pages/Param/ParamClusterSectorSubsectorOverzicht.razor.rz.scp.css */
.filter-container[b-c4z8bz4msi] {
    position: sticky;
    top: 45px;
    z-index: 5;
    background-color: var(--lichtgrijs);
}

.dropdown-row[b-c4z8bz4msi] {   
    margin-top: 0;
}

.dropdown[b-c4z8bz4msi] {
    margin-left: 10px;
    width: 70%;
    max-width: 700px;
}

.dropdown-item[b-c4z8bz4msi] {
    display: ruby;  
    width: 100%;
}

.dropdown-button[b-c4z8bz4msi] {
    width: 30%;
    position: relative;
    top: -7px;
    min-width: 210px;
}

    .dropdown-item:hover[b-c4z8bz4msi], .dropdown-item:active[b-c4z8bz4msi] {
        background-color: unset;
    }

    .datagrid-container[b-c4z8bz4msi] {
        margin: 0 60px;
    }

.cell-buttons[b-c4z8bz4msi] {
    float: right;
}

[b-c4z8bz4msi] svg {
    color: var(--paars);
}

[b-c4z8bz4msi] .icon-button {
    outline-color: var(--wit);
    background-color: transparent;
}

@media (max-width: 768px) {
    .dropdown-row[b-c4z8bz4msi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dropdown-item[b-c4z8bz4msi] {
        display: block;        
    }    
}
/* /Pages/Param/ParamCommercieleClusterSectorSubsectorOverzicht.razor.rz.scp.css */
.filter-container[b-e9bmbzvrnr] {
    position: sticky;
    top: 45px;
    z-index: 5;
    background-color: var(--lichtgrijs);
}

.dropdown-row[b-e9bmbzvrnr] {   
    margin-top: 0;
}

.dropdown[b-e9bmbzvrnr] {
    margin-left: 10px;
    width: 70%;
    max-width: 700px;
}

.dropdown-item[b-e9bmbzvrnr] {
    display: ruby;  
    width: 100%;
}

.dropdown-button[b-e9bmbzvrnr] {
    width: 30%;
    position: relative;
    top: -7px;
    min-width: 210px;
}

    .dropdown-item:hover[b-e9bmbzvrnr], .dropdown-item:active[b-e9bmbzvrnr] {
        background-color: unset;
    }

    .datagrid-container[b-e9bmbzvrnr] {
        margin: 0 60px;
    }

.cell-buttons[b-e9bmbzvrnr] {
    float: right;
}

[b-e9bmbzvrnr] svg {
    color: var(--paars);
}

[b-e9bmbzvrnr] .icon-button {
    outline-color: var(--wit);
    background-color: transparent;
}

@media (max-width: 768px) {
    .dropdown-row[b-e9bmbzvrnr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dropdown-item[b-e9bmbzvrnr] {
        display: block;        
    }    
}
/* /Pages/Param/ParamDocumentTypeOverzicht.razor.rz.scp.css */
.datagrid-container[b-i2to054tbb] {
    margin: 0 60px;
}

.cell-buttons[b-i2to054tbb] {
    float: right;
}

[b-i2to054tbb] svg {
    color: var(--paars);
}

[b-i2to054tbb] .icon-button {
    outline-color: var(--wit);
    background-color: transparent;
}

@media (max-width: 768px) {
    .datagrid-container[b-i2to054tbb] {
        margin: 0 20px;
    }
}
/* /Pages/Param/ParamOverzicht.razor.rz.scp.css */
[b-a2sxuy8va7] .rz-dropdown {
    display: flex;
    align-items: flex-start;
}

[b-a2sxuy8va7] .rz-column-picker {
    width: 400px;
    display: block;
}

[b-a2sxuy8va7] .rz-data-row td {
    padding: 0.4rem !important;
}

[b-a2sxuy8va7] .rz-grid-table thead th {
   align-content: flex-start;
}

[b-a2sxuy8va7] .rz-grid-table thead th .rz-column-title-content {
    overflow-wrap: anywhere;
    text-wrap: initial;
}

[b-a2sxuy8va7] .rz-grid-table td.align-right .rz-cell-data {
    text-align: right;
}
/* /Pages/Planning/PlanningLesmomenten.razor.rz.scp.css */
.top-part[b-jttqrthgmy] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 20px;
}

.top-part-header[b-jttqrthgmy] {
    display: flex;
    justify-content: space-between;
}

.top-part-titel[b-jttqrthgmy], .bottom-part-titel[b-jttqrthgmy] {
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
}

.top-part-buttons[b-jttqrthgmy] {
    display: flex;
    gap: 20px;
}

.bottom-part[b-jttqrthgmy] {
    padding: 5px 20px;
}

.bottom-part-header[b-jttqrthgmy] {
    display: flex;
    justify-content: space-between;
}

.part-chevron[b-jttqrthgmy] {
    color: var(--button-link-content);
    cursor: pointer;
}

[b-jttqrthgmy] .button-default {
    height: 30px;
}

.bottom-part-header-left[b-jttqrthgmy] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 5px 0;
}

.bph-collapse-part[b-jttqrthgmy] {
    display: flex;
    gap: 3px;
}

.bph-view-picker[b-jttqrthgmy] {
    position: relative;
}

.bph-view-picker-items[b-jttqrthgmy] {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 35px;
    left: 0px;
    z-index: 900;
}

    .bph-view-picker-items div[b-jttqrthgmy] {
        background-color: var(--syn-brand-primary-light);
        color: white;
        padding: 6px 12px;
    }

        .bph-view-picker-items div:hover[b-jttqrthgmy] {
            background-color: var(--syn-brand-primary);
            cursor: pointer;
        }

    .bph-view-picker-items > div:first-child[b-jttqrthgmy] {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .bph-view-picker-items > div:last-child[b-jttqrthgmy] {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .bph-buttons[b-jttqrthgmy] {
        display: flex;
        gap: 5px;
    }

.meldingen-label[b-jttqrthgmy] {
    display: flex;
    text-decoration: underline;
}
/* /Pages/Planning/Standaardkalenders/DagdelenTabPage.razor.rz.scp.css */
.standaardkalenders-container[b-ptlsuntrko] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 120px); /* header hoogte aftrekken */
    padding: 0 1rem;
    box-sizing: border-box;
}

/* Container per stelsel */
.stelsel-block[b-ptlsuntrko] {
    border: 1px solid #dee2e6; /* border */
    border-radius: 0.25rem; /* rounded */
    margin-bottom: 20px;
    max-width: 1250px;
}

/* stelsel schema */
.stelsel-block-schema[b-ptlsuntrko] {
    margin-bottom: 1rem; /* mb-3 */
    padding: 0.5rem; /* p-2 */   
}

/* stelsel afwijking */
.stelsel-block-afwijking[b-ptlsuntrko]{
    margin: 0 10px;
}

/* Stelsel title */
.stelsel-title[b-ptlsuntrko] {
    margin-bottom: 0.5rem;
}

/* Loading text */
.loading-text[b-ptlsuntrko] {
    font-style: italic;
    color: #555;
}

h3[b-ptlsuntrko] {
    margin-top: 10px;
}

[b-ptlsuntrko] .rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext {
    padding-inline-end: 0;
}
/* /Pages/Planning/Standaardkalenders/SluitingsdagenTabPage.razor.rz.scp.css */
.standaardkalenders-container[b-xjvdzustqi] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 120px); /* header hoogte aftrekken */
    padding: 0 1rem;
    box-sizing: border-box;
}

/* --- Sluitingsdagen container --- */
.sluitingsdagen-container[b-xjvdzustqi] {
    display: flex;
    flex-direction: column;
    flex: 1; /* zorgt dat de tabcontent de ruimte gebruikt */
    padding: 0 2rem 1.5rem 2rem; /* 0 top, 1.5rem bottom, 2rem left/right */
    margin: 0; /* verwijder extra margins */
}

/* --- Header spacing --- */
.standaardkalenders-header[b-xjvdzustqi] {
    margin-bottom: 0.5rem; /* minder ruimte onder de tabtitel */
}

/* Dropdown rij standaard: naast elkaar */
.dropdown-row[b-xjvdzustqi] {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: nowrap;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Elk item in de rij */
.dropdown-item[b-xjvdzustqi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap; /* voorkomt rare breuken */
}

    .dropdown-item label[b-xjvdzustqi] {
        width: 100px; /* labels mooi uitgelijnd */
        text-align: right;
        margin-right: 0.5rem;
    }

    .dropdown-item:hover[b-xjvdzustqi], .dropdown-item:active[b-xjvdzustqi] {
        background-color: unset;
    }

    /* Responsive fallback: bij smalle schermen onder elkaar */
    @media (max-width: 768px) {
        .dropdown-row[b-xjvdzustqi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dropdown-item label[b-xjvdzustqi] {
        width: auto;
        text-align: left;
    }
}

/* --- Kalendercomponent --- */
.sluitingsdagen-container SISKalenderSluitingsdagen[b-xjvdzustqi] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Verwijder SynWhiteRow als die nog gebruikt wordt */
.sluitingsdagen-container SynWhiteRow[b-xjvdzustqi] {
    display: none !important;
}
/* /Pages/Prestatie/PrestatieOverzicht.razor.rz.scp.css */
.titel-span[b-tvr8wonxqf] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-tvr8wonxqf] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-tvr8wonxqf] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-tvr8wonxqf] {
    padding-left: 50px;
}

.overzicht-container[b-tvr8wonxqf] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 10px;
    overflow-x: auto;
    width: 92vw;
    margin-left: 25px;
}

.overzicht-subitem[b-tvr8wonxqf] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}

.sidebar[b-tvr8wonxqf] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-tvr8wonxqf] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-tvr8wonxqf] {
    float: left;
}

[b-tvr8wonxqf] .sis-hoofditem {
    background-color: transparent;
}

.container-afkorting[b-tvr8wonxqf] {
    padding-right: 5px;
    display: inline;
}

.overzicht-betaling-container[b-tvr8wonxqf] {
    padding: 15px;
    width: 70%;
}

.overzicht-betaling-header[b-tvr8wonxqf] {
    display: flex;
}

.overzicht-betaling-titel[b-tvr8wonxqf] {
    font-weight: 600;
    width: 80%;
}

.overzicht-betaling-betaald[b-tvr8wonxqf] {
}

.overzicht-betaling-saldo[b-tvr8wonxqf] {
}

/* /Pages/Product/Product.razor.rz.scp.css */
.product-externe-lesplaats[b-mx9uabm2r1] {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    word-wrap: normal;
}

    .product-externe-lesplaats > .externe-lesplaats-label[b-mx9uabm2r1] {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 95px);
        float: left;
    }

    .product-externe-lesplaats > .externe-lesplaats-buttons[b-mx9uabm2r1] {
        display: inline-block;
        float: right;
    }

.externe-lesplaats-label > .externe-lesplaats-nummer[b-mx9uabm2r1] {
    font-style: italic;
    margin-right: 5px;
}

.aantal-cursisten-info[b-mx9uabm2r1] {
    color: var(--donkergrijs);
    font-size: 12px;
}

.externe-lesplaats-label > .externe-lesplaats-naam[b-mx9uabm2r1] {
}

.container[b-mx9uabm2r1] {
    display: flex;
    gap: 40px;
    padding: 0;
}

.numeric[b-mx9uabm2r1] {
    gap: 10px;
}

.label[b-mx9uabm2r1] {
    font-weight: 700;
    padding-right: 10px;
}

    .label.atldagen[b-mx9uabm2r1] {
        float: right;
    }

.panel-item[b-mx9uabm2r1] {
    float: left;
    padding: 15px 0;
}

    .panel-item[b-mx9uabm2r1]  .button-content {
        margin: 0 7px;
    }

        .panel-item[b-mx9uabm2r1]  .button-content .label {
            padding-right: 0;
        }

    .panel-item[b-mx9uabm2r1]  .button-inner {
        display: unset;
    }

    .panel-item.totaal[b-mx9uabm2r1] {
        background-color: var(--donkerpaarsgrijs);
        padding-left: 15px;
    }

        .panel-item.totaal .waarde[b-mx9uabm2r1] {
            padding: 0 0 0 10px;
        }

[b-mx9uabm2r1] #AantalDagenInschrijvenVoorStart {
    width: 60px;
    padding-left: 15px;
    float: right;
}

.chipContainer[b-mx9uabm2r1] {
    display: flex;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
    border: 1px solid var(--grijs);
}
.startTijstipContainer[b-mx9uabm2r1] {
    padding: 10px;
    background: var(--lichtpaarsgrijs);
    border: 1px solid var(--grijs);
}

.subProductTitelContainer[b-mx9uabm2r1] {
    display: flex;
    gap: 16px;
    margin: 10px;
}

    .subProductTitelContainer > a[b-mx9uabm2r1] {
        display: flex;
        gap: 16px;
    }

    .totaalUur[b-mx9uabm2r1] {
        display: flex;
        background: var(--paarsgrijs);
        padding: 10px;
        gap: 10px;
        width: 205px;
    }

.leervormContainer[b-mx9uabm2r1]{
    display: flex;
    gap: 10px;
    width: 280px;
    align-items: center;
}

.vakurenContainer[b-mx9uabm2r1] {
    display: flex;
    gap: 1px;
    flex-direction: column;
}

.subproduct-img[b-mx9uabm2r1] {
    margin-left: 5px;
}

.subproduct-omschrijving[b-mx9uabm2r1] {
    vertical-align: middle;
    padding-left: 10px;
    font-weight: 900;
    color: var(--donkergrijs);
}

[b-mx9uabm2r1] .status-container {
    background-color: var(--lichtpaarsgrijs);
    position: relative;
    margin-bottom: -32px;
}

[b-mx9uabm2r1] .status-type {
    padding-left: 20px;
}

[b-mx9uabm2r1] .rz-accordion-toggle-icon {
    border: 1px solid var(--lichtpaars);
    border-radius: 50%;
    color: var(--paars);
}

.kostprijs-subproducten-sum[b-mx9uabm2r1] {
    background-color: var(--footer-zwart);
    color: var(--wit);
    display: flex;
    justify-content: space-between;
    padding: 3px 7px;
}

.kostprijs-subproducten-sum-title[b-mx9uabm2r1] {
    display: flex;
}

.kostprijs-subproducten-sum-bedrag[b-mx9uabm2r1] {
    display: flex;
    gap: 10px;
}

.kostprijs-subproducten-sum-bedrag-label[b-mx9uabm2r1] {
}

.kostprijs-subproducten-sum-bedrag-prijs[b-mx9uabm2r1] {
    font-weight: 600;
}

.kostprijs-afwijkendeprijs[b-mx9uabm2r1] {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: flex-end; 
    width: 100%;
}

.kostprijs-subproducten-infomessage[b-mx9uabm2r1] {
    margin-bottom: 1rem;
}

.lesmomentContainer[b-mx9uabm2r1]{
    margin-bottom: 1rem;
}

.coosy-selectie[b-mx9uabm2r1] {
    display: flex;
    gap: 2rem;
    margin: 1rem 0;
}

.traject-info[b-mx9uabm2r1] {
    display: flex;
    margin-left: 40px;
}

.traject-label[b-mx9uabm2r1] {
    font-weight: 900;
    margin-right: 8px;
}

.traject-nummer[b-mx9uabm2r1] {
    margin-right: 15px;
}
/* /Pages/Product/ProductDocumenten.razor.rz.scp.css */
.buttonContainer[b-s0ztbddpu0] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Product/ProductErkenning.razor.rz.scp.css */
.required[b-hsa0rcipg9] {
    color: var(--violet);
}

.rij--erkenning[b-hsa0rcipg9] {
    align-items: center;
    background-color: var(--lichtpaarsgrijs);
    display: flex;
    gap: 24px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 10px;
}

    .rij--erkenning label[b-hsa0rcipg9] {
        font-weight: 700;
    }

    [b-hsa0rcipg9].rij--erkenning .input {
        width: 150px;
    }

.erkenning-sessie[b-hsa0rcipg9] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
}

.erkenning-sessie-tip[b-hsa0rcipg9] {
    align-items: center;
    border-bottom: 1px solid #ffffff50;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin: 0 -8px;
    padding: 4px 8px;
}

    .erkenning-sessie-tip:first-child[b-hsa0rcipg9] {
        padding-top: 0;
    }

    .erkenning-sessie-tip:last-child[b-hsa0rcipg9] {
        border-bottom: none;
        padding-bottom: 0;
    }
/* /Pages/Product/ProductOverzicht.razor.rz.scp.css */
.titel-span[b-pthzpqscv7] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-pthzpqscv7] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-pthzpqscv7] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-pthzpqscv7] {
    padding-left: 50px;
}


.sidebar[b-pthzpqscv7] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-pthzpqscv7] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-pthzpqscv7] {
    float: left;
}

[b-pthzpqscv7] .sis-hoofditem {
    background-color: transparent;
}

.product-soort[b-pthzpqscv7] {
    padding-right: 5px;
}

.overzicht-container[b-pthzpqscv7] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 35px 10px 10px 35px;
}

.overzicht-subitem-titel[b-pthzpqscv7] {
    color: var(--paars);
    background-color: var(--lichtgrijsmagenta);
    border-color: var(--lichtpaars);
    border-bottom: 0px;
    border-style: solid;
    padding: 10px 10px 10px 10px;
    margin-left: 10px;
}

.overzicht-container-subitem[b-pthzpqscv7] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    margin-left: 10px;
}

.overzicht-subitem[b-pthzpqscv7] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Pages/Product/ProductStages.razor.rz.scp.css */
.buttonContainer[b-898f9jitz9] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Product/ProductSyllabi.razor.rz.scp.css */
.buttonContainer[b-m1vj1xhxxj] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Product/ProductVakken.razor.rz.scp.css */
[class$="-omschrijving"][b-o6di5adepv] {
    font-weight: bold;
    float: left;
}

.productlid-omschrijving[b-o6di5adepv] {
    padding-left: 25px;
}

[class$="-aantal"][b-o6di5adepv], [class$="-punten"][b-o6di5adepv] {
    float: right;
    font-weight: bold;
    font-size: 0.9rem;
    text-align: right;
    padding-right: 50px;
    margin-top: 5px;
}

[b-o6di5adepv] .product-form{
    display: inline-flex;
}

[b-o6di5adepv] .panel-extra-info {
    text-align: right;
    padding-right: 50px;
}

.productlid-tooltip[b-o6di5adepv] {
    align-items: center;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin-right: -5px;
    text-align: center;
    width: 2rem;
}

.productlid-naam[b-o6di5adepv] {
    padding-left: 20px;
}

[b-o6di5adepv] .panel-body .sis-fullrow {
    padding: 5px 0;
}

/* Tooltip productlid*/
.tooltip-content[b-o6di5adepv] {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 1fr;
    line-height: 22px;
    font-size: 16px;
    align-items: center;
    padding: 15px;
}

.tooltip-afkorting[b-o6di5adepv] {
    grid-row: 1 / 3;
    grid-column: 1/2;
    text-align: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 14px;
    padding: 5px 0;
    margin: 0 5px 0 0;
    color: var(--wit);
}

.tooltip-naam[b-o6di5adepv] {
    grid-column: 2/2;
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.tooltip-hoedanigheid[b-o6di5adepv] {
    grid-column: 2/2;
    color: var(--donkergrijs);
}

.docentenlijst-container[b-o6di5adepv] {
}
/* /Pages/ProductPortfolio/ProductPortfolio.razor.rz.scp.css */
.medewerkersRow[b-9sjq0gx2ms] {
    margin: 0px 20px;
}

.medewerkersRow .pills:not(:empty)[b-9sjq0gx2ms] {
    margin-bottom: 8px;
}

    .medewerkersRow .medewerkersPickerWrapper[b-9sjq0gx2ms] {
        background-color: var(--lichtgrijs);
    }

    .medewerkersRow .medewerkersPickerWrapper .medewerkersPicker[b-9sjq0gx2ms] {
        max-width: 500px;
        padding: 10px;
    }
.productportfolio-samenstelling-overzicht[b-9sjq0gx2ms] {
    margin: 0px 20px 20px 20px;
}

.SISInitieleGoedkeuringInfo-container[b-9sjq0gx2ms]{
    display: flex;
    margin: -30px 0;
}
.SISInitieleGoedkeuringInfo-container > div[b-9sjq0gx2ms] {
    margin-left: auto;
}

.container-warning-uniek[b-9sjq0gx2ms] {
    padding: 10px;
    background-color: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    display: flex;
}

    .container-warning-uniek > img[b-9sjq0gx2ms] {
        height: 24px;
        padding-right: 10px;
    }

.coosy-selectie[b-9sjq0gx2ms] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1rem;
}

.button-toon-historiek[b-9sjq0gx2ms] {
    float: right;
    min-height:50px;
}

[b-9sjq0gx2ms] .inputtext:has(textarea) {
    margin-bottom: -30px;
}

.icon-type[b-9sjq0gx2ms] {
    margin-right: 4px;
    position: relative;
    bottom: 2px;
}

[b-9sjq0gx2ms] .traject-info {
    margin-left: 20px;
}

[b-9sjq0gx2ms] #traject-button {
    margin-left: 30px;
}

[b-9sjq0gx2ms] .traject-rij {
    display: flex;
    align-items: center;   
}

[b-9sjq0gx2ms] .traject-rij div {
    min-width: 80px;
}

[b-9sjq0gx2ms] .traject-rij.titel {
    font-weight: 900;
    gap: 1em;
}

[b-9sjq0gx2ms] .traject-nummer {
    font-size: 14px;    
}

[b-9sjq0gx2ms] .traject-link {
    padding-left: 15px;
}
/* /Pages/ProductPortfolio/ProductPortfolioOverzicht.razor.rz.scp.css */
.titel-span[b-eiklkv4z32] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-eiklkv4z32] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap:20px;
}

.overzicht-titel-zoekveld[b-eiklkv4z32] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-eiklkv4z32] {
    padding-left: 50px;
}


.sidebar[b-eiklkv4z32] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-eiklkv4z32] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-eiklkv4z32] {
    float: left;
}

[b-eiklkv4z32] .sis-hoofditem {
    background-color: transparent;
}

/*::deep .sis-menuitem > [class^="rz-navigation-item-wrapper"] {
    padding-left: 28px;
}

::deep .sis-menuitem-nieuw > [class^="rz-navigation-item-wrapper"] {
    padding-left: 28px;
}*/
/*::deep .rz-menu {
    background-color: transparent;
    height: 50px;
}
*/
.productportfolio-soort[b-eiklkv4z32] {
    padding-right: 5px;
}

.productportfolio-soort img[b-eiklkv4z32] {
    height: 24px;
}

.titleButtonContainer[b-eiklkv4z32]{
    display: flex;
    gap: 20px;
}

.omschrijvingContainer[b-eiklkv4z32]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
}

.inactiefContainer[b-eiklkv4z32] {
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    border: 1px solid var(--status-rood);
    background: var(--validatie-achtergrond-kleur);
}

.inactiefText[b-eiklkv4z32] {
    margin: 0;
    color: var(--validatie-tekst-kleur);
}

.iconContainer[b-eiklkv4z32] {
    color: var(--validatie-tekst-kleur);
}

[b-eiklkv4z32] .page-title-root {
    padding: 0 30px;
}

[b-eiklkv4z32] .filtercontent {
    padding-top: 0;
}

.titleButtonContainer[b-eiklkv4z32] {
    margin-top: 10px;
}

@media (max-width: 1200px)
{
    .titleButtonContainer[b-eiklkv4z32] {
        flex-direction: column;
        gap: 1px;
    }
}
/* /Pages/ProductPortfolio/ProductPortfolioTabCommercieel.razor.rz.scp.css */
caption[b-2ls64vfw2y] {
    padding-top: 0;
}

[b-2ls64vfw2y] .syn-fullrow.row {
    margin-top: 0px;
}

.productportfolio-commercieel-overzicht[b-2ls64vfw2y] {
    margin: 0px 20px 5px 20px;
}

.productportfolio-commercieel-table[b-2ls64vfw2y] {
    width: 100%;
    padding: 20px;
}

    .productportfolio-commercieel-table > thead > tr[b-2ls64vfw2y] {
        background-image: linear-gradient(#ffffff, #f6f8fe);
    }

.productportfolio-commercieel-row[b-2ls64vfw2y] {
    border-bottom-width: 1px;
    border-color: var(--grijs);
}

    .productportfolio-commercieel-row > td[b-2ls64vfw2y] {
        padding: 4px 10px;
    }

    .productportfolio-commercieel-row > th[b-2ls64vfw2y] {
        padding: 5px 10px 5px 10px;
    }

.productportfolio-commercieel-buttoncolumn[b-2ls64vfw2y] {
    text-align: right;
}

.productportfolio-commercieel-newrow[b-2ls64vfw2y] {
    position: relative;
    top: 7px;
}

.duurContainer[b-2ls64vfw2y]{
    display:flex;
    gap: 10px;
}

[b-2ls64vfw2y] .infoveld {
    margin-bottom: 30px;
}
/* /Pages/ProductPortfolio/ProductPortfolioTabCommercieleInfo.razor.rz.scp.css */
[b-17tc363kkq] .commercieleinfo-form {
    display: contents;
}

[b-17tc363kkq] .infoveld {
    margin-bottom: 30px;
}

.overzichtversies[b-17tc363kkq] {
    width: 100%;
    display: inline-block;
}

[b-17tc363kkq] .overzichtversies > .simple-data-grid-root > .simple-data-grid-table > .simple-data-grid-row > .simple-data-grid-buttoncolumn > .button-root > button {
    max-height: 25px !important;
}

    [b-17tc363kkq] .overzichtversies > .simple-data-grid-root > .simple-data-grid-table > .simple-data-grid-row > .simple-data-grid-buttoncolumn > .button-root > button:hover {
        border-radius: 15px;
    }

.inhoudstabel[b-17tc363kkq], .detail[b-17tc363kkq] {
    margin: 15px 0;
}

.status-info[b-17tc363kkq] {
    margin-left: 50px;
}

.keyvelden-box[b-17tc363kkq] {
    background-color: var(--lichtpaarsgrijs);
    min-height: 75px;
    padding: 10px;
    display: grid;
}

.keyvelden-header[b-17tc363kkq] {
    background-color: var(--lichtpaarsgrijs);
    min-height: 50px;
    display: inline;
}

h4[b-17tc363kkq] {
    display: inline;
}

[b-17tc363kkq] .sis-datepicker {
    display: inline-block;
}

[b-17tc363kkq] .button-nieuw {
    position: relative;
    float: right;
}

.keyvelden[b-17tc363kkq] {
    background-color: var(--wit);
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.keyvelden-box[b-17tc363kkq] {
    /*position: sticky;
    top: 20px;*/
    width: 100%;
}

.keyvelden-row[b-17tc363kkq] {
    display: inline-table;
    margin-top: 10px;
    width: 100%
}

.keyveld[b-17tc363kkq] {
    display: inline-block;
}

[b-17tc363kkq] .keyvelden-row > .keyveld > .root > span.sis-picker > div {
    display: inline-flex;
    width: auto !important;
}

.label[b-17tc363kkq] {
    font-weight: 500;
    margin: 0 10px;
    min-width: 90px;
    display: inline-block;
}

.button-nieuw[b-17tc363kkq], .button-bewaar[b-17tc363kkq] {
    margin: 10px;
    display: flex;
    justify-content: space-between;
}

.button-bewaar[b-17tc363kkq] {
    float: right;
}

.title[b-17tc363kkq] {
    margin: 0;
    font-weight: bold;
    align-self: center;
    font-size: 25px;
}

.titleContainer[b-17tc363kkq] {
    display: flex;
    gap: 40px;
}

[b-17tc363kkq] .titel-blok h5 {
    font-size: 16px;
}

[b-17tc363kkq] .titel-blok-content {
    padding-top: 0;
    margin-top: -30px;
}

    [b-17tc363kkq] .titel-blok-content .status-container hr {
        display: none;
    }

@media (max-width : 1000px) {
    .zoekscherm[b-17tc363kkq] {
        margin-top: 15px;
    }

    .keyvelden-row[b-17tc363kkq] {
        margin-top: 0;
    }

    .keyveld[b-17tc363kkq] {
        margin: 5px 0;
    }
}

.docent-omschrijving[b-17tc363kkq] {
    margin: 20px;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
}

.link-button[b-17tc363kkq] {
    margin-left: 20px;
}

[b-17tc363kkq] .rz-html-editor {
    min-width: 100%;
}

/* /Pages/ProductPortfolio/ProductPortfolioTabGebruik.razor.rz.scp.css */
.datagrid[b-f1llofplua]  .rz-cell-data span, 
[b-f1llofplua] .cell-data {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 100;
}

.header-omschrijving[b-f1llofplua], .header-ref[b-f1llofplua] {
    padding-left: 10px;
    position: relative;
    top: 2px;
}

.treeview[b-f1llofplua]  .rz-treenode-label a {
    margin-right: 20px;
}

.treeview[b-f1llofplua]  .rz-treenode-label img {
    margin-right: 20px;
}

.treeview[b-f1llofplua]  .rz-treenode-content-selected .rz-treenode-label {
    background-color: unset;
    color: inherit;
}

.treeview[b-f1llofplua]  .rz-text-subtitle2 {
    font-size: 2em;
}

.treeview[b-f1llofplua]  .rz-card.rz-variant-filled {
    box-shadow: unset;
    margin: 15px 0;
    padding: 0 5px;
}

.treeview[b-f1llofplua]  .rz-treenode .rz-treenode-content:first-of-type {
    cursor: unset;
}

.treeview[b-f1llofplua]  .rz-treenode div.rz-treenode-content:first-of-type:hover,
.treeview[b-f1llofplua]  .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
    color: var(--zwart) !important;
    font-weight: 100 !important;
}

.datagrid[b-f1llofplua]  .datagrid-root {
    margin-left: 15px;
}
/* /Pages/ProductPortfolio/ProductPortfolioTabOrganisatie.razor.rz.scp.css */

@media (max-width : 1000px) {
    .zoekscherm[b-yrb3u236g2] {
        margin-top: 15px;
    }
    .keyvelden-row[b-yrb3u236g2] {
        margin-top: 0;
    }
    .keyveld[b-yrb3u236g2] {
        margin: 5px 0;
    }
}

.container-standaard-header[b-yrb3u236g2] {
    background: var(--lichtpaarsgrijs);
    padding: 20px;
}
.titel[b-yrb3u236g2] {
    font-weight: 700;
}

[b-yrb3u236g2] .janee-topalign {
    align-content: flex-start;
}
/* /Pages/ProductPortfolio/ProductPortfolioVakken.razor.rz.scp.css */
[b-2us2ebnrw2] .rz-cell-data span {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 900;
}

[b-2us2ebnrw2] .highlight-met-detail .vakOmschrijving .icon {
    padding: 2px;
    background-color: var(--status-blauw);
    border-radius: 5px;
    fill: var(--wit);
}

[b-2us2ebnrw2] .highlight-met-detail .vakOmschrijving span {
    color: var(--paars);
}

[b-2us2ebnrw2] .highlight-met-detail .totaalUur {
    color: var(--wit);
    background-color: var(--paars);
}

[b-2us2ebnrw2] .rz-accordion-header {
    padding-bottom: 10px;
}

[b-2us2ebnrw2] .rz-accordion-header a {
    font-weight: 600;
    font-size: 16px;
    border: var(--paarsgrijs);
    border-style: solid;
    padding: 10px;
}

[b-2us2ebnrw2] .rz-accordion {
    padding-bottom: 5px;
    padding-top: 5px;
}

[b-2us2ebnrw2] .rz-accordion-content {
    border: var(--paarsgrijs);
    border-style: solid;
}

[b-2us2ebnrw2] .rz-accordion-content-wrapper {
    padding-bottom: 10px;
}

.container-moduleversie-item[b-2us2ebnrw2] {
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfAlgemeen.razor.rz.scp.css */
.inputContainer[b-etbwfbbj2f] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.prospectCardContainer[b-etbwfbbj2f]{
    display:flex;
    gap: 20px;
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfBedrijfsinfo.razor.rz.scp.css */
[b-71z6mspjwn] .moederbedrijf-button-container {
    display: flex;
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfFacturatieAdressen.razor.rz.scp.css */
.addressCardContainer[b-ak9zjfp0vp] {
    display: flex;
    gap: 20px;
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfKMOProjecten.razor.rz.scp.css */
.product-omschrijving[b-yvekjlwypl] {
    margin-left: 10px;
}

.button-voegtoe[b-yvekjlwypl] {
    margin-top: 20px;
}
/* /Pages/Prospect/Persoon/Popups/PersoonRelatiePopup.razor.rz.scp.css */
.erkenning-details[b-oko9t3225n] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-oko9t3225n] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-oko9t3225n] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-oko9t3225n] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-oko9t3225n] .testclass {
    width: 235px;
}

[b-oko9t3225n] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-oko9t3225n] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-oko9t3225n] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-oko9t3225n] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-oko9t3225n] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-oko9t3225n] .rz-accordion-content {
    padding: 10px;
}

[b-oko9t3225n] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-oko9t3225n] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-oko9t3225n] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-oko9t3225n] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-oko9t3225n] {
    color: var(--donkergrijs);
    font-style: italic;
    margin-left: auto;
}

.label[b-oko9t3225n] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-oko9t3225n] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-oko9t3225n] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Pages/Prospect/Persoon/ProspectPersoonAlgemeen.razor.rz.scp.css */
.inputContainer[b-szvirthfkf] {
    display: flex;
    gap: 10px;
}

[b-szvirthfkf] .titel-blok-content {
    padding: 0 20px;
}

[b-szvirthfkf] .titel-blok-content .row {
    margin-top: 2px;
}
/* /Pages/Prospect/Persoon/ProspectPersoonPersoonlijkeInfo.razor.rz.scp.css */
[b-qcztduzif0] .datepicker{
    width: 100%;
}
/* /Pages/Prospect/Popups/WanbetalerDossierPopup.razor.rz.scp.css */
.erkenning-details[b-61urg8q440] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-61urg8q440] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-61urg8q440] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-61urg8q440] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-61urg8q440] .testclass {
    width: 235px;
}

[b-61urg8q440] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-61urg8q440] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-61urg8q440] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-61urg8q440] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-61urg8q440] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-61urg8q440] .rz-accordion-content {
    padding: 10px;
}

[b-61urg8q440] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-61urg8q440] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-61urg8q440] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-61urg8q440] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-61urg8q440] {
    color: var(--donkergrijs);
    font-style: italic;
    margin-left: auto;
}

.label[b-61urg8q440] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-61urg8q440] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-61urg8q440] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Pages/Prospect/ProspectExtraInfo.razor.rz.scp.css */
[b-y28e2d3mvd] .titel-blok .titel-blok .titel-blok-content:has(.prospectInput) {
    margin-top: -15px;
}

[b-y28e2d3mvd] .prospectInput {
    margin-top: 0px;   
}

[b-y28e2d3mvd] .referenties .simple-data-grid-newrow,
[b-y28e2d3mvd] .referenties .row {
    margin-top: 0;
    padding-top: 0;
}
/* /Pages/Prospect/ProspectHistoriek.razor.rz.scp.css */
.documenten[b-4guiq6svyk] {
    margin-left:35px;
}

.titel-links[b-4guiq6svyk] {
    margin-left: 40px;
    font-weight: 900;
    font-size: var(--rz-grid-cell-font-size);
}

.fileInfoContainer[b-4guiq6svyk] {
    display: inline-flex;
    width: 98%;
    border: 1px solid var(--grijs);
    border-radius: 5px;
    margin: 2px 0 5px 5px;
}

.fileIcon[b-4guiq6svyk] {
    color: var(--paars);
    width: 15%;
}

    .fileIcon p[b-4guiq6svyk] {
        margin: 4px 0;
    }

.fileTextContainer[b-4guiq6svyk] {
    margin-top: 5px;
    width: 65%
}

.fileTextContainer p[b-4guiq6svyk] {
    margin-bottom: 0;    
}

.fileName[b-4guiq6svyk] {
    font-weight: 900;
}

.fileSize[b-4guiq6svyk] {
   
    color: var(--lichtgrijs-text);
}

.fileTypeContainer[b-4guiq6svyk] {
    width: 20%;
    margin-top: 24px;
    margin-left: 20px;
}

.fileActionContainer[b-4guiq6svyk] {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.splitter[b-4guiq6svyk] {
    border-right: 1px solid var(--lichtgrijs-text);
    height: 24px;
    width: 1px;
    margin-top: 24px;
}

.iconButtonContainer[b-4guiq6svyk] {
    margin-top: 20px;
}

[b-4guiq6svyk] .icon-button {
    outline: none;
    color: var(--paars);
}

[b-4guiq6svyk] .rz-data-row .rz-cell-data {
    height: 44px;
    padding: 2px;
}

[b-4guiq6svyk] .rz-data-row .rz-col-icon {
    padding: 0 2px 0 0;
}

[b-4guiq6svyk] .rz-data-row .rz-cell-data {
    vertical-align: middle;
    display: table-cell;
}

[b-4guiq6svyk] .rz-data-row td {
    padding: 0 2px 0 0;
}

.status-item-Actief[b-4guiq6svyk] {
    background-color: var(--chipbackground);
    padding: 5px;
    border: 1px solid var(--chipborder);
    border-radius: 7px;
    color: var(--chiptext);
}

.status-item-Actief[b-4guiq6svyk]:before {
    content:'';
    background-color: var(--rood);
    padding: 5px;
    border: 1px solid var(--rood);
    border-radius: 7px;
    color: var(--chiptext);
}

@media (max-width : 767px) {
    .fileIcon p[b-4guiq6svyk]  svg {
        width: 44px;
        height: 44px;
    }

    .fileInfoContainer[b-4guiq6svyk] {
        font-size: 0.8em;
        padding-left: 1px;
    }
}

/* /Pages/Prospect/ProspectOverzicht.razor.rz.scp.css */
.titel-span[b-pbxum0cdqh] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-pbxum0cdqh] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-pbxum0cdqh] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-pbxum0cdqh] {
    padding-left: 50px;
}
/* /Pages/Spike/Gert/TesterGert.razor.rz.scp.css */
h4[b-l176pvcrqv] {
    margin-bottom: 20px;
}

.page-content[b-l176pvcrqv] {
    padding: 20px;
}

.mockdata-container[b-l176pvcrqv], .menu-left-generator[b-l176pvcrqv] {
    display: flex;
    margin: 45px 0;
}

.stap-status[b-l176pvcrqv] {
    display: flex;
    flex-flow: column wrap;
    margin: 0 40px 0 10px;
}

.flexbox-container[b-l176pvcrqv] {
    background-color: rebeccapurple;
    margin: 20px;
    display: flex;
    /*flex-direction: row;
    flex-wrap: wrap;*/
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 50%;
}

.box1[b-l176pvcrqv] {
    width: 300px;
    height: 150px;
    background-color: orange;
    margin: 15px;
    flex-grow: 2;
}

.box2[b-l176pvcrqv] {
    width: 150px;
    height: 200px;
    background-color: lightgreen;
    margin: 15px;
    flex-grow: 4;
}

.box3[b-l176pvcrqv] {
    width: 250px;
    height: 180px;
    background-color: lightseagreen;
    margin: 15px;
    flex-grow: 1;
}

[b-l176pvcrqv] button {
    margin: 0 8px;
}

.left-menu[b-l176pvcrqv] {
    display: grid;
}

.hidden[b-l176pvcrqv] {
    display: none;
}

[b-l176pvcrqv] .nav-button {
    width: 140px;
    height:24px;
}

textarea[b-l176pvcrqv] {
    width: 100%;
}
/* /Pages/Spike/Koen/TestKoen.razor.rz.scp.css */
.sidebar[b-r0o0ns6v22] {
    /*box-shadow: 0px 0px 5px var(--grijs);*/
    border-radius: 5px;
/*    width: fit-content;*/
    position: fixed;
    top: 60px;
}

.zoek-templates[b-r0o0ns6v22] {
    float: left;
}

[b-r0o0ns6v22] .sis-hoofditem {
    background-color: var(--wit);
}

[b-r0o0ns6v22] .sis-menuitem > [class^="rz-navigation-item-wrapper"] {
    padding-left: 28px;
}

[b-r0o0ns6v22] .sis-menuitem-nieuw > [class^="rz-navigation-item-wrapper"] {
    padding-left: 28px;
}

[b-r0o0ns6v22] .rz-menu {
    background-color: var(--wit);
    height: 50px;
}

/*::deep .quicksearch-item {
    padding-bottom: 25px;
}*/
/* /Pages/Spike/Luc/HorizontalScroller.razor.rz.scp.css */
.scrolly[b-9i4x8srib2] {
    max-height: 120px;
    border: 1px solid red;
    display: flex;
    overflow-x: auto;
}

    .scrolly[b-9i4x8srib2]::-webkit-scrollbar {
        width: 0;
        }

    .scrolly .item[b-9i4x8srib2] {
        min-width: 110px;
        height: 110px;
        line-height: 110px;
        text-align: center;
        background-color: #ddd;
        margin-right: 2px;
    }
/* /Pages/Spike/Luc/SluitingsdagenPoc.razor.rz.scp.css */
.sluitingsdagen-container[b-fdqe08rw48] {
    padding: 20px; /* marge rondom de hele container */
}

.dropdown-row[b-fdqe08rw48] {
    display: flex;
    align-items: center;
    gap: 20px; /* ruimte tussen de dropdowns */
    margin-bottom: 15px; /* ruimte onder de rij */
}

    .dropdown-row label[b-fdqe08rw48] {
        margin-right: 5px; /* iets ruimte tussen label en dropdown */
    }


.d-flex[b-fdqe08rw48] {
    width: 100%;
}
/* /Pages/Spike/Luc/TestLuc.razor.rz.scp.css */

button[b-an613pa4cu] {
    height: fit-content;
    width: fit-content;
    border:medium;
    margin:10px;
}
/* /Pages/SubProduct/SubProduct.razor.rz.scp.css */
.container[b-0lmjva0yc8] {
    display: flex;
    gap: 40px;
    padding: 0;
}

.numeric[b-0lmjva0yc8] {
    gap: 10px;
}

.product-externe-lesplaats[b-0lmjva0yc8] {
    display: flex
}

.externe-lesplaats-buttons[b-0lmjva0yc8]{
    display: flex;
}

.externe-lesplaats-nummer[b-0lmjva0yc8]{
    font-style: italic;
    margin-right: 5px;
}

.externe-lesplaats-label[b-0lmjva0yc8]{
    align-self: center;
}

.moduleNummerContainer[b-0lmjva0yc8] {
    display:flex;
    gap: 15px;
}
/* /Pages/SubProduct/SubProductBudget.razor.rz.scp.css */
.budget-titel[b-xil6dl2oan] {
    font-weight: 900;
    padding: 15px 0 5px;
    font-size: 20px;
}

[b-xil6dl2oan] .cost-items-container {
    flex-wrap: wrap;
}

[b-xil6dl2oan] .leftContainer, [b-xil6dl2oan] .rightContainer {
    width: 100%;
    margin: -5px;
}

    [b-xil6dl2oan] .rightContainer {
        align-items: baseline;
    }

[b-xil6dl2oan] .rightContainer div {
    display: contents;
}

[b-xil6dl2oan] .budgetkost-items {
    display: block;
}

[b-xil6dl2oan] .budgetkost-items .container {
   flex-direction: column;
}

    [b-xil6dl2oan] .popupBody .container {
        flex-direction: column;
    }

[b-xil6dl2oan] .aantal,
[b-xil6dl2oan] .totalText {
    text-align: right;
    margin-right: 4px;
}

[b-xil6dl2oan] .infoveld {
    align-items: center;
}

[b-xil6dl2oan] .headerTotalenContainer .headerText {
    text-align: center;
}
/* /Pages/SubProduct/SubProductEvaluatiePunten.razor.rz.scp.css */
h5[b-vhefo8a08d] {
    display: inline;
}

sup[b-vhefo8a08d] {
    padding-right: 5px
}

.filter-container[b-vhefo8a08d] {
    background-image: linear-gradient(white, var(--lichtpaarsgrijs));
    padding: 10px 0 10px 55px;
}

.filter-container-1[b-vhefo8a08d] {    
    padding-bottom: 15px;
    display: flex;
}

.filter-container label[b-vhefo8a08d] {
    font-weight: 900;
    padding-bottom: 15px;
}

.filter-datum-container[b-vhefo8a08d] {
    border-right: 2px solid var(--grijs);
    width: 410px;
}

.filter-docent-container[b-vhefo8a08d] {
    padding: 0 15px;
}

.filter-buttons[b-vhefo8a08d] {
    display: flex;
    justify-content: flex-end;
    margin-left: 20px;
    gap: 10px;
    align-items: flex-end;
}

.punten-overzicht[b-vhefo8a08d] {
    display: flex;
}

.docent[b-vhefo8a08d] {
    border-left: 1px solid var(--grijs);
}

.docenten-container[b-vhefo8a08d] {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

    .docenten-container[b-vhefo8a08d]  .persona-info {
        border-left: 1px solid var(--grijs);
    }

.evaluatie-summary[b-vhefo8a08d] {
    background-image: linear-gradient(white, var(--lichtpaarsgrijs));
    padding: 7px 10px;
    font-weight: 600;
    border: 1px solid var(--grijs);
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
}

.evaluaty-summary[b-vhefo8a08d]  .persona-info {
    border-left: 1px solid var(--grijs);
}

.evaluatie-summary[b-vhefo8a08d]  .icon {
    fill: var(--paars);
    color: var(--paars);
    margin-right: 10px;
    margin-left: 18px;
}

    .evaluatie-summary[b-vhefo8a08d]  .icon:first-of-type {
        border-left: 1px solid var(--grijs);
        padding-left: 10px;
        min-width: 36px;
    }

.evaluatie-omschrijving[b-vhefo8a08d] {
    width: 40%;
}

.evaluatie-info[b-vhefo8a08d], .evaluatie-info > span[b-vhefo8a08d] {
    position: relative;
    margin-left: 15px;
}

.zittijd-slagingsscore[b-vhefo8a08d] {
    width: 50%;
    padding: 4px 10px;
    padding-top: 4px;
    border: 2px solid var(--paars);
    border-radius: 5px;
    margin: 10px 60px;
    color: var(--paars);
    background-color: var(--lichtgrijsmagenta);
}

details[open][b-vhefo8a08d] {
    border: 2px solid var(--lichtgrijsviolet);
}

    details[open] .evaluatie-summary[b-vhefo8a08d] {
        background: var(--lichtgrijsmagenta);
    }

/*de standaard pijlen vervangen door de onze*/
.evaluatie-summary[b-vhefo8a08d] {
    list-style: none;
    padding-left: 50px;
}

details summary[b-vhefo8a08d]::before {
    content: "arrow_right";
    font-family: var(--rz-icon-font-family);
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    position: absolute;
    left: 20px;
    width: 1em;
    height: 1em;
    border: 2px solid var(--lichtpaars);
    border-radius: 50%;
    color: var(--lichtpaars);
    background-color: var(--wit);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

details[open] summary[b-vhefo8a08d]::before {
    content: "arrow_drop_down";
    left: 18px;
}

.totalen-titel[b-vhefo8a08d] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    top: 125px;
}

.totalen-titel[b-vhefo8a08d]  button {
    font-size: 12px;
    height: 28px;
    padding: 0 10px;
}

.totalen-overzicht[b-vhefo8a08d] {
    position: sticky;
    top: 160px;
}

.totalen-overzicht-cursist-info[b-vhefo8a08d] {
    padding: 10px 0;
    border-bottom: 1px solid var(--grijs);
}

.totalen-overzicht-resultaat[b-vhefo8a08d], .totalen-overzicht-cursist-definitief[b-vhefo8a08d] {
    display: flex;
    justify-content: flex-start;
    margin-left: 10px;
}

.totalen-overzicht-cursist-definitief[b-vhefo8a08d] {
    color: var(--donkergrijs);
    font-size: 12px;
    margin-top: 5px;
}

.totalen-overzicht-cursist-definitief span:first-of-type[b-vhefo8a08d] {
    margin-right: 8px;
    width: 75px;
}

    .totalen-overzicht-cursist-definitief[b-vhefo8a08d]  svg {
        
    }
[class*="definitief"][b-vhefo8a08d]  svg {
    margin: 0 20px 4px 8px;
    color: var(--groen);
    color: var(--groen);
    border: 1.5px solid;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-weight: 700;
}

.totaal-resultaat[b-vhefo8a08d] {
    padding-left:10px;
}

.totaal-punten[b-vhefo8a08d] {
    font-weight: bold;
}

.totaal-status[b-vhefo8a08d] {
    right: 5px;
    position: absolute;
}

.totaal-status.Geslaagd[b-vhefo8a08d] {
    color: var(--groen);
}

.totaal-status.NietGeslaagd[b-vhefo8a08d] {
    color: var(--rood);
}

.totaal-status.Onvolledig[b-vhefo8a08d] {
    color: var(--oranje);
}

.hidden[b-vhefo8a08d] {
    display: none;
}

#button-definitief[b-vhefo8a08d] {
    display: inline;
}

/* overzicht per module*/

.resultaten-per-module-overzicht[b-vhefo8a08d] {
    display: flex;
}

.cursisten-overzicht[b-vhefo8a08d] {
    width: 25%;
    margin:0 20px;
}

    .cursisten-overzicht[b-vhefo8a08d]  .button-content {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.modules-overzicht[b-vhefo8a08d] {
    width: 75%;
}

[b-vhefo8a08d] .SISContentSummary-body {
    display: contents;
}

[b-vhefo8a08d] .SISContentSummaryItem-root {
    min-height: 28px;
}

.grid-header[b-vhefo8a08d] {
    display: flex;
    background-image: linear-gradient(white, var(--lichtpaarsgrijs));
    min-height: 40px;
    font-weight: 700;
    margin-top: 10px;
    position: sticky;
    top: 115px;
}

.grid-header-cell[b-vhefo8a08d] {
    width: 12.5%;
    padding: 8px 8px 0 5px;
    border-top: none !important;
    border-bottom: 1px;
    border-right: 1px;
    border-left: 1px;
    border-color: var(--grijs);
    border-style: solid;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grid-row-container[b-vhefo8a08d] {
    position: sticky;
    top: 155px;
}

.grid-row[b-vhefo8a08d] {
    display: flex;
    height: 40px;
}

.aanvraagwijziging[b-vhefo8a08d] {
    background-color: var(--validatie-achtergrond-kleur-oranje);
}

.grid-row-cell[b-vhefo8a08d] {
    width: 12.5%;
    padding: 8px 8px 0 8px;
    border: 1px;
    border-color: var(--grijs);
    border-style: solid;
}

.module[b-vhefo8a08d] {
    width: 40%;
    border-left: none;
}
.totaal[b-vhefo8a08d] {
    width: 20%;
    text-align: right;

}
.definitief-coosy[b-vhefo8a08d] {
    width: 10%;
    text-align: center;
}
.definitief-platform[b-vhefo8a08d] {
    width: 10%;
    text-align: center;
}
.status[b-vhefo8a08d] {
    width: 20%;
    text-align: center;
}

.status.grid-row-cell[b-vhefo8a08d] {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width: 1077px) {

    .filter-buttons[b-vhefo8a08d] {
        align-items: center;
    }
}

@media (max-width: 992px) {
    .cursisten-overzicht[b-vhefo8a08d]  .button-content {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 60px;
    }

    .grid-header-cell[b-vhefo8a08d], .grid-row-cell[b-vhefo8a08d], [b-vhefo8a08d] .chip-root, [b-vhefo8a08d] .vertical-menu-item-text {
        font-size: 0.8em;
    }    
}
/* /Pages/Syllabi/SyllabiOverzicht.razor.rz.scp.css */
.syllabi-docenten-container[b-1bs59gz7lh] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.syllabi-docent-item[b-1bs59gz7lh] {
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    justify-content: center;
    margin-right: 5px;
    text-align: center;
    padding-left: 0px;
    width: 2rem;
    align-items: center;
}

.titel-span[b-1bs59gz7lh] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-1bs59gz7lh] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-1bs59gz7lh] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-1bs59gz7lh] {
    padding-left: 50px;
}


.sidebar[b-1bs59gz7lh] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-1bs59gz7lh] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-1bs59gz7lh] {
    float: left;
}

[b-1bs59gz7lh] .sis-hoofditem {
    background-color: transparent;
}

.product-soort[b-1bs59gz7lh] {
    padding-right: 5px;
}

.overzicht-container[b-1bs59gz7lh] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 35px 10px 10px 35px;
}

.overzicht-subitem-titel[b-1bs59gz7lh] {
    color: var(--paars);
    background-color: var(--lichtgrijsmagenta);
    border-color: var(--lichtpaars);
    border-bottom: 0px;
    border-style: solid;
    padding: 10px 10px 10px 10px;
    margin-left: 10px;
}

.overzicht-container-subitem[b-1bs59gz7lh] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    margin-left: 10px;
}

.overzicht-subitem[b-1bs59gz7lh] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}

/* Syllabi subgrid tabs styling */
[b-1bs59gz7lh] .syllabi-subgrid-tabs {
    margin: 0;
    padding: 0;
}

    [b-1bs59gz7lh] .syllabi-subgrid-tabs.rz-tabview-top {
        background: transparent;
    }

    [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-nav {
        padding: 0;
        margin: 0;
        background: transparent;
        display: flex;
    }

        [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-nav li {
            margin: 0;
            margin-bottom: -2px;
            border: none;
            background: transparent;
        }

            [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-nav li a {
                padding: 12px 24px;
                border: none;
                border-bottom: 2px solid transparent;
                background: transparent;
                color: #666;
                font-weight: 400;
                transition: all 0.2s ease;
                cursor: pointer;
            }

            [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-nav li.rz-tabview-selected a {
                border-bottom: 2px solid var(--lichtpaars);
                color: var(--lichtpaars);
                font-weight: 500;
                background: transparent;
            }

            [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-nav li a:hover {
                color: var(--lichtpaars);
                background: transparent;
            }

    [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-title {
        font-size: 14px;
    }

    [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-panels {
        padding: 0;
        margin-top: 16px;
        background: transparent;
    }

    [b-1bs59gz7lh] .syllabi-subgrid-tabs .rz-tabview-panel {
        padding: 0;
    }
/* /Pages/Template/ProductPortfolioTemplateOverzicht.razor.rz.scp.css */

[b-g6b7n1lzhd] .titel-blok > h5 {
    margin: revert !important;    
}

[b-g6b7n1lzhd] .rz-datalist-data {
    padding: unset !important;
}

[b-g6b7n1lzhd] .rz-datalist-data > li {
    border-style: hidden;
    padding:0.01rem;
}

[b-g6b7n1lzhd] .RadzenCard {
    width: 100%;
    padding: 20px;
    border-block-style: hidden !important;
    border-style: hidden !important;
    background-color:aquamarine;
}