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

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

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

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

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

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

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

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

.persoonContainer[b-ha1ccikux9] {
    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-ha1ccikux9] {
    gap: 15px;
    display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

.persoonFooterContainer[b-ha1ccikux9] {
    min-width: 250px;
    color: var(--wit);
    background-color: var(--kashmirblauw);
    padding: 10px 0px 0px 5px;
    /*font-size: smaller;*/
}
/* /Components/Budget/BudgetKostItem.razor.rz.scp.css */
.container[b-soi988ltri] {
    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-soi988ltri]{
    display: flex;
    flex-direction:row;
    align-items: center;
    padding: 6px;
    gap: 10px;
}

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

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

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

.aantal[b-soi988ltri]{
    color:var(--kashmirblauw);
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

.width195[b-02vs8nk4ca] {
    width: 195px;
}
/* /Components/Budget/BudgetOverzichtItem.razor.rz.scp.css */
.container[b-uwfdwsa8xa] {
    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-uwfdwsa8xa] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .medewerkersRow .medewerkersPickerWrapper[b-2nbj5o3xfs] {
        background-color: var(--lichtgrijs);
    }
/* /Components/Docent/Contractering/DocentContractenOverzicht.razor.rz.scp.css */
.historiek-element[b-eshku4pxz7] {
    font-weight: 600;
    background-color: var(--lichtpaarsgrijs);
}
/* /Components/Docent/Contractering/DocentContractItemPopup.razor.rz.scp.css */
.docent-contract-popup-vergoeding-item[b-y4uri58u0p] {
    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-v7hoxrpg1t] {
    padding: 1rem 2rem 1rem 2rem;
}

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

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

.docent-contract-popup-vergoeding-item[b-v7hoxrpg1t] {
    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-v7hoxrpg1t] {
    padding: 0 10px 10px 10px;
}

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

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

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

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

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

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

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

.tarief-aanpassen-tarief[b-dwgdiqr6pt] {
    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-4yjkfjerqu] {
}

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

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

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

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

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

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

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

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

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

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

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

.docent-contract-popup-vergoeding-item[b-bhurensydo] {
    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-bhurensydo] {
    padding: 0 10px 10px 10px;
}

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

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

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

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

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

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

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

.docent-contract-popup-vergoeding-item[b-723k8i9rn8] {
    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-723k8i9rn8] {
    padding: 0 10px 10px 10px;
}

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

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

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

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

p[b-723k8i9rn8] {
    margin: 0;
}

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

.docent-inzetbaarheid-popup-body[b-723k8i9rn8] {
    padding: 1rem 2rem 1rem 2rem;
}
/* /Components/Docent/PersoonlijkeInfo/DocentPersoonlijkeInfo.razor.rz.scp.css */
.docent-persoonlijke-info[b-l4m0yaujdm]  .row {
    margin-top: 0;
}
/* /Components/Docent/Shared/DocentPageTitleExtraContent.razor.rz.scp.css */
.container-docent-header-items[b-zhh2sn88sg] {
    display: flex;
    gap: 5px;
}
.container-docent-header-status[b-zhh2sn88sg] {
    margin-left: 50px;
    margin-top: -2px;
}
/* /Components/Docent/Sociaal/DocentSociaalGegevenPopup.razor.rz.scp.css */
.docent-sociaal-popup-body[b-uarvs32v81] {
    padding: 1rem 2rem 1rem 2rem;
}

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


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

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

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

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

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

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

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

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

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

.grid-header-cell[b-pxhzf89dvo] {
    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-pxhzf89dvo] {
    display: flex;
    height: 40px;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

    .grid-row-cell.hd[b-pxhzf89dvo]  .rz-dropdown,
    .grid-row-cell.score[b-pxhzf89dvo]  .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-pxhzf89dvo]  .rz-dropdown {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* margin-bottom 1 voor inputs (mb-1) */
.time-input-sm .mb-1[b-tohgrrpbqm] {
    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-quqvpt2jh9] {
    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-quqvpt2jh9] {
    margin-left: 0; /* verwijdert default h6 margin */
    padding-left: 2rem; /* lijn uit met de hoofdtitel */
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Wrapper voor campus title en badges */
.campus-title-wrapper[b-quqvpt2jh9] {
    display: flex;
    align-items: center;
}

/* Badge styling voor afwijking indicatoren */
.badge[b-quqvpt2jh9] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.afwijking-badge[b-quqvpt2jh9] {
    background-color: #ffc107;
    color: #000;
}

.geen-afwijking-badge[b-quqvpt2jh9] {
    background-color: #e9ecef;
    color: #6c757d;
}

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

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

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

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

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

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

/* Weeklijst van een campus */
.campus-afwijking-weeklijst[b-quqvpt2jh9] {
    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-quqvpt2jh9] {
    border-left: 0 !important;
    border-right: 0 !important;
}


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

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

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

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

/* Wrapper voor maand + jaar */
.month-name-wrapper[b-ifyowwhfvm] {
    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-ifyowwhfvm] {
    white-space: nowrap; /* voorkom wrap */
    text-align: center;
    font-weight: bold;
    display: inline-block;
}

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

.day[b-ifyowwhfvm] {
    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-ifyowwhfvm] {
        border: none;
        background: transparent;
        cursor: default;
    }

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

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

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

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

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

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

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

/* Legende */
.calendar-legend[b-ifyowwhfvm] {
    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-ifyowwhfvm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.dag-delen[b-l52hikqibc], .dag-van-tot[b-l52hikqibc] {
    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-l52hikqibc], .dag-van-tot div[b-l52hikqibc] {
        border-right: 1px solid var(--grijs);
        height: 32px;
    }

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

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

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

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

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

/* Block per dag met dagdelen rij + actie rij */
.dag-block[b-l52hikqibc] {
    display: flex;
    flex-direction: column;
}

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

/* dagnaam links */
.dagnaam[b-l52hikqibc] {
    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-l52hikqibc] {
    display: flex;
    border-bottom: 1px solid var(--grijs);
    min-height: 44px;
    width: 100%;
}

/* Wrapper voor elk dagdeel met delete knop */
.dagdeel-met-actie[b-l52hikqibc] {
    width: 33.33%;
    border-right: 1px solid var(--grijs);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    padding: 2px;
}

    .dagdeel-met-actie:last-child[b-l52hikqibc] {
        border-right: none;
    }

/* Input deel neemt meeste ruimte */
.dagdeel-input[b-l52hikqibc] {
    flex: 1;
    min-width: 0; /* Belangrijk voor flex overflow */
}

    .dagdeel-input[b-l52hikqibc]  .dagdeel {
        width: 100%;
        justify-content: space-evenly;
        gap: 0;
        border: none;
    }

/* Delete knop rechts naast inputs */
.dagdeel-delete-btn[b-l52hikqibc] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 0 4px;
}

/* Lege placeholder voor niet-bestaande dagdelen */
.dagdeel-empty[b-l52hikqibc] {
    background-color: var(--lichtpaarsgrijs);
}

/* Toevoeg-knop in lege dagdeel kolom */
.dagdeel-add-btn[b-l52hikqibc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .dagdeel-add-btn:hover[b-l52hikqibc] {
        background-color: var(--lichtblauw);
    }

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

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

    /* individuele dagdeel header */
    .dag-header[b-l52hikqibc] {
        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-3dhu86y27u] {
}

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

.container-weekoverzicht-detail[b-3dhu86y27u] {
}

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

.grid-header-cell[b-3dhu86y27u] {
    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-3dhu86y27u] {
    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-3dhu86y27u] {
    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-3dhu86y27u] {
    display: flex;
    height: 40px;
}

.grid-detail-cell[b-3dhu86y27u] {
    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-3dhu86y27u] {
    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-3dhu86y27u] {
    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-3dhu86y27u] .rz-chkbox-box .rzi {
    background-color: var(--paars);
}

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

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

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

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

    .withHighlight .radioButton-itemWrapper.highlightable[b-fsz8e79xxj]::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-fsz8e79xxj]::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-fsz8e79xxj] {
    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-fsz8e79xxj] {
    border: solid 1px var(--validatie-tekst-kleur);
    border-radius: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

[b-sfcufs5pox] .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-sfcufs5pox] .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-sfcufs5pox] .rz-chkbox-box.rz-state-active {
    background-color: var(--paars);
    border: var(--paars);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.searchfilter-buttonrow[b-q8ddovdfbb] {
    display: flex;
    justify-content: space-between;
}
/* /Components/OverzichtFilter/OverzichtFilterConfirm.razor.rz.scp.css */
.confirmContainer[b-fifb9ldl2r] {
    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-fifb9ldl2r] {
    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-fifb9ldl2r] {
    height: 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin: 0;
    text-align: center;
    align-self: center;
    color: var(--paars);
}

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

.confirmMessage[b-fifb9ldl2r] {
    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-eaolcighu3] {
    display: flex;
    gap: 10px;
}

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

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

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

.ppe-container[b-il2saxog77] {
    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-il2saxog77]  .row {
        margin-bottom: 4px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .info-close > .icon[b-it5nlm57uh] {
        -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-rtqcr6gk2x] {
    background: linear-gradient(180deg, var(--wit), var(--lichtpaarsgrijs));
    border: 1px solid var(--syn-accent-border);
    margin: 10px 0;
    padding: 10px;
}

.searchfilter-row[b-rtqcr6gk2x] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    .searchfilter-row[b-rtqcr6gk2x]  .syn-form-field {
        flex: 1;
        min-width: 200px;
    }

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

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

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

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

.lesitem[b-218a9shko1] {
    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-218a9shko1] {
        overflow: hidden;
    }

.weekdag[b-218a9shko1] {
    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-218a9shko1] {
        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-218a9shko1] {
            border-width: 0;
        }

.weekitem[b-218a9shko1] {
    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-vfquteevnc], .planning-detail-popup-arrow-shadow[b-vfquteevnc] {
    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-vfquteevnc] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
    z-index: 1;
}

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

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

.planning-detail[b-vfquteevnc] {
    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-vfquteevnc] {
    border-bottom: 1px solid var(--syn-accent-border);
    margin: 7px 0 3px 0;
}

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

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

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

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

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

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

.pd-subtitel[b-vfquteevnc] {
}

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

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

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

.pd-lesuren[b-vfquteevnc] {
}

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

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

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

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

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

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

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

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

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

.popup-datepicker:not(.hidden)[b-cs8d3dtkkm] {
    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-cs8d3dtkkm]  .button-close {
    margin-left: 15px;
}

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

    .calendarview-datepicker span[b-cs8d3dtkkm] {
        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-cs8d3dtkkm] {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        border-width: 1px;
        color: var(--syn-brand-primary);
    }

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

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

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

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

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

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

    .calendarview-day-week-picker span[b-cs8d3dtkkm] {
        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-cs8d3dtkkm] {
        border-bottom-left-radius: 100px;
        border-top-left-radius: 100px;
        border-width: 1px;
    }

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

    .calendarview-day-week-picker .active[b-cs8d3dtkkm] {
        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-cwtc54gt7z], .week-rowheader[b-cwtc54gt7z] {
    width: 120px;
}

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

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

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

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

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

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

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

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

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

            .week-rowheader > div > .verdeling > div[b-cwtc54gt7z] {
                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-cwtc54gt7z] {
                    border-width: 0;
                }
/* /Components/Planning/PlanningCalendarView/PlanningCalendarView.razor.rz.scp.css */
.calendarview[b-rv00ey5wdb] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

.sd-header-details[b-321i85su3e] {
    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-321i85su3e] {
        display: flex;
        align-items: center;
    }

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

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

.sd-tabs[b-321i85su3e] {
    display: flex;
}

.sd-tab[b-321i85su3e] {
    padding: 12px;
}

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

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

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

.sd-label[b-321i85su3e] {
    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-321i85su3e] {
    border: 1px solid var(--syn-accent-border);
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
    background-color: var(--syn-accent-background);
}

.sessie-hoedanigheid-titel[b-321i85su3e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--syn-accent-border);
}

.sessie-hoedanigheid-persoon[b-321i85su3e] {
    font-weight: 500;
    font-size: 16px;
}

.sessie-hoedanigheid-items[b-321i85su3e] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sessie-hoedanigheid-item-container[b-321i85su3e] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.sessie-hoedanigheid-item[b-321i85su3e] {
    flex: 1;
    display: flex;
    gap: 20px;
    align-items: flex-end;
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid var(--syn-accent-border);
}

.sessie-hoedanigheid-item-delete[b-321i85su3e] {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.sessie-hoedanigheid-button[b-321i85su3e] {
    margin-top: 10px;
}

.sessie-hoedanigheid-item-label[b-321i85su3e] {
    flex: 0 0 200px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}

.sessie-hoedanigheid-item-control[b-321i85su3e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .sessie-hoedanigheid-item-control label[b-321i85su3e] {
        font-size: 12px;
        font-weight: 500;
        color: var(--syn-text-text-light);
    }

    .sessie-hoedanigheid-item-control span[b-321i85su3e] {
        padding: 5px;
        color: var(--syn-text-text-default);
    }
/* /Components/Planning/PlanningContextMenu/BewerkSessie/BewerkLokaalReservatie.razor.rz.scp.css */
.sessie-detail-body[b-k0m6wchena] {
    color: var(--syn-text-text-default);
}

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

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

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

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

.sd-header-details[b-k0m6wchena] {
    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-k0m6wchena] {
        display: flex;
        align-items: center;
    }

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

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

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

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

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

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

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

.sd-label[b-k0m6wchena] {
    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/PlanningDeleteSessie.razor.rz.scp.css */
.body[b-42cyp788z6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
}

.toepassen[b-42cyp788z6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .toepassen span[b-42cyp788z6] {
        font-weight: 600;
    }

.deleting-overlay[b-42cyp788z6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    z-index: 1000;
}

.deleting-message[b-42cyp788z6] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--syn-primary-color, #0066cc);
}
/* /Components/Planning/PlanningContextMenu/PlanningDocentSelectie.razor.rz.scp.css */
.body[b-xgruu90hh3] {
    padding: 1rem;
}

.docentkeuze[b-xgruu90hh3] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

    .docentkeuze span[b-xgruu90hh3] {
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

.toevoegen[b-xgruu90hh3] {
    margin-top: 1rem;
}
/* /Components/Planning/PlanningContextMenu/PlanningDocentWijzigen.razor.rz.scp.css */
.body[b-h2ymt0zu87] {
    padding: 1rem;
}

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

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

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

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

.docentkeuze[b-h2ymt0zu87] {
}

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

.toevoegen[b-h2ymt0zu87] {
}
/* /Components/Planning/PlanningContextMenu/PlanningLokaalWijzigen.razor.rz.scp.css */
.body[b-s629cl1go0] {
    padding: 1rem;
}

.toepassen[b-s629cl1go0] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

    .toepassen span[b-s629cl1go0] {
        font-weight: 700;
    }
/* /Components/Planning/PlanningIssueComponent.razor.rz.scp.css */
.issue-root[b-mb26aae5ts] {
display: flex;
    gap: 5px;
    padding: 0 5px;
    border-radius: 5px;
}

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

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

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

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

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

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

.issue-overview-body[b-odsim5a95c] {
    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-odsim5a95c] {
    cursor: pointer;
}

.issue-overview-popup-arrow[b-odsim5a95c], .issue-overview-popup-arrow-shadow[b-odsim5a95c] {
    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-odsim5a95c] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
    z-index: 1;
}

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

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

.pre-selectie > div[b-93ove8p9yk] {
    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-93ove8p9yk] {
        cursor: pointer;
    }

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

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

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

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

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

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

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

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

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

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

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

.vak-spacer[b-mdg00nlhi6], .dragdrop-element[b-mdg00nlhi6], .vak-omschrijving[b-mdg00nlhi6], .vak-uren[b-mdg00nlhi6], .vak-te-plannen[b-mdg00nlhi6], .vak-dagdelen[b-mdg00nlhi6], .vak-docent[b-mdg00nlhi6], .vak-lokaal[b-mdg00nlhi6], .vak-startdatum[b-mdg00nlhi6] {
    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-mdg00nlhi6], .vak-uren[b-mdg00nlhi6] {
    width: 70px;
}

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

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

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

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

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

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

.grid-container[b-mdg00nlhi6] {
}

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

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

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

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

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

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

.dragdrop-element[b-mdg00nlhi6], .chevron-element[b-mdg00nlhi6], .checkbox-element[b-mdg00nlhi6], .contextmenu-element[b-mdg00nlhi6] {
    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-mdg00nlhi6],
.grid-subproduct > .chevron-element[b-mdg00nlhi6],
.grid-subproduct > .checkbox-element[b-mdg00nlhi6],
.grid-subproduct > .contextmenu-element[b-mdg00nlhi6],
.grid-subproduct > .subproduct-element[b-mdg00nlhi6] {
    border-width: 0 1px 1px 0;
}

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

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

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

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

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

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

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

    .chevron-element > span[b-mdg00nlhi6] {
        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-mdg00nlhi6]:before {
        content: "arrow_right";
        position: relative;
        top: 0;
        left: -0.5px;
    }

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

    .chevron-element > div[b-mdg00nlhi6] {
        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-mdg00nlhi6], .subproduct-element[b-mdg00nlhi6], .vak-omschrijving[b-mdg00nlhi6] {
    border-width: 1px 0 1px 0;
    width: calc(100% - 72px);
    padding-left: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[b-g2rep4dsqq] .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-g2rep4dsqq] .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-g2rep4dsqq] .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-wj70sf34a4] {
    padding: 1rem 2rem 1rem 2rem;
}
/* /Components/Popups/Aankoop/BestelbonDetailPopup.razor.rz.scp.css */
.bestelbon-detail-popup-body[b-wcelf55p9i] {
    padding: 1rem 2rem 1rem 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.defaultsContainer[b-992t9jhwut] {
    margin-bottom: 10px;
}

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

.popupBody[b-992t9jhwut] {
    padding: 10px 20px;
}

.budgetKostItemContainer[b-992t9jhwut] {
    padding-bottom: 10px;
}

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

.box[b-992t9jhwut] {
    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-992t9jhwut]  .row {
        margin-bottom: 0;
        padding: 0 10px;
    }

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

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

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

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

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

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

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

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

.addParamButtons[b-992t9jhwut] {
    display: flex;
}

.leftButton[b-992t9jhwut] {
    padding-right: 20px;
}

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

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

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

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

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

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

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

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

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

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

[b-pcntsdqjok] .button-base + .button-base {
    margin-left: 10px;
}
/* /Components/Popups/CursusKosten/CursusKostItem.razor.rz.scp.css */
.container[b-s780wrftvn] {
    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-s780wrftvn] {
    margin-top: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.itemContainer[b-dadhn3k2zq] {
    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-dadhn3k2zq] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 100%;
}

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

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

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

[b-dadhn3k2zq] .rz-spinner {
    display: block;
}
/* /Components/Popups/Docent/DocentenToevoegen/DocentToevoegenItem.razor.rz.scp.css */
.container[b-a2qhesftps] {
    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-a2qhesftps] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 100%;
    background: var(--lichtpaarsgrijs);
}

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

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

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

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

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

.itemContainer[b-a2qhesftps] {
    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-a2qhesftps] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 100%;
}

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

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

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

p[b-dwtaa0jda6]{
    margin: 0;
}
/* /Components/Popups/Docent/SISContractLesmomentenPopup.razor.rz.scp.css */
.syn-dialog-content[b-er6535cnrc] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.syn-dialog-header[b-er6535cnrc] {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 16px;
}

    .syn-dialog-header h3[b-er6535cnrc] {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
    }

.syn-dialog-body[b-er6535cnrc] {
    flex: 1;
    padding: 0 16px 16px;
    overflow-y: auto;
    max-height: 400px;
}

.contracts-list[b-er6535cnrc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contract-item[b-er6535cnrc] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px;
    background-color: #fafafa;
}

.contract-header[b-er6535cnrc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.contract-merk[b-er6535cnrc] {
    background-color: #e3f2fd;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 0.85em;
}

.lessons-list[b-er6535cnrc] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #d0d0d0;
}

.syn-dialog-footer[b-er6535cnrc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #e0e0e0;
}
/* /Components/Popups/ExcelExport/ExporteerExcelKolommenPopup.razor.rz.scp.css */
.popup-body[b-g8qikj2pss]
{
    padding: 20px 40px;
}
/* /Components/Popups/Facturatie/FacturatieProductenOverzicht.razor.rz.scp.css */
.container-uitschrijven-grid[b-2ahw0yfzsy] {
    padding: 20px;
}
/* /Components/Popups/Inschrijving/InschrijvingErkenningPopup.razor.rz.scp.css */
.erkenning-container[b-kmsvpn3bg0] {
    margin: 30px;
}

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

.container-cursist-info[b-02ncqh25ug] {
    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-sue998wfqy] {
    margin: 30px;
}

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

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

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

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

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

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

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

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

 .verwijder-button[b-sue998wfqy]  button {
     float: right;
 }
 
 [b-sue998wfqy] .disabled-True + label {
     font-style: italic;
     color: var(--donkerpaarsgrijs);
 }
/* /Components/Popups/Inschrijving/InschrijvingWachtlijstPopup.razor.rz.scp.css */
.container-wachtlijst[b-xclpy65dr0] {
    padding: 20px;
}
.container-cursist-info[b-xclpy65dr0] {
    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-xclpy65dr0] {
    display: flex;
    gap: 10px;
    width: 100%;
}
.container-prospect-info-naam[b-xclpy65dr0] {
    padding-top: 5px;
}
.container-portfolio-element[b-xclpy65dr0] {
    font-weight: 600;
    padding-top: 10px;
}
/* /Components/Popups/Kostendrager/KostendragerSearchPopup.razor.rz.scp.css */
.row[b-znzq28pdcp] {
    margin: 10px 0;
}

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

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

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

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

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

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

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

[b-znzq28pdcp] .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-znzq28pdcp] .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-znzq28pdcp] .rz-chkbox-box.rz-state-active {
    background-color: var(--paars);
    border: var(--paars);
}
/* /Components/Popups/Kwaliteit/KwaliteitOpvolging.razor.rz.scp.css */
.kwaliteit-systeem-persoon-container[b-1s18xv6izu] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.kwaliteit-systeem-persoon-item[b-1s18xv6izu] {
    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;
}
/* /Components/Popups/Kwaliteit/KwaliteitSysteemAfsluitenPopup.razor.rz.scp.css */
.invalid[b-mrtnw0j8pw] {
    background-color: #FDEDEB;
    padding: 0.5rem;
}

.invalid-reason[b-mrtnw0j8pw] {
    font-style: italic;
    color: var(--grijs-info);
    padding-left: 1rem;
}
/* /Components/Popups/Param/ParamCampusPopup.razor.rz.scp.css */
.campus[b-t0mxjo7z6z] {
    padding: 20px;
    max-width: 100%;
    overflow-x: hidden;
}

.campus-details[b-t0mxjo7z6z] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.campus h4[b-t0mxjo7z6z] {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
/* /Components/Popups/Param/ParamClusterPopup.razor.rz.scp.css */
.cluster[b-trdfvfzd1t]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

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

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

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

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

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

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

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

.subsector-details[b-gsjte9frbs]  .row {
    align-items: center;
}
/* /Components/Popups/Param/ParamLokaalTypePopup.razor.rz.scp.css */
.lokaaltype[b-fycufiv5g6] {
    padding: 20px;
}

.lokaaltype-details[b-fycufiv5g6] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
/* /Components/Popups/Param/ParamMerkPopup.razor.rz.scp.css */
.merk[b-fw7c1y8pqa]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

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

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

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

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

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

.subsector-details[b-q6eu4c7p1r]  .row {
    align-items: center;
}
/* /Components/Popups/Param/ParamVergoedingTypeParamVergoedingEenheidPopup.razor.rz.scp.css */
.typeeenheid[b-7x3nacgx7u]  .syn-fullrow.row {
    --bs-gutter-x: 0;
}

.typeeenheid-details[b-7x3nacgx7u] {
    padding: 1rem 2rem 1rem 2rem;
}

    .typeeenheid-details[b-7x3nacgx7u]  .row {
        align-items: center;
    }
/* /Components/Popups/PopupError.razor.rz.scp.css */
[b-lgaa2cx37e] .panel-body {
    word-break: break-word;
    padding: 10px;
}

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

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

.panel-error[b-lgaa2cx37e] {
    font-size: 0.7em;
}        
/* /Components/Popups/PopupUnAuthorized.razor.rz.scp.css */
[b-mcm74kzw3s] .panel-body {
    word-break: break-word;
    padding: 10px;
}

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

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

.panel-error[b-mcm74kzw3s] {
    font-size: 0.7em;
}
/* /Components/Popups/ProductPortfolio/CommerciëleInfoOvernemenPopupItem.razor.rz.scp.css */
.item[b-65lbgypqsx] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.container[b-65lbgypqsx]{
    padding: 20px;
}

[b-65lbgypqsx] .rz-chkbox-icon:before {
    padding-left: 6px;
}
/* /Components/Popups/ProductPortfolio/ProductPortfolioVerwijderenPopup.razor.rz.scp.css */
.syn-dialog-body[b-mcibsa4eys] {
    flex: 1;
    padding: 0 16px 16px;
    overflow-y: auto;
    max-height: 400px;
}
/* /Components/Popups/ProductPortfolio/TabbladOvernemenPopup.razor.rz.scp.css */
.container[b-0cg2mvcec0] {
    padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

[b-0cg2mvcec0] .clusters {
    background-color: var(--infobox-background);
    padding: 5px 10px;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--kashmirblauw);
    min-width: 60vh;
}
/* /Components/Popups/Product/Budget/DocentenVergoeding/BudgetDocentenVergoedingHoedanigheidItem.razor.rz.scp.css */
.vergoedingInputContainer[b-kbsbbcso3q] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
}

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

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

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

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

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

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

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

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

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

p[b-3aennw7w98] {
    margin: 0;
}

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

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

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

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

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

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

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

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

.headerContainer[b-1f036g3h29] {
    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-1f036g3h29] {
    display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.buttonContainer[b-8262j061dj] {
    margin: 0 0 20px 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.buttonContainer[b-5zs57riffi] {
    margin: 0 0 20px 10px;
}

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

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

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

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

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

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

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

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

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



/* /Components/Popups/Product/DocentenVergoeding/ProductLidVergoedingPopup.razor.rz.scp.css */
.headerContainer[b-ci25v2wwwo] {
    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-ci25v2wwwo] {
    display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

p[b-ci25v2wwwo] {
    margin: 0;
}
/* /Components/Popups/Prospect/BedrijfKMOProjectPopup.razor.rz.scp.css */
.kmo-project-container[b-lgzflm5kxt] {
    margin: 30px;
}

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

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

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

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

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

.product-info-titel[b-lgzflm5kxt] {    
    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-7gblf23qj3] {
    margin: 40px;
}

[b-7gblf23qj3] .prospectInput {
    width: 50%;
}
/* /Components/Popups/SubProduct/SubEvaluatieDocentenUpdatePopup.razor.rz.scp.css */
.subvak-docenten-update-container[b-82xn3og9u3] {
    padding: 1rem;
}

.info-message[b-82xn3og9u3] {
    margin-bottom: 1.5rem;
}

.docenten-overzicht[b-82xn3og9u3] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 4px;
    margin-top: 0.5rem;
}

.docenten-overzicht strong[b-82xn3og9u3] {
    display: block;
    margin-bottom: 0.5rem;
    color: #495057;
}

.docenten-overzicht ul[b-82xn3og9u3] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.docenten-overzicht li[b-82xn3og9u3] {
    padding: 0.25rem 0;
}

.docent-punten[b-82xn3og9u3] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-left: 0.5rem;
}

.subvakken-lijst[b-82xn3og9u3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.subvak-item[b-82xn3og9u3] {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 0.75rem;
    transition: all 0.2s ease;
}

.subvak-item.geen-docenten[b-82xn3og9u3] {
    background-color: #fff3cd;
    border-color: #ffc107;
}

.subvak-item.heeft-docenten[b-82xn3og9u3] {
    background-color: #f8f9fa;
}

.checkbox-label[b-82xn3og9u3] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    margin: 0;
}

.checkbox-label input[type="checkbox"][b-82xn3og9u3] {
    margin-top: 0.25rem;
    cursor: pointer;
}

.checkbox-label input[type="checkbox"]:disabled[b-82xn3og9u3] {
    cursor: not-allowed;
}

.subvak-info[b-82xn3og9u3] {
    flex: 1;
}

.subvak-naam[b-82xn3og9u3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.subvak-naam span:first-child[b-82xn3og9u3] {
    color: #212529;
}

.badge[b-82xn3og9u3] {
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-warning[b-82xn3og9u3] {
    background-color: #ffc107;
    color: #000;
}

.badge-success[b-82xn3og9u3] {
    background-color: #28a745;
    color: #fff;
}

.subvak-details[b-82xn3og9u3] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.huidige-docenten[b-82xn3og9u3] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #dee2e6;
    font-size: 0.875rem;
}

.huidige-docenten strong[b-82xn3og9u3] {
    display: block;
    margin-bottom: 0.25rem;
    color: #495057;
}

.huidige-docenten ul[b-82xn3og9u3] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.huidige-docenten li[b-82xn3og9u3] {
    padding: 0.125rem 0;
    color: #6c757d;
}

.no-subvakken[b-82xn3og9u3] {
    text-align: center;
    color: #6c757d;
    padding: 2rem;
    margin: 0;
}
/* /Components/Popups/SubProduct/SubVakDocentenUpdatePopup.razor.rz.scp.css */
.subvak-docenten-update-container[b-gdoc7160kt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}
.docenten-overzicht[b-gdoc7160kt]{
    border: 1px solid #ccc;
    padding: 0.5rem;
    border-radius: 4px;
}
.vak-selectie[b-gdoc7160kt] {
    gap: 2rem;
    padding: 1rem;
}
/* /Components/Popups/Syllabi/SyllabiVersiePopup.razor.rz.scp.css */
.syllabi-versie-popup-body[b-gda2oiilny] {
    margin: 30px;
}

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

.syllabi-voormalige-versie-validiteit-popup-body[b-ok4bhw7z53]  .SynLineBreak {
    width: 97%;
    margin: 30px auto 0 auto;
}
/* /Components/ProductLid/FacturatieBetalingPopup.razor.rz.scp.css */
.row[b-opnwj3gjpj] {
    margin-left: 10px;
    margin-right: 10px;
}

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

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

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

.betaald-en-saldo[b-opnwj3gjpj] {
    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-opnwj3gjpj] {
        color: var(--status-groen);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[b-mwp6h67hsi] .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-yj7bm4tv98] {
    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-yj7bm4tv98] {
    border-color: var(--grijs);
    border-style: solid;
    display: flex;
    border-radius: 5px;
    padding: 4px;
    align-items: center;
}

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

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

.container-inschrijving-header-item-minmax[b-yj7bm4tv98], .container-inschrijving-header-item-brutomarge[b-yj7bm4tv98] {
    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-yj7bm4tv98] {
    display: flex;
    align-items: center;
}

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

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

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

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

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

.text-spacing[b-yj7bm4tv98] {
    margin: 0 0 0 5px;
}

.slash-divider[b-yj7bm4tv98] {
    margin: 0 3px;
}
/* /Components/ProductLid/ProductLidCommunicatie.razor.rz.scp.css */
.container-communicatie-email[b-lufn8cymhp] {
    padding-left: 20px;
    width: 400px;
}

.container-communicatie-type[b-lufn8cymhp] {
    flex-direction: column;
    display: flex;
}

.container-communicatie-buttons[b-lufn8cymhp] {
    display: flex;
    align-items: baseline;
    margin-top: 20px;
}
/* /Components/ProductLid/ProductLidCommunicatiePopup.razor.rz.scp.css */
.container-add-communicatie[b-5w524aovz7] {
    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-5w524aovz7] {
    padding-left: 20px;
    width: 400px;
}

.container-communicatie-email-autocomplete[b-5w524aovz7] {
    height: 37px;
}

.container-communicatie-type[b-5w524aovz7],
.container-communicatie-email[b-5w524aovz7] {
    flex-direction: column;
    display: flex;
}

    .container-communicatie-email[b-5w524aovz7]  > span,
    .container-communicatie-type[b-5w524aovz7]  > span {
        padding: 5px;
    }
/* /Components/ProductLid/ProductLidKost.razor.rz.scp.css */
.container-kost[b-0fhzuek6ex] {
    padding: 15px;
}
.titel-row[b-0fhzuek6ex] {
    padding: 0 0 5px 0;
}

.titel-omschrijving[b-0fhzuek6ex] {
    font-size: 20px;
    font-weight: 900;
}

.titel-prijs[b-0fhzuek6ex] {
    font-size: 14px;
}

.content-row[b-0fhzuek6ex] {
    background-color: var(--paarsgrijs);
    padding: 3px 5px;
    border-bottom: 1px solid var(--grijs);
    margin: 0px;
}

.content-omschrijving[b-0fhzuek6ex] {
    font-size: 16px;
}

.content-row.default[b-0fhzuek6ex] {
    font-weight: 700;
}

.content-edit-button[b-0fhzuek6ex] {
    padding-left: 5px;
    display: inline;
}

.content-delete-button[b-0fhzuek6ex] {
    padding-left: 25px;
    display: inline;
}

.btw[b-0fhzuek6ex] {
    font-size: 12px;
}

.content-prijs[b-0fhzuek6ex] {
    font-size: 16px;
}

    .content-prijs.incl-btw[b-0fhzuek6ex] {
        padding-right: 5px;
    }

.align-end[b-0fhzuek6ex] {
    text-align: end;
}

.footer-row[b-0fhzuek6ex] {
    background-color: var(--paarsgrijs);
    padding: 5px;
    margin: 0px;
}

.footer-omschrijving[b-0fhzuek6ex] {
    font-size: 16px;
    font-weight: 700;
}

.footer-prijs[b-0fhzuek6ex] {
    font-size: 16px;
    font-weight: 700;
}

    .footer-prijs.incl-btw[b-0fhzuek6ex] {
        padding-right: 5px;
    }

.group-wrapper[b-0fhzuek6ex] {
    border: 2px solid var(--paarsgrijs);
}

    .group-wrapper .content-row[b-0fhzuek6ex] {
        --bs-gutter-x: 0;
    }

.first-col[b-0fhzuek6ex] {
    padding-left: 20px;
    --bs-gutter-x: 0;

}

.row-korting[b-0fhzuek6ex] {
    border-bottom: 2px solid var(--paarsgrijs);
    --bs-gutter-x: 0;
}

.col-detail-1[b-0fhzuek6ex], .col-detail-2[b-0fhzuek6ex] {
    padding-right: 9px;
    background-color: var(--lichtpaarsgrijs);
}

.col-button[b-0fhzuek6ex] {
    background-color: var(--lichtpaarsgrijs);
}

.col-button[b-0fhzuek6ex]  .icon-button {
    margin: 25% 25%;
}

.col-detail-1[b-0fhzuek6ex]::after, .col-detail-2[b-0fhzuek6ex]::after, .col-header-1[b-0fhzuek6ex]::after, .col-header-2[b-0fhzuek6ex]::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-0fhzuek6ex]::after, .col-header-2[b-0fhzuek6ex]::after {
    right: -4px;
}

.col-header-2[b-0fhzuek6ex]::after {
    right: -5px;
}

.col-detail-1[b-0fhzuek6ex]::after, .col-detail-2[b-0fhzuek6ex]::after {
    top: -60px;
}

.col-detail-2 .content-prijs[b-0fhzuek6ex] {
    padding-right: 5px;
}

.sign-equals[b-0fhzuek6ex] {
    float: left;
    padding-left: 10px;
    font-weight: 700;
}

.btw[b-0fhzuek6ex] {
    padding-left: 10px;
}

.footer-kortingen[b-0fhzuek6ex] {
    padding: 5px 0 5px 10px;
    margin-bottom: 10px;
    background-color: var(--lichtpaarsgrijs);
}

.extra-inkomst[b-0fhzuek6ex] {
    padding-bottom: 10px;
}
/* /Components/ProductLid/ProductLidKostPopup.razor.rz.scp.css */
.container[b-77giz89m89] {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--kashmirblauw);
}
/* /Components/ProductLid/ProductLidToelatingsvoorwaarden.razor.rz.scp.css */
.voorwaarden-tekst[b-kdo9fyaond] {
    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-jqq2dgzm91] {
    padding: 20px;
}

.container-uitschrijving-subtitel[b-jqq2dgzm91] {
    font-weight: 600;
    padding-top: 10px;
}

.container-prospect-info[b-jqq2dgzm91] {
    display: flex;
    gap: 10px;
    width: 100%;
}

.container-prospect-info-naam[b-jqq2dgzm91] {
    padding-top: 5px;
}

.container-cursist-info[b-jqq2dgzm91] {
    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-jqq2dgzm91] {
}
/* /Components/ProductPortfolio/ProductPortfolioCommercieleCluster.razor.rz.scp.css */
.popup-content[b-37dbexaigp] {
    margin: 20px;
}
/* /Components/ProductPortfolio/ProductPortfolioDupliceer.razor.rz.scp.css */
.dupliceerContainer[b-1jnz6rn9ty] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 10px;
    gap: 10px;
    width: 100%;
    background: var(--lichtpaarsgrijs);
}

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

[b-1jnz6rn9ty] .sis-inputtext {
    width: 100%
}

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

    .selecteer-alle:hover[b-1jnz6rn9ty] {
        background-color: var(--lichtpaarsgrijs);
    }

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

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

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

    .selecteer-alle-input.alles-geselecteerd[b-1jnz6rn9ty]:after {
        content: "\002D";
        left: 3px;
        top: -7px;
    }
/* /Components/ProductPortfolio/ProductPortfolioGrid.razor.rz.scp.css */
.productportfolio-soort[b-8w282bjlrv] {
    padding-right: 5px;
}

    .productportfolio-soort img[b-8w282bjlrv] {
        height: 24px;
    }
/* /Components/ProductPortfolio/ProductPortfolioKopieer.razor.rz.scp.css */
.kopieerContainer[b-5rxvf8mjzi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px;
    height: 65px;
    background: #F6F8FE;
    justify-content: space-between;
}

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

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

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

.buttonContainer[b-5rxvf8mjzi]{
    padding: 10px;
    text-align: center;
}
/* /Components/ProductPortfolio/ProductPortfolioMaterialenPopup.razor.rz.scp.css */
.container[b-h7aodcx1f5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

.popupContainer[b-h7aodcx1f5] {
    padding: 10px;
    background-color: var(--lichtpaarsgrijs);
    gap: 10px;
    display: flex;
    flex-direction: column;
}

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

.omschrijvingContainer[b-h7aodcx1f5] {
    background-color: var(--wit);
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 10px;
}

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

.section[b-h7aodcx1f5] {
    padding: 20px;
}

.input[b-h7aodcx1f5] {
    width: 50%;
}
/* /Components/ProductPortfolio/ProductPortfolioOrganisatieOverzicht.razor.rz.scp.css */
.titel-organisatie[b-lm15ha7c6a] 
{
    font-weight: 700;
}

.default-waarde[b-lm15ha7c6a] {
    font-weight: 400;
    font-size: small;
    color: var(--inputsubtitel);
}

.container-organisatie[b-lm15ha7c6a] {
    margin-left: 20px;
    margin-top: 20px;
}

.container-externe-lesplaats[b-lm15ha7c6a] {
    margin-left: 20px;
    margin-top: 20px;
}
/* /Components/ProductPortfolio/ProductPortfolioSimpelSelectie.razor.rz.scp.css */
.productportfolio-simpel-selectie-filter[b-ywxtc5ne0e] {
    background-color: var(--lichtpaarsgrijs);
    padding: 20px;
    font-weight:700;
}
    .productportfolio-simpel-selectie-filter-row[b-ywxtc5ne0e] {

    }

.productportfolio-simpel-selectie-resultaat[b-ywxtc5ne0e] {
    padding: 20px;
}

.productportfolio-simpel-selectie-button-right[b-ywxtc5ne0e] {
    text-align: right;
}

.productportfolio-simpel-selectie-footer[b-ywxtc5ne0e] {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-top: 1px solid var(--lichtpaarsgrijs);
    background-color: #fff;
}

.overzicht-titel-zoek[b-ywxtc5ne0e]{
    display: flex;
    gap: 20px;
}

[b-ywxtc5ne0e] .row {
    --bs-gutter-x: 0.9rem;
}
/* /Components/ProductPortfolio/ProductPortfolioSubGrid.razor.rz.scp.css */
.overzicht-container[b-8aw9lz4jg6] {
    /*padding: 35px 10px 10px 35px;*/
    padding: 10px;
    overflow-x: auto;
    /*width: 92vw;*/
    /*margin-left: 25px;*/
}

    .overzicht-container.borderhighlight[b-8aw9lz4jg6] {
        border-color: var(--lichtpaars);
        border-style: solid;
    }

.overzicht-subitem-titel[b-8aw9lz4jg6] {
    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-8aw9lz4jg6] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    /*margin-left: 10px;*/
}

.overzicht-subitem[b-8aw9lz4jg6] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Components/ProductPortfolio/ProductPortfolioSyllabiGrid.razor.rz.scp.css */
.syllabi-docenten-container[b-a9n78srqdf] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.syllabi-docent-item[b-a9n78srqdf] {
    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-a9n78srqdf] {
    padding-top: 5px;
}

[b-a9n78srqdf] .simple-data-grid-newrow > td {
    padding: 5px 10px 5px 10px;
}

.syllabi-add-button[b-a9n78srqdf] {
    margin-left: 20px;
}
/* /Components/ProductPortfolio/Vakken/EvaluatieDetails.razor.rz.scp.css */
.container[b-rviledzi8y] {
    display: flex;
    padding: 0 10px 5px 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-rviledzi8y] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

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

.boldText[b-rviledzi8y] {
    font-weight: bold;
}

.infoContainer[b-rviledzi8y] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-rviledzi8y] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}

.infoWrapper[b-rviledzi8y] {
    width: 100%;
}

[b-rviledzi8y] .datagrid-root {
    margin-top: 5px;
}

[b-rviledzi8y] .radioButton-item {
    padding-left: 0;
}

[b-rviledzi8y] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-rviledzi8y] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-rviledzi8y] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-rviledzi8y] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-rviledzi8y] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-rviledzi8y] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

[b-rviledzi8y] .detail-blok {
    margin-left: 90px;
}

    [b-rviledzi8y] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-rviledzi8y] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

@media (max-width : 1400px) {
    .infoItem[b-rviledzi8y], .rz-cell-data .infoItem[b-rviledzi8y]  span {
        font-size: small;
    }
}

@media (max-width : 1230px) {
    [b-rviledzi8y] .detail-blok .titel-blok-content {
        display: inherit;
    }
    .infoItem[b-rviledzi8y], .rz-cell-data .infoItem[b-rviledzi8y]  span {
        font-size: x-small;
    }
}

@media (max-width : 1000px) {
    [b-rviledzi8y] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
    .infoItem[b-rviledzi8y], .rz-cell-data .infoItem[b-rviledzi8y]  span {
        font-size: xx-small;
    }
}
/* /Components/ProductPortfolio/Vakken/EvaluatiePopup.razor.rz.scp.css */
.container[b-srsqknxp3w] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-srsqknxp3w] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

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

.boldText[b-srsqknxp3w] {
    font-weight: bold;
}

.infoContainer[b-srsqknxp3w] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-srsqknxp3w] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-srsqknxp3w] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-srsqknxp3w] {
    padding: 20px 0px 0px 10px;
}

.moduleNummerInput[b-srsqknxp3w] {
    width: 95px;
}

.moduleNummerContainer[b-srsqknxp3w] {
    display: flex;
    gap: 10px;
}


[b-srsqknxp3w] .radioButton-item {
    padding-left: 0;
}

[b-srsqknxp3w] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-srsqknxp3w] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-srsqknxp3w] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-srsqknxp3w] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-srsqknxp3w] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-srsqknxp3w] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-srsqknxp3w] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-srsqknxp3w] .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-srsqknxp3w] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-srsqknxp3w] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-srsqknxp3w] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-srsqknxp3w] .detail-blok {
    margin-left: 90px;
}

    [b-srsqknxp3w] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-srsqknxp3w] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-srsqknxp3w] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-srsqknxp3w] {
    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-srsqknxp3w] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-srsqknxp3w]::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-srsqknxp3w] {
    position: sticky;
    bottom: 0;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}

    .wrapper[b-srsqknxp3w]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }


@media (max-width : 1230px) {
    [b-srsqknxp3w] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-srsqknxp3w] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/ProductPortfolio/Vakken/ProductPortfolioVakkenOverzicht.razor.rz.scp.css */
p[b-ri2tzocspn] {
    margin: 0;
}

[b-ri2tzocspn] .rz-grid-table{
    border-collapse: collapse;
}

[b-ri2tzocspn] .rz-expanded-row-content{
    border: 2px solid black;  
}

.container[b-ri2tzocspn]{
    padding: 5px;
    border: 2px solid var(--distel);
}

.totaalUur[b-ri2tzocspn] {
    width: fit-content;
    background: var(--lichtpaarsgrijs);
    padding: 6px;
    border-radius: 6px;
}

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

.vakOmschrijving[b-ri2tzocspn]  .icon {
    fill: var(--svg-default-kleur);
}

.vakOmschrijving:has(.rz-cell-data)[b-ri2tzocspn] {
        fill: yellow;
        color: yellow;
        gap:100px;
    }

.deleteVak[b-ri2tzocspn]  .button-inner {
    display: contents;
}

.iconButtonContainer[b-ri2tzocspn] {
    display: flex;
    align-items: center;
    border: 2px var(--grijs) dashed;
    background: var(--lichtpaarsgrijs);
    border-radius: 7px;
    margin: 10px;
    height: 50px;
}

.buttonContainer[b-ri2tzocspn] {
    margin-bottom: 5px;
}

.dimmed-text[b-ri2tzocspn] {
    color: var(--donkerpaarsgrijs);
}

[b-ri2tzocspn] .subVakItem .icon {
    color: var(--status-blauw);
    margin: -10px 5px 0 20px;
}

[b-ri2tzocspn] .subVakItem:first-of-type {
   padding-left: 35px;
   padding-bottom: 0px;
}   

.pointer-column[b-ri2tzocspn] {
    width: 5%;
}

.content-column[b-ri2tzocspn] {
    width: 90%;
}

.subVakDetail .content-column .content-column[b-ri2tzocspn] {
    width: 95%;
}

.evaluatievakken[b-ri2tzocspn]  .datagrid-root {    
    margin-top: 10px;
}

[b-ri2tzocspn] .highlight-met-detail ::deep > td {
    padding: 0.2rem 0 0rem 0.37rem;
}

[b-ri2tzocspn] .highlight-met-detail {
    margin-bottom: -2px;
}

[b-ri2tzocspn] .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-ri2tzocspn] .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-ri2tzocspn] .pointer-line {
    display: block;
    position: absolute;
    top: -10px;
    width: 1px;
    border-left: 3px solid var(--status-blauw);
    left: 40px;
}

@media (max-width : 1200px) {
    [b-ri2tzocspn] .pointer-line {
        display: none;
    }

    [b-ri2tzocspn] .pointer {
        display: none;
    }

    [b-ri2tzocspn] .subVakItem:first-of-type::before {
        display: none;
    }
}
/* /Components/ProductPortfolio/Vakken/VakDetails.razor.rz.scp.css */
.container[b-y2m58i0pz7] {
    display: flex;
    padding: 0 10px 5px 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-y2m58i0pz7] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

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

.boldText[b-y2m58i0pz7] {
    font-weight: bold;
}

.infoContainer[b-y2m58i0pz7] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-y2m58i0pz7] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}

.infoWrapper[b-y2m58i0pz7] {
    width: 100%;
}


[b-y2m58i0pz7] .radioButton-item {
    padding-left: 0;
}

[b-y2m58i0pz7] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-y2m58i0pz7] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

[b-y2m58i0pz7] .header-blok > h5 {
    padding-left: 15px;
}

[b-y2m58i0pz7] .header-blok .titel-blok-content {
    width: 100%;
    display: flex;
    padding: 10px 0 0 20px;
}

[b-y2m58i0pz7] .header-blok .titel-blok-content .icon {
    margin-right: 25px;
    padding: 8px;
    background-color: var(--status-blauw);
    border-radius: 5px;
    fill: var(--wit);
}

[b-y2m58i0pz7] .header-blok .titel-blok-content .header-input {
    margin-top: 0;
    width: 75%;
}

[b-y2m58i0pz7] .detail-blok {
    margin-left: 90px;
}

[b-y2m58i0pz7] .detail-blok .titel-blok-content {
    display: flex;   
    padding: 0;
}

[b-y2m58i0pz7] .detail-blok .titel-blok-content .row {
    margin-right: 8px;
}

@media (max-width : 1400px) {
    .infoItem[b-y2m58i0pz7], .rz-cell-data .infoItem[b-y2m58i0pz7]  span {
        font-size: small;
    }
}

@media (max-width : 1230px) {
    [b-y2m58i0pz7] .detail-blok .titel-blok-content {
        display: inherit;
    }
    .infoItem[b-y2m58i0pz7], .rz-cell-data .infoItem[b-y2m58i0pz7]  span {
        font-size: x-small;
    }
}

@media (max-width : 1000px) {
    [b-y2m58i0pz7] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
    .infoItem[b-y2m58i0pz7], .rz-cell-data .infoItem[b-y2m58i0pz7]  span {
        font-size: xx-small;
    }
}
/* /Components/ProductPortfolio/Vakken/VakPopup.razor.rz.scp.css */
.container[b-yl4cp6ljl9] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-yl4cp6ljl9] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

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

.boldText[b-yl4cp6ljl9] {
    font-weight: bold;
}

.infoContainer[b-yl4cp6ljl9] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-yl4cp6ljl9] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-yl4cp6ljl9] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-yl4cp6ljl9] {
    padding: 20px 0px 0px 10px;
}

[b-yl4cp6ljl9] .radioButton-item {
    padding-left: 0;
}

[b-yl4cp6ljl9] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-yl4cp6ljl9] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-yl4cp6ljl9] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-yl4cp6ljl9] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-yl4cp6ljl9] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-yl4cp6ljl9] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-yl4cp6ljl9] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-yl4cp6ljl9] .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-yl4cp6ljl9] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-yl4cp6ljl9] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-yl4cp6ljl9] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-yl4cp6ljl9] .detail-blok {
    margin-left: 90px;
}

    [b-yl4cp6ljl9] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-yl4cp6ljl9] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-yl4cp6ljl9] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-yl4cp6ljl9] {
    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-yl4cp6ljl9] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-yl4cp6ljl9]::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-yl4cp6ljl9] {
    position: sticky;
    bottom: -2px;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}

    .wrapper[b-yl4cp6ljl9]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }


@media (max-width : 1230px) {
    [b-yl4cp6ljl9] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-yl4cp6ljl9] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/Product/DuurtijdSelectie.razor.rz.scp.css */
.container[b-ee5032ar56] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    gap: 10px;
    background: var(--lichtpaarsgrijs);
}

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

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

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

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

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

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

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

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

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

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

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

.date[b-69lil2kl50]{
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.buttonContainer[b-21te6dpj9y]{
    text-align: center;
}
/* /Components/Product/ProductSimpelSelectie.razor.rz.scp.css */
.product-simpel-selectie-filter[b-2al7yjn8dq] {
    background: linear-gradient(to bottom, var(--wit), var(--lichtpaarsgrijs));
    padding: 20px;
    font-weight: 700;
}

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

.product-simpel-selectie-button-right[b-2al7yjn8dq] {
    text-align: right;
}
/* /Components/Product/ProductSubGrid.razor.rz.scp.css */
.sub-producten[b-3zqop05kik]  .rz-grid-table-fixed {
    table-layout: unset;
}
/* /Components/Prospect/Bedrijf/ProspectAdresValidatieStatusBadge.razor.rz.scp.css */
.validatie-badge-wrapper[b-l0ubxd8m1s] {
    position: relative;
    margin: -16px -16px 6px -16px; /* Sluit aan op de cardContainer padding */
}

.validatie-badge[b-l0ubxd8m1s] {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    border-radius: 2px 2px 0 0;
    user-select: none;
}

.validatie-badge-nieuw[b-l0ubxd8m1s] {
    background-color: #d1e7dd;
    color: #0a4f30;
}

.validatie-badge-gewijzigd[b-l0ubxd8m1s] {
    background-color: #fff3cd;
    color: #6b4a00;
}

.validatie-badge-verwijderd[b-l0ubxd8m1s] {
    background-color: #f8d7da;
    color: #5c1a21;
}

.validatie-badge-ongevalideerd[b-l0ubxd8m1s] {
    background-color: #fff3cd;
    color: #6b4a00;
}

.validatie-badge-ongevalideerd:hover[b-l0ubxd8m1s] {
    filter: brightness(0.95);
}

.validatie-badge-label[b-l0ubxd8m1s] {
    flex: 1;
}

.validatie-badge-info[b-l0ubxd8m1s] {
    font-size: 0.8rem;
    opacity: 0.7;
    font-style: normal;
}

.validatie-badge-sluiten[b-l0ubxd8m1s] {
    font-size: 0.65rem;
    cursor: pointer;
}

.validatie-badge-panel[b-l0ubxd8m1s] {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 100%;
    min-width: 420px;
    max-width: 700px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    margin-top: 4px;
}

.validatie-badge-panel-header[b-l0ubxd8m1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    font-size: 0.8rem;
    font-weight: 600;
}

.validatie-badge-panel-body[b-l0ubxd8m1s] {
    padding: 8px;
    overflow-x: auto;
    font-size: 0.75rem;
}

[b-l0ubxd8m1s] .validatie-rij-gevalideerd {
    background-color: #d4edda;
}
/* /Components/Prospect/Bedrijf/ProspectBedrijfContactGegevensPopup.razor.rz.scp.css */
.popupBody[b-wz2lhr98d7] {
    padding: 20px 40px;
}

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

.contactContainer[b-wz2lhr98d7] {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
}
/* /Components/Prospect/Bedrijf/ProspectBedrijfFacturatieAdresPopup.razor.rz.scp.css */
.popupBody[b-5od724s92l] {
    padding: 20px 40px;
}

.inputContainer[b-5od724s92l]{
    display: flex;
    gap: 20px;
}

.contactContainer[b-5od724s92l] {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
}


[b-5od724s92l] .prospectInput{
    width: 105%;
}
/* /Components/Prospect/Bedrijf/ProspectCard.razor.rz.scp.css */
.cardContainer[b-mtums7kznr] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 6px;
    border: 1px solid var(--donkerpaarsgrijs);
    background: var(--lichtpaarsgrijs);
    position: relative;
}

.titleContainer[b-mtums7kznr]{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.title[b-mtums7kznr]{
    font-weight: bold;
}

.chipContainer[b-mtums7kznr]{
    display: flex;
    align-self: flex-start;
    gap: 12px;
}

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

[b-mtums7kznr] .SynLineBreak{
    background: var(--donkerpaarsgrijs);
    height: 1px;
    margin: 6px 0;
}

[b-mtums7kznr] .icon-button{
    outline: 0 !important;
}
/* /Components/Prospect/Bedrijf/ProspectCardChip.razor.rz.scp.css */
.chipContainer[b-0mxtzl1php] {
    padding: 5px 10px;
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 4px;
    background: var(--wit);
    width: fit-content;
}

p[b-0mxtzl1php]{
    margin: 0;
}
/* /Components/Prospect/Erkenningen/ProspectErkenningenPopup.razor.rz.scp.css */
.erkenning-details[b-o2m5ktw2kh] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-o2m5ktw2kh] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-o2m5ktw2kh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-o2m5ktw2kh] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-o2m5ktw2kh] .testclass {
    width: 235px;
}

[b-o2m5ktw2kh] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-o2m5ktw2kh] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-o2m5ktw2kh] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-o2m5ktw2kh] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-o2m5ktw2kh] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-o2m5ktw2kh] .rz-accordion-content {
    padding: 10px;
}

[b-o2m5ktw2kh] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-o2m5ktw2kh] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-o2m5ktw2kh] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-o2m5ktw2kh] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-o2m5ktw2kh] {
    color: var(--kashmirblauw);
    font-style: italic;
    margin-left: auto;
}

.label[b-o2m5ktw2kh] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-o2m5ktw2kh] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-o2m5ktw2kh] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/Erkenningen/ProspectErkenningenPopupOUTOFUSE.razor.rz.scp.css */
.erkenning-details[b-dnqebh22yc] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-dnqebh22yc] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-dnqebh22yc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .erkenninginstantie-prospect-content h2[b-dnqebh22yc] {
        font-size: 20px;
        font-weight: 900;
        line-height: 120%;
    }

[b-dnqebh22yc] .testclass {
    width: 235px;
}

[b-dnqebh22yc] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-dnqebh22yc] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-dnqebh22yc] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-dnqebh22yc] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-dnqebh22yc] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-dnqebh22yc] .rz-accordion-content {
    padding: 10px;
}

[b-dnqebh22yc] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-dnqebh22yc] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-dnqebh22yc] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-dnqebh22yc] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-dnqebh22yc] {
    color: var(--kashmirblauw);
    font-style: italic;
    margin-left: auto;
}

.label[b-dnqebh22yc] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-dnqebh22yc] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-dnqebh22yc] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/Popups/ProspectBedrijfProspectPersoonPopup.razor.rz.scp.css */
.erkenning-details[b-4q8zbxxezt] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-4q8zbxxezt] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-4q8zbxxezt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-4q8zbxxezt] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-4q8zbxxezt] .testclass {
    width: 235px;
}

[b-4q8zbxxezt] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-4q8zbxxezt] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-4q8zbxxezt] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-4q8zbxxezt] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-4q8zbxxezt] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-4q8zbxxezt] .rz-accordion-content {
    padding: 10px;
}

[b-4q8zbxxezt] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-4q8zbxxezt] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-4q8zbxxezt] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-4q8zbxxezt] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-4q8zbxxezt] {
    color: var(--kashmirblauw);
    font-style: italic;
    margin-left: auto;
}

.label[b-4q8zbxxezt] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-4q8zbxxezt] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-4q8zbxxezt] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/Popups/ProspectBedrijfProspectPersoonPopupOUTOFUSE.razor.rz.scp.css */
.erkenning-details[b-at18mxkpx3] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-at18mxkpx3] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-at18mxkpx3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .erkenninginstantie-prospect-content h2[b-at18mxkpx3] {
        font-size: 20px;
        font-weight: 900;
        line-height: 120%;
    }

[b-at18mxkpx3] .testclass {
    width: 235px;
}

[b-at18mxkpx3] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-at18mxkpx3] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-at18mxkpx3] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-at18mxkpx3] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-at18mxkpx3] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-at18mxkpx3] .rz-accordion-content {
    padding: 10px;
}

[b-at18mxkpx3] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-at18mxkpx3] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-at18mxkpx3] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-at18mxkpx3] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-at18mxkpx3] {
    color: var(--kashmirblauw);
    font-style: italic;
    margin-left: auto;
}

.label[b-at18mxkpx3] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-at18mxkpx3] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-at18mxkpx3] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/Prospect/Popups/ProspectSamenvoegingPopup.razor.rz.scp.css */
.syn-dialog-body[b-2kikgd70z2] {
    padding: 3rem 2rem 2rem 2rem;
}

.samenvoeging-kolommen[b-2kikgd70z2] {
    display: flex;
    gap: 1rem;
    align-items: stretch;
}

.samenvoeging-kolom[b-2kikgd70z2] {
    flex: 1 1 0;
    min-width: 0;
    background-color: var(--lichtpaarsgrijs);
    border-radius: 6px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s, background-color 0.15s;
}

.samenvoeging-kolom.geselecteerd[b-2kikgd70z2] {
    border-color: var(--paars);
    background-color: var(--lichtpaars, #f3eef9);
}

.samenvoeging-koptekst[b-2kikgd70z2] {
    margin-bottom: 0.75rem;
    border-bottom: 2px solid var(--dialoog-warning-underline-color);
    padding-bottom: 0.5rem;
}

.samenvoeging-keuze[b-2kikgd70z2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 13px;
    color: var(--paars);
    margin-bottom: 0.35rem;
}

.samenvoeging-keuze input[type="radio"][b-2kikgd70z2] {
    accent-color: var(--paars);
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.samenvoeging-kolom h4[b-2kikgd70z2] {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.samenvoeging-kolom h4 a[b-2kikgd70z2] {
    color: var(--paars);
    text-decoration: none;
}

.samenvoeging-kolom h4 a:hover[b-2kikgd70z2] {
    text-decoration: underline;
}

.samenvoeging-kolom p[b-2kikgd70z2] {
    font-size: 14px;
    margin-bottom: 0.4rem;
    word-break: break-word;
}

.samenvoeging-footer[b-2kikgd70z2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 1.5rem;
}
/* /Components/Prospect/ProspectInput.razor.rz.scp.css */
.container-prospect[b-8bq1gzr2fr] {
    display: flex;
    gap: 12px;
    align-items: center;
}
.container-prospect-input[b-8bq1gzr2fr] {
    width: 100px;
    min-width: 80px;
}

.container-prospect-label[b-8bq1gzr2fr] {
    min-width: 350px;
    font-weight: 500;
    gap: 5px;
    color: var(--kashmirblauw);
}
/* /Components/Prospect/ProspectSearchForm.razor.rz.scp.css */
.row[b-vkht75t1ve] {
    margin: 10px 0;
}

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

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

.prospect-search-popup-buttons[b-vkht75t1ve] {
    padding: 0rem 2rem 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
}


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

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

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

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

[b-vkht75t1ve] .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-vkht75t1ve] .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-vkht75t1ve] .rz-data-row.rz-state-highlight {
    color: white;
}

[b-vkht75t1ve] .rz-data-row .rz-cell-data {
    color: inherit !important;
}

/*checkbox*/
[b-vkht75t1ve] .rz-chkbox-box.rz-state-active {
    background-color: var(--paars);
    border: var(--paars);
}
/* /Components/Prospect/ValidatieBanner/ProspectValidatieBanner.razor.rz.scp.css */
.validatie-rij-gevalideerd[b-tcxfwl31rz] {
    background-color: #d4edda;
}
/* /Components/RolBeheer/RolBeheerRolPopup.razor.rz.scp.css */
.rolContainer[b-7o4nkahuwd] {
    margin: 40px;
}
/* /Components/SISAnnuleerBewaar/SISAnnuleerBewaar.razor.rz.scp.css */
.sis-annuleer-bewaar[b-w9t424nf1m] {
    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-w9t424nf1m] {
    align-items: center;
    display: flex;
    gap: 8px;
}
/* /Components/SISBasicHeader/SISBasicHeader.razor.rz.scp.css */
.container[b-xcgkfs3z02] {
    display: flex;
    padding: 20px;
}

.headerContainer[b-xcgkfs3z02] {
    display: flex;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.numberContainer[b-xcgkfs3z02] {
    width: 35px;
    height: 35px;
    background: #34495E;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.numberText[b-xcgkfs3z02] {
    margin: 0;
    color: var(--wit);
}

.headerText[b-xcgkfs3z02] {
    margin: 0;
    font-size: 25px;
}
/* /Components/SISBulkEditDialog/Budget/SISBulkEditDialogBudget.razor.rz.scp.css */
.bulk-edit-dialog-sluiten[b-px6njq9pdv] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-px6njq9pdv] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-px6njq9pdv] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-px6njq9pdv] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px; 
}

[b-px6njq9pdv] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-px6njq9pdv] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-px6njq9pdv] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-px6njq9pdv] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-px6njq9pdv] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-px6njq9pdv] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-px6njq9pdv] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-px6njq9pdv] .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-px6njq9pdv] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-px6njq9pdv] .rz-accordion-toggle-icon {
    background-color: var(--wit);
    border-radius: 12px;
    color: var(--bulkedit-actie-chevron);
}
/* /Components/SISBulkEditDialog/ProductLid/SISBulkEditDialogInschrijving.razor.rz.scp.css */
.bulk-edit-dialog-sluiten[b-o1zhabe0y1] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-o1zhabe0y1] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-o1zhabe0y1] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-o1zhabe0y1] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px;
}

[b-o1zhabe0y1] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-o1zhabe0y1] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-o1zhabe0y1] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-o1zhabe0y1] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-o1zhabe0y1] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-o1zhabe0y1] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-o1zhabe0y1] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-o1zhabe0y1] .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-o1zhabe0y1] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-o1zhabe0y1] .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-8xrb2oh4p9] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-8xrb2oh4p9] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-8xrb2oh4p9] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-8xrb2oh4p9] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px;
}

[b-8xrb2oh4p9] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-8xrb2oh4p9] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-8xrb2oh4p9] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-8xrb2oh4p9] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-8xrb2oh4p9] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-8xrb2oh4p9] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-8xrb2oh4p9] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-8xrb2oh4p9] .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-8xrb2oh4p9] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-8xrb2oh4p9] .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-qvq6cw0p6g] {
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: var(--grijs);
}

.bulk-edit-container[b-qvq6cw0p6g] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bulk-edit-main-item[b-qvq6cw0p6g] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[b-qvq6cw0p6g] .bulkedit-subitem:has(a):has(span.rzi-chevron-down) {
    background-color: var(--lichtgrijsmagenta);
    border: 2px solid var(--bulkedit-actie-omranding);
    border-bottom: 0px;
}

[b-qvq6cw0p6g] .rz-accordion-content > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-qvq6cw0p6g] .rz-accordion-content > div > .rz-accordion > .rz-accordion-content-wrapper {
    border: 2px solid var(--bulkedit-actie-omranding);
    border-top: 0px;
}

[b-qvq6cw0p6g] .bulk-edit-main-item > .rz-accordion {
    width: 100%;
}

.bulk-edit-dialog-header[b-qvq6cw0p6g] {
    margin: 20px 10px 5px 20px;
}
/* Header kleur*/
[b-qvq6cw0p6g] .rz-accordion-header.bulkedit-hoofditem {
    color: var(--bulkedit-categorie-tekst);
    background-color: var(--lichtpaarsgrijs);
}

    [b-qvq6cw0p6g] .rz-accordion-header.bulkedit-hoofditem > [id^="rz-accordiontab"] {
        color: var(--bulkedit-categorie-tekst);
        font-weight: bold;
    }
/* closebutton - Geen ( ) rond het X icoon*/
[b-qvq6cw0p6g] .bulk-edit-dialog-sluiten .button-close-iconwrapper {
    outline: none !important;
    color: var(--bulkedit-actie-chevron);
}
/* closebutton - grijze achtergrond*/
[b-qvq6cw0p6g] .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-qvq6cw0p6g] {
    font-style: italic;
    color: var(--grijs-info);
    margin: 0px 10px 15px 20px;
    background-color: #e9f2f9;
    color: #457bab;
    padding: 7px;
}

/* Cirkel rond de chevron */
[b-qvq6cw0p6g] .rz-accordion-toggle-icon {
    background-color: var(--wit);
    border-radius: 12px;
    color: var(--bulkedit-actie-chevron);
}

/* lesmomenten */
[b-qvq6cw0p6g] .rz-chkbox-box .rzi {
    background-color: var(--paars);
}

[b-qvq6cw0p6g] .rz-chkbox-box .rzi-times {
    background-color: var(--paarsgrijs);
}

[b-qvq6cw0p6g] .rz-chkbox-box.rz-state-active.rz-state-disabled {
    opacity: unset;
}

.lesmomenten[b-qvq6cw0p6g]  ul {
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    padding: 0 11px;
}
/* /Components/SISBulkEditDialog/SISBulkEditActieBase.razor.rz.scp.css */
/* buttons rechts aligneren */
.bulkeditactie-button-container[b-ynfeqyq84k] {
    display: flex;
    justify-content: flex-end;
    padding: 0 16px 6px 0;
}

[b-ynfeqyq84k] .button-base {
    margin: 0 20px 10px 0;
}


/* /Components/SISBulkEditDialog/SISBulkEditConfirmationDialogCard.razor.rz.scp.css */
.bulk-confirmation-header[b-ghfte9j78r] {
    background-color: var(--paarsgrijs);
    padding: 1.9rem;
    color: var(--svg-default-kleur);
}

    .bulk-confirmation-header > .titel[b-ghfte9j78r] {
        font-size: 35px;
    }

    .bulk-confirmation-header > .sluiten[b-ghfte9j78r] {
        cursor: pointer;
        float: right;
    }

.bulk-confirmation-footer[b-ghfte9j78r] {
    display: flex;
    padding: 0.9rem;
}

    .bulk-confirmation-footer > .cancel[b-ghfte9j78r] {
    }

    .bulk-confirmation-footer > .confirm[b-ghfte9j78r] {
        margin-left: auto;
    }

.valid[b-ghfte9j78r], .invalid[b-ghfte9j78r] {
    line-height: 45px;
    padding: 0 5px 0 5px;
}

    .valid.lesmomenten[b-ghfte9j78r], .invalid.lesmomenten[b-ghfte9j78r] {
        line-height: inherit;
        padding: unset;
    }

.invalid[b-ghfte9j78r] {
    background-color: #FDEDEB;
    padding: 0.5rem;
}

.invalid-reason[b-ghfte9j78r] {
    font-style: italic;
    color: var(--grijs-info);
    padding-left: 1rem;
}

.valid > .value-summary[b-ghfte9j78r] {
    margin-left: auto;
    background-color: #F6F8FE;
    padding: 0 10px 0 10px;
    min-width: 250px;
    text-align: center;
}

.value-summary.lesmomenten[b-ghfte9j78r] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.lesmomenten[b-ghfte9j78r] {

}

.old-value[b-ghfte9j78r] {
    padding-right: 0.5rem;
}

.new-value[b-ghfte9j78r] {
    padding-left: 0.5rem;
}


.valid > .record-info > .record-id[b-ghfte9j78r], .invalid > .record-info > .record-id[b-ghfte9j78r] {
    color: #507091;
}

.ignore[b-ghfte9j78r] {
    margin: 1.9rem;
}

    .ignore > hr[b-ghfte9j78r] {
        margin: 0;
    }

.to-update[b-ghfte9j78r] {
    margin: 1.9rem;
}

.to-update > hr[b-ghfte9j78r] {
    margin: 10px 0 10px 0;
}

.section-title[b-ghfte9j78r] {
    font-size: 22px;
}

.section-subtitle[b-ghfte9j78r] {
    padding-bottom: 10px;
}

.lesmomenten .record-info[b-ghfte9j78r] { 
    margin-bottom: 15px;
}
[b-ghfte9j78r] .container-weekoverzicht {
    margin: 10px 0 20px;
    min-width: 300px;
}
/* /Components/SISBulkEditDialog/SISBulkWarningMessage.razor.rz.scp.css */
.invalid-combination[b-9me96lt30q] {
    margin-bottom: 10px;
    display: flex;
}

.warning-text[b-9me96lt30q] {
    color: red;
    margin-left: 10px;
}
/* /Components/SISBulkEditHeader/SISBulkEditHeader.razor.rz.scp.css */
.bulk-edit-header[b-hsu7bbkpvf] {
    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-hsu7bbkpvf]{
    margin-right: 5px;
}
/* /Components/SISButton/SISButton.razor.rz.scp.css */

button[b-h47snx2tte] {
    height: 40px;
    border: none;
    border-radius: 25px;
    min-width: 184px;
    padding: 0px 25px 0px 25px;
}

    button.default-button[b-h47snx2tte] {
        background-color: var(--paars);
        color: var(--wit);
    }

        button.default-button *[b-h47snx2tte] {
            color: var(--wit);
        }

        button.default-button:hover[b-h47snx2tte] {
            background-color: var(--donkerpaars);
        }

        button.default-button:disabled[b-h47snx2tte] {
            background-color: var(--paars);
            color: var(--wit);
            cursor: not-allowed;
            opacity: 20%;
        }

    button.sidebar-button[b-h47snx2tte] {
        background-color: var(--lichtpaarsgrijs);
        border-radius: initial;
        min-width: 115px;
        color: var(--kashmirblauw);
        font-weight: 700;
        padding: 0px 5px 0px 5px;
    }

    button.tab-button[b-h47snx2tte] {
        background-color: var(--lichtpaarsgrijs);
        border-radius: initial;
        min-width: 20px;
        color: var(--kashmirblauw);
    }

        button.tab-button:hover[b-h47snx2tte] {
            background-color: var(--donkerpaars);
            color: var(--wit);
        }

        button.tab-button:disabled[b-h47snx2tte] {
            background-color: var(--lichtpaarsgrijs);
            color: var(--paars);
            cursor: not-allowed;
            opacity: 20%;
        }

    button.tab-button-active[b-h47snx2tte] {
        border-color: var(--paars);
        border-left: 3px solid;
        border-radius: initial;
        background-color: var(--wit);
        color: var(--paars);
    }

    button.keuze-button[b-h47snx2tte] {
        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-h47snx2tte] {
            background-color: var(--witgroen);
            border-color: var(--groen);
        }

    button.keuze-button-active[b-h47snx2tte] {
        border: 2px solid;
        border-radius: 5%;
        background-color: var(--witgroen);
        border-color: var(--groen);
        min-width: initial;
        width: 115px;
        height: 125px;
        padding: 5px;
    }

    button.keuze-button-horizontal[b-h47snx2tte] {
        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-h47snx2tte] {
            background-color: var(--witgroen);
            border-color: var(--groen);
        }

    button.keuze-button-horizontal-active[b-h47snx2tte] {
        border: 2px solid;
        border-radius: 6px;
        background-color: var(--witgroen);
        border-color: var(--groen);
        min-width: initial;
        width: 290px;
        height: 70px;
        padding: 5px;
    }

.button-root[b-h47snx2tte] {
    display: inline-block;
}

.button-icon-left[b-h47snx2tte] {
    color: var(--svg-default-kleur);
}

.button-icon-right[b-h47snx2tte] {
    color: var(--svg-default-kleur);
}

.button-text[b-h47snx2tte] {
    position: absolute;
    bottom: 20%;
    width: 100%;
    left: 0%;
}

.button-text-active[b-h47snx2tte] {
    position: absolute;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    bottom: 20%;
    width: 100%;
    left: 0%;
}

.button-root > .keuze-button[b-h47snx2tte] {
    margin: 40px 30px 20px 0;
}

.button-root > .keuze-button-active[b-h47snx2tte] {
    margin: 0 30px 20px 0;
}

.outer-tick-mark-circle[b-h47snx2tte] {
    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-h47snx2tte] {
    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-h47snx2tte]::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-h47snx2tte]::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-h47snx2tte] {
    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-h47snx2tte] {
        margin-left: auto;
        margin-right: auto;
    }

    button.square-button .button-icon-left[b-h47snx2tte] {
        padding: 0rem;
    }

    button.square-button:hover[b-h47snx2tte] {
        background-color: var(--lichtgrijs);
    }

    button.square-button:disabled[b-h47snx2tte] {
        background-color: var(--wit);
        color: var(--wit);
        cursor: not-allowed;
        opacity: 20%;
        border: 1px solid var(--grijs);
    }


.button-root.vertical[b-h47snx2tte] {
    position: absolute;
    left: 0px;
    z-index: 8;
}

[b-h47snx2tte] 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-h47snx2tte] {
    padding-left: 15px;
}
/* /Components/SISChipLabelSummary/SISChipLabelSummary.razor.rz.scp.css */
.summary-title[b-c58kpe6f1f] {
    font-weight: bold;
}

.summary-container[b-c58kpe6f1f] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.summary-checkbox[b-c58kpe6f1f] {
    display: flex;
}

.summary-button[b-c58kpe6f1f] {
    padding-left: 5px;
}

[b-c58kpe6f1f] .button-link .button-inner {
    padding: 0;
}
/* /Components/SISContentSummary/SISContentSummary.razor.rz.scp.css */
.SISContentSummary-root[b-x0pf60qw77] {
    position: sticky;
    top: 140px;
    z-index: 500;
}
.SISContentSummary-body[b-x0pf60qw77] {
    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-990i7238ul] {
    color: var(--groen);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;

}

.item-notcompleted[b-990i7238ul] {
    color: var(--rood);
}

.item-notapplicable .SISContentSummaryItem-content[b-990i7238ul] {
    text-decoration: line-through;
    background-color: var(--lichtgrijs);
    color: var(--lichtgrijs-text);
}

[class*="SISContentSummaryItem-root"][b-990i7238ul] {
    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-990i7238ul] {
    background-color: var(--lichtgrijs);
}

a[b-990i7238ul] {
    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-990i7238ul] {
    float: right;
    margin: 7px 6px 0 0;
}


SISContentSummaryItem-root:hover[b-990i7238ul] {
        background-color: var(--donkerpaars);
    }

.SISContentSummaryItem-label[b-990i7238ul] {
    padding: 0px 5px 0px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:inline-block;
    max-width: 80%;
}


.SISContentSummaryItem-icon[b-990i7238ul] {
    padding: 0rem 0.2rem 0rem 0.5rem;
}
/* /Components/SISDropdownMenu/SISDropdownMenu.razor.rz.scp.css */
[b-m6g47uvami] .sis-menuitem-delete-button {
    position: relative;
    right: -10px;
}

[b-m6g47uvami] .sis-menuitem-content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden;
    text-overflow: ellipsis;
}

    [b-m6g47uvami] .sis-menuitem-content span {
        width: 100%;
    }

        [b-m6g47uvami] .sis-menuitem-content span a {
            width: 100%;
            display: block;
        }

[b-m6g47uvami] .sis-menuitem-text {
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    color: var(--paars);
}

[b-m6g47uvami] .sis-menuitem-buttons {
    display: flex;
}

[b-m6g47uvami] .sis-menuitem-text-container {
    pointer-events: none;
    border-top: 1px solid var(--kashmirblauw);
    margin: 0 5px;
}

[b-m6g47uvami] .sis-hoofditem.selected .rz-navigation-item-link:has(.rz-navigation-item-text) {
    background-color: var(--syn-accent-background);
}

[b-m6g47uvami] .sis-hoofditem.selected .rz-navigation-item-link .rz-navigation-item-text,
[b-m6g47uvami] .sis-hoofditem.selected .rz-navigation-item-link i
{
    color: var(--paars);
    font-weight: 900;
}

[b-m6g47uvami] .rz-menu {
    background-color: var(--lichtgrijsmagenta);
    border: 1px solid var(--lichtpaars);
    border-radius: 6px;
}

[b-m6g47uvami] .tooltip-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-m6g47uvami] .sis-hoofditem {
    width: 100% !important;
    color: var(--paars);
    background-color: unset;
    height: 100%;
    border-bottom: unset !important;
}

[b-m6g47uvami] .sis-menuitem {
    font-size: 14px !important;
    color: var(--kashmirblauw) !important;
    border-bottom: 1px solid var(--lichtgrijs) !important;
    border-top: 1px solid var(--lichtgrijs) !important;
    z-index: 5;    
    padding-left: 15px;
}

[b-m6g47uvami] .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-item:has(.rz-navigation-item-text) {
    background-color: var(--lichtgrijs);
}

[b-m6g47uvami] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link a {
    color: var(--paars);
}

[b-m6g47uvami] .sis-menuitem-nieuw {
    font-size: 14px !important;
    color: var(--kashmirblauw) !important;
    background-color: var(--donkerpaarsgrijs) !important;
    border-bottom: 1px solid var(--lichtgrijs) !important;
    border-top: 1px solid var(--lichtgrijs) !important;
}

    [b-m6g47uvami] .sis-menuitem-nieuw:hover {
        background-color: var(--lichtpaarsgrijs) !important;
    }

[b-m6g47uvami] .rz-navigation-menu {
    box-shadow: unset;
}

[b-m6g47uvami] .rz-navigation-item-wrapper {
    height: 100%;
}

[b-m6g47uvami] .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-m6g47uvami] .rz-navigation-item-link {
    height: 100%;
    padding-left: 4px;    
}

[b-m6g47uvami] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
    padding-block: 0;
    padding-inline: 0;
}

    [b-m6g47uvami] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link a,
    [b-m6g47uvami] .rz-navigation-item-link .sis-menuitem-content span:not(:has(a)),
    [b-m6g47uvami] .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-m6g47uvami] .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-m6g47uvami] {
    font-size: 14px;
    color: var(--kashmirblauw);
}

[b-m6g47uvami] .rzi {
    color: var(--paars);
}

[b-m6g47uvami] [class^= "rz-navigation-item"]:before {
    background-color: unset !important;
}

[b-m6g47uvami] [class^= "rz-navigation-item-wrapper"] {
    background-color: unset !important;
}

    [b-m6g47uvami] [class^= "rz-navigation-item-wrapper"]:before {
        background-color: unset !important;
    }

[b-m6g47uvami] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu [class^= "rz-navigation-item-wrapper"]:hover .rz-navigation-item-link {
    color: var(--paars);
}

[b-m6g47uvami] .sis-menuitem-buttons .button-inner svg {
    color: var(--paars);
}

@media (min-width: 768px) {

    [b-m6g47uvami] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 0px;
    }

    [b-m6g47uvami] .sis-hoofditem > .rz-navigation-item-wrapper .rz-navigation-item-text {
        font-size: 11px;
    }

    [b-m6g47uvami] .sis-menuitem {
        padding-left: 0;
    }
}

@media (min-width: 880px) {

    [b-m6g47uvami] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 2px;
    }

    [b-m6g47uvami] .sis-hoofditem > .rz-navigation-item-wrapper .rz-navigation-item-text {
        font-size: 12px;
    }
}

@media (min-width: 1024px) {

    [b-m6g47uvami] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 4px;
    }

    [b-m6g47uvami] .sis-hoofditem > .rz-navigation-item-wrapper .rz-navigation-item-text {
        font-size: 13px;
    }   
}

@media (min-width: 1280px) {

    [b-m6g47uvami] .rz-navigation-item-link:has(.rz-navigation-item-text) {
        padding: 8px 8px;
    }

    [b-m6g47uvami] .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-wri2pnuncw] {
    position: relative;
    right: -10px;
}

    .sis-menuitem-content span[b-wri2pnuncw] {
        width: 100%;
    }

        .sis-menuitem-content span a[b-wri2pnuncw] {
            width: 100%;
            display: block;
        }

.sis-menuitem-buttons[b-wri2pnuncw] {
    display: flex;
}

[b-wri2pnuncw] .tooltip-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* /Components/SISFilterAddGrid/SISFilterAddGrid.razor.rz.scp.css */
.filter-add-grid-root[b-rglcde9acr] {
}

.filter-add-grid-content[b-rglcde9acr] {
    margin: 0px 20px 20px 20px;
}

.filter-add-grid-table[b-rglcde9acr] {
    width: 100%;
    padding: 20px;
}
.dropdown[b-rglcde9acr] {
    background-color: var(--wit);
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 10px;
}

.groupDropdown[b-rglcde9acr]{
    width: 50%;
}
/* /Components/SISFooter/SISFooter.razor.rz.scp.css */
.footerWrapper[b-rxzrooqt35] {
    display: flex;
    padding: 10px 48px;
    width: 100%;
    justify-content: space-between;
    background: var(--footer-zwart);
    position: fixed;
    bottom: 0;
    z-index: 600;
}

.textContainer[b-rxzrooqt35]{
    display: flex;
    align-items: center;
    gap: 20px;
}

p[b-rxzrooqt35] {
    margin: 0;
    color: var(--wit);
    font-size: 14px;
}

.mailTo[b-rxzrooqt35] {
    color: var(--wit);
    font-size: 14px;
    text-decoration: none;
}
/* /Components/SISHeader/SISHeader.razor.rz.scp.css */
.sis-header-wrapper[b-abyt7szvo5] {
    border-bottom: 1px solid var(--lichtgrijs);
    box-sizing: border-box;
    background-color: var(--wit);
    width: 100%;
}

.sis-header-container[b-abyt7szvo5] {
    height: inherit;
}

.sis-header[b-abyt7szvo5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: inherit;
    height: 45px;
    padding: 0 15px 0 12px;
}

.sis-header-right[b-abyt7szvo5] {
    height: 100%;
}

.user-settings[b-abyt7szvo5] {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    align-items: center;
}

    .user-settings:hover[b-abyt7szvo5] {
        cursor: pointer;
        fill: var(--paars);
        color: var(--paars);
        background-color: var(--lichtpaarsgrijs);
    }

.user-name[b-abyt7szvo5] {
    margin-left: 10px;
}

[b-abyt7szvo5] .sis-logo {
    margin-top: 8px;
    float: left;
}

    [b-abyt7szvo5] .sis-logo .icon {
        margin-right: 10px;
        fill: var(--status-rood);
    }

        [b-abyt7szvo5] .sis-logo .icon:hover {
            fill: var(--lichtpaars);
        }

[b-abyt7szvo5] .sis-header-navigation-element {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
}

.login-data[b-abyt7szvo5] {
    position: relative;
    float: right;
}

@media (max-width: 768px) {
    [b-abyt7szvo5] .sis-header-navigation-element:has(.header-navigation-hamburger) {
        display: none;
    }
}

    @media (min-width: 768px) {

        [b-abyt7szvo5] .sis-header-navigation-element {
            max-width: 85px;
        }            

        .user-name[b-abyt7szvo5] {
            font-size: 11px;
        }

        .sis-header[b-abyt7szvo5]  .icon-24 {
            width: 16px;
            height: 16px;
        }
    }

@media (min-width: 880px) {

    [b-abyt7szvo5] .sis-header-navigation-element {
        max-width: 120px;
    }

    .user-name[b-abyt7szvo5] {
        font-size: 12px;
    }

    .sis-header[b-abyt7szvo5]  .icon-24 {
        width: 18px;
        height: 18px;
    }
}

    @media (min-width: 1024px) {

        [b-abyt7szvo5] .sis-header-navigation-element {
            max-width: 200px;
        }

        .user-name[b-abyt7szvo5] {
            font-size: 13px;
        }

        .sis-header[b-abyt7szvo5]  .icon-24 {
            width: 20px;
            height: 20px;
        }
    }

    @media (min-width: 1280px) {

        [b-abyt7szvo5] .sis-header-navigation-element {
            max-width: inherit;
        }

        .user-name[b-abyt7szvo5] {
            font-size: 15px;
        }

        .sis-header[b-abyt7szvo5]  .icon-24 {
            width: 24px;
            height: 24px;
        }
    }
/* /Components/SISHeader/SISHeaderNavigationElement.razor.rz.scp.css */
.navigation-menu-left[b-u3nix580d6] {
    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-u3nix580d6]  .rz-menu {
        flex-direction: column;
    }

[b-u3nix580d6] .navigation-button button {
    color: var(--kashmirblauw);
    outline: unset;
    padding: 8px;
    border-left: 1px solid var(--kashmirblauw);
    border-radius: 0;
    background-color: var(--wit);
    vertical-align: middle;
}

    [b-u3nix580d6] .navigation-button button:hover {
        color: var(--paars);
        background-color: var(--lichtpaarsgrijs);
        outline-color: unset;
    }

[b-u3nix580d6] .sis-dropdownmenu {
    position: sticky;
    top: 62px;
    z-index: 400;
}

[b-u3nix580d6] .header-navigation-dropdown .sis-dropdownmenu .rz-menu {
    border-radius: 0;
}

[b-u3nix580d6] .sis-menuitem {
    border: none !important;
}

[b-u3nix580d6] .rz-navigation-item-link a {
    color: var(--zwart);
    text-decoration: none;
}

[b-u3nix580d6] .sis-dropdownmenu .rz-menu {
    background-color: var(--wit);
    border: none;
    color: var(--zwart);
    height: 45px;
}

    [b-u3nix580d6] .sis-dropdownmenu .rz-menu .rz-navigation-item:hover {
        background-color: var(--lichtpaarsgrijs);
        border-color: var(--lichtpaarsgrijs);
        color: var(--paars);
    }



[b-u3nix580d6] .rz-menu .sis-hoofditem, [b-u3nix580d6] .rz-menu .rz-navigation-item-link {
    color: inherit;
}

[b-u3nix580d6] .rz-navigation-item-text {
    max-width: unset;
    color: var(--zwart);
}

[b-u3nix580d6] .rz-navigation-item-icon-children {
    color: var(--zwart);
}

[b-u3nix580d6] .rz-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
    color: var(--paars);
}

[b-u3nix580d6] .rz-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link {
    color: var(--wit);
}

    [b-u3nix580d6] .rz-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link:hover {
        color: var(--paars);
    }

[b-u3nix580d6] .rz-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon-children {
    color: var(--paars);
}

[b-u3nix580d6] .rz-menu .rz-navigation-item-wrapper .rz-navigation-item-icon-children:hover {
    color: var(--paars);
}

[b-u3nix580d6] .rz-navigation-item-text:hover {
    color: var(--paars);
}

[b-u3nix580d6] .rz-navigation-item-icon-children {
    display: none;
}

[b-u3nix580d6] .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-u3nix580d6] {
    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-u3nix580d6] {
    display: none;
}

@media (max-width: 768px) {
    .navigation-menu-left[b-u3nix580d6] {
        display: none;
    }
}
/* /Components/SISImageUpload/SISImageUpload.razor.rz.scp.css */
.image-upload-container[b-xefesq1dkp] {
	margin-bottom: 10px;
}

.description-section[b-xefesq1dkp] {
	margin-top: 15px;
	margin-bottom: 30px;
}

.image-header[b-xefesq1dkp] {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 10px;
}

.image-label[b-xefesq1dkp] {
	font-weight: 600;
	font-size: 16px;
}

	.image-label label[b-xefesq1dkp] {
		margin: 0;
	}

.image-dimensions[b-xefesq1dkp] {
	font-size: 14px;
	color: #666;
	font-style: italic;
}

.existing-image-section[b-xefesq1dkp] {
	display: flex;
	gap: 20px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background-color: #fff;
}

.image-preview-container[b-xefesq1dkp] {
	flex-shrink: 0;
	max-width: 400px;
}

.image-preview[b-xefesq1dkp] {
	max-width: 100%;
	max-height: 300px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-details[b-xefesq1dkp] {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.file-metadata[b-xefesq1dkp] {
	display: flex;
	gap: 15px;
	font-size: 14px;
	color: #666;
}

.file-name[b-xefesq1dkp] {
	font-weight: 500;
}

.file-size[b-xefesq1dkp] {
	color: #999;
}

.image-actions[b-xefesq1dkp] {
	display: flex;
	gap: 10px;
	margin-top: auto;
	align-items: center;
}

.upload-area[b-xefesq1dkp] {
	width: 100%;
	background: var(--lichtpaarsgrijs, #f8f5fa);
	border-radius: 6px;
	border: 2px dashed var(--grijs, #ccc);
	padding: 20px;
	position: relative;
	min-height: 135px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

	.upload-area.disabled[b-xefesq1dkp] {
		background: #f5f5f5;
		border-color: #ddd;
		opacity: 0.7;
	}

.upload-content[b-xefesq1dkp] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	pointer-events: none;
}

.icon-container[b-xefesq1dkp] {
	padding: 10px;
	background: #FFFFFF;
	border-radius: 199px;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.text-container[b-xefesq1dkp] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 140%;
}

.upload-text-button[b-xefesq1dkp] {
	color: var(--paars, #8E44AD);
	border-bottom: 1px solid var(--paars, #8E44AD);
	margin: 0;
	font-weight: 500;
}

.upload-main-text[b-xefesq1dkp] {
	line-height: 19px;
	color: var(--kashmirblauw, #333);
	margin: 0;
}

.upload-side-text[b-xefesq1dkp] {
	font-size: 14px;
	color: var(--kashmirblauw, #666);
	margin-top: 5px;
}

.image-upload-container.compact .upload-area[b-xefesq1dkp] {
	min-height: 80px;
	padding: 10px;
}

.image-upload-container.compact .icon-container[b-xefesq1dkp] {
	display: none;
}

.image-upload-container.compact .upload-side-text[b-xefesq1dkp] {
	display: none;
}

.image-upload-container.compact .image-preview[b-xefesq1dkp] {
	max-height: 120px;
}

.image-upload-container.compact .existing-image-section[b-xefesq1dkp] {
	padding: 10px;
	gap: 10px;
}

.image-upload-container.compact .image-header[b-xefesq1dkp] {
	margin-bottom: 6px;
}

.image-upload-container.compact .image-label[b-xefesq1dkp] {
	font-size: 14px;
}

.progress-content[b-xefesq1dkp] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.progress-title[b-xefesq1dkp] {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 0;
}

.progress-percentage[b-xefesq1dkp] {
	font-size: 18px;
	font-weight: 600;
	color: #8E44AD;
	margin: 0;
}
/* /Components/SISInfoGuid/SISInfoGuid.razor.rz.scp.css */
.info-guid-button[b-wf0xafzi1z] {
    display: inline-block;
}

    .info-guid-button[b-wf0xafzi1z] >  button {
        outline: none;
        box-shadow: none;
        color: var(--donkerblauw);
    }

    .info-guid-button.hasvalue[b-wf0xafzi1z] >  button {
        color: var(--donkergroen);
    }

    .info-guid-button.hasnovalue[b-wf0xafzi1z] >  button {
        color: var(--rood);
    }

[b-wf0xafzi1z] .button-base {
    height: 0px;
}
/* /Components/SISInfoGuid/TooltipInfoPopup.razor.rz.scp.css */
.input-label-container[b-akwf9amy8t] {
    display: flex;
    align-items: center;
    gap: 10px; /* Adjust spacing */
    margin-bottom: 10px;
}

    .input-label-container label[b-akwf9amy8t] {
        min-width: 100px; /* Adjust label width */
        text-align: right;
    }

    .input-label-container .form-control[b-akwf9amy8t] {
        flex: 1; /* Allows the input to take up the remaining space */
    }

.container .row > .col-12:first-child .input-label-container[b-akwf9amy8t] {
    margin-top: 20px; /* Pas de waarde naar wens aan */
}
/* /Components/SISInitieleGoedkeuringInfo/SISInitieleGoedkeuringInfo.razor.rz.scp.css */
.initiele-goedkeuring-content[b-yyt7xzp1tu] {
    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-yyt7xzp1tu] {;
        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-yyt7xzp1tu] {
        color: var(--donkergroen);
    }

    .initiele-goedkeuring-content > .info-description[b-yyt7xzp1tu] {
        color: var(--svg-default-kleur);
        font-size: 14px;
    }

        .initiele-goedkeuring-content > .info-description > span[b-yyt7xzp1tu] {
            color: var(--kashmirblauw);
            font-size: 12px;
        }
/* /Components/SISInputTextWithStatus/SISInputTextWithStatus.razor.rz.scp.css */
.sis-inputtext-with-status-header[b-ovbq1c7evg] {
    margin-top: 15px;
}

.sis-inputtext-with-status-label[b-ovbq1c7evg] {
    font-weight: 700;
    font-size: 1.1em;
}
.sis-inputtext-with-status-status[b-ovbq1c7evg] {
    float: right;
}

.sis-inputtext-with-status-inputtext[b-ovbq1c7evg] {
    margin: 0 0 10px 0;
}

.item-completed[b-ovbq1c7evg] {
    color: var(--groen);
}

.item-notcompleted[b-ovbq1c7evg] {
    color: var(--rood);
}

.item-notapplicable[b-ovbq1c7evg]{
    text-decoration: line-through;
}

.SISContentSummaryItem-icon[b-ovbq1c7evg] {
    float: right;
    margin: 5px;
}

.sis-inputtext-with-status-textarea[b-ovbq1c7evg] {
    width: 100% !important;
    min-height: 150px;
    margin-top: 5px;
}
/* /Components/SISPageTitle/SISPageTitle.razor.rz.scp.css */
.page-title-root[b-y209psw3tm] {
    background: var(--lichtpaarsgrijs);
    padding: 10px 30px;
}

.page-content-root[b-y209psw3tm] {
    background: linear-gradient(180deg, var(--wit), var(--lichtpaarsgrijs));
    padding: 0 10px;
}

.sispagetitle-container[b-y209psw3tm] {
    padding-left: 0px;
    padding-right: 0px;
}

.page-title-div :focus-visible[b-y209psw3tm] {
    outline: none
}

.icon-and-title[b-y209psw3tm] {
    gap: 10px;
}

.title-button-content[b-y209psw3tm] {
    margin: -20px 0;
}

.filtercontent[b-y209psw3tm] {
    padding: 10px;
    border-radius: 0px 0.25rem 0.25rem 0.25rem;
}

.status-item[b-y209psw3tm] {
    padding: 0rem 0.5rem 0 0.5rem;
}
/* /Components/SISPageTitle/SISPageTitleBreadCrumb/SISPageTitleBreadCrumb.razor.rz.scp.css */
.sis-pagetitle-breadcrumb[b-7dx4ab4hxe] {
    margin-left: 34px;
}

.breadcrumb-text[b-7dx4ab4hxe] {
    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-3xsqhnynl5] {
    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-3xsqhnynl5] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: var(--svg-default-kleur);
    margin: 0;
}

.type-img[b-3xsqhnynl5] {
    width: 16px;
}

.text[b-3xsqhnynl5], .titel[b-3xsqhnynl5] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: #507091;
    padding: 2px 0px;
    margin: 0px;
}

.inactiefContainer[b-3xsqhnynl5] {
    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-3xsqhnynl5] {
    margin: 0;
    color: var(--validatie-tekst-kleur);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
}

.iconContainer[b-3xsqhnynl5] {
    color: var(--validatie-tekst-kleur);
    display: flex;
}

.status-box[b-3xsqhnynl5] {
    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-9slfra73nl] {
    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-fvrqt98gu6] {
    --corner-width: 8px;
}

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

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

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

    .withHighlight .radioButton-itemWrapper.highlightable[b-fvrqt98gu6]::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-fvrqt98gu6]::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-fvrqt98gu6] {
    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-fvrqt98gu6] {
    width: 100%;
}

.prijskosten-detail[b-fvrqt98gu6] {
    padding-left: 15px;
}

.prijskosten-detail-whiterow[b-fvrqt98gu6] {
    min-height: 3px;
    background-color: white;
}

[b-fvrqt98gu6] .th-left {
    padding-left: 25px;
    padding-bottom: 15px;
}

[b-fvrqt98gu6] .th-right {
    padding-right: 60pt;
    padding-bottom: 15px;
}

[b-fvrqt98gu6] .th-left-1 {
    padding-left: 5px;
    padding-bottom: 5px;
}

[b-fvrqt98gu6] .th-right-1 {
    padding-right: 40pt;
    padding-bottom: 5px;
}

[b-fvrqt98gu6] .td-prijs {
    width: 15%;
    text-align: left;
}

[b-fvrqt98gu6] .td-btw {
    width: 45%;
    text-align: right;
}

[b-fvrqt98gu6] .td-totaal {
    width: 30%;
    text-align: right;
}

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

[b-fvrqt98gu6] .td-50 {
    width: 50%;
}

[b-fvrqt98gu6] thead tr {
    font-weight: 700;
}

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

.table-head-body[b-fvrqt98gu6]{
    text-align: left;
}

.td-70[b-fvrqt98gu6]{
    width: 70%;
}
/* /Components/SISPrijskost/SISPrijskostRow.razor.rz.scp.css */
.radioButtons[b-bokk2ejsg9] {
    display: flex;
}

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

.radioButton-itemWrapper[b-bokk2ejsg9] {
    display: flex;
}

.td-links[b-bokk2ejsg9] {
    text-align: left;
    padding-right: 10px;
}

.td-rechts[b-bokk2ejsg9] {
    text-align: right;
    padding-right: 10px;
}

.td-20[b-bokk2ejsg9] {
    width: 20%;
}

.td-10[b-bokk2ejsg9] {
    width: 10%;
}

.td-50[b-bokk2ejsg9] {
    width: 50%;
    padding-right: 10px;
}

.td-5[b-bokk2ejsg9] {
    width: 5%;
}

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

[b-bokk2ejsg9] .infoveld {
    align-items: flex-start;
    display: flex;
    font-size: 12px;
    gap: 10px;
    padding: 7px 7px;
    color: var(--kashmirblauw);
}
[b-bokk2ejsg9] .infoveld .button-link .button-inner{
    padding-top: unset;
}

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

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

[b-bokk2ejsg9] .infoveld-icon .icon-24 {
    width: 16px;
    height: 16px;
}
/* /Components/SISProductNew/SISProductNew.razor.rz.scp.css */
.filterContainer[b-grbod3m8kg] {
    background: var(--lichtpaarsgrijs);
}
.buttonContainer[b-grbod3m8kg] {
    display: flex;
    gap: 20px;
}

.buttonWrapper[b-grbod3m8kg] {
    padding: 20px 0px 0px 20px;
}

.buttonActive[b-grbod3m8kg] {
    background: var(--lichtpaarsgrijs);
}
/* /Components/SISProductPortfolioNew/SISProductPortfolioNew.razor.rz.scp.css */
.wrapper[b-awq6z4sjb3] {
    --corner-width: 8px;
}

.keuzeButton-itemWrapper[b-awq6z4sjb3] {
    display: flex;
}

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

    .withHighlight .keuzeButton-itemWrapper.highlightable[b-awq6z4sjb3]::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-awq6z4sjb3]::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-awq6z4sjb3] {
    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-awq6z4sjb3] {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    padding-bottom: 10px;
}

.productPortfolioTitelContainer[b-awq6z4sjb3]{
    margin-bottom: 44px;
}

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

.container-warning-uniek[b-awq6z4sjb3] {
    padding: 25px;
    background-color: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    display: flex;
}
    .container-warning-uniek > img[b-awq6z4sjb3] {
        height: 24px;
        padding-right: 10px;
    }
/* /Components/SISProspectLabel/SISProspectLabel.razor.rz.scp.css */
.persona-container[b-f5ly2rhay3] {
    display: flex;
    align-items: center;
}

.persona-icon[b-f5ly2rhay3] {
    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-f5ly2rhay3] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}
/* /Components/SISSearchField/SISSearchField.razor.rz.scp.css */
.zoek-weergave[b-o3cu4vpo85] {
    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-o3cu4vpo85] >  .button-root .grid-button {
        background-color: var(--wit);
        margin-left: 8px;
        min-width: 0;
        padding: 0;
    }

    .zoek-weergave[b-o3cu4vpo85] >  .button-root > button > .button-icon-left > .icon {
        color: var(--paars);
    }

.zoek-weergave-compact[b-o3cu4vpo85] {
    align-items: center;
    background-color: var(--wit);
    border: 1px solid var(--grijs);
    border-radius: 0.25rem;
    display: flex;
}

[b-o3cu4vpo85] .sis-inputtext {
    flex-grow: 1;
    outline: none;
}

[b-o3cu4vpo85] .zoek-weergave-inputtext {
    border: none;
}

.search-bar[b-o3cu4vpo85] {
    width: calc(100% - 100px);
    display: inline-block;
}

.search-bar-buttons[b-o3cu4vpo85] {
    width: 100px;
    display: inline-block;
    text-align: center;
}

.search-bar-dropdown[b-o3cu4vpo85] {
    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-t9iqgfmsx7] {
    padding-top: 5px;
}

.simple-data-grid-content[b-t9iqgfmsx7] {
    margin: 0px 20px;
}

.simple-data-grid-table[b-t9iqgfmsx7] {
    width: 100%;
    padding: 20px;
}

.simple-data-grid-row[b-t9iqgfmsx7] {
    border-bottom: 1px solid var(--grijs);
}

    .simple-data-grid-row.selected[b-t9iqgfmsx7] {
        background-color: var(--witgroen);
    }

.simple-data-grid-row-header[b-t9iqgfmsx7] {
    background-image: linear-gradient(#ffffff, #f6f8fe);
    font-weight: 600;
    font-size: 14px;
}

[b-t9iqgfmsx7] .simple-data-grid-row-header > td {
    padding: 5px 10px 5px 10px;
}

[b-t9iqgfmsx7] .simple-data-grid-row > td {
    padding: 5px 10px 5px 10px;
}

[b-t9iqgfmsx7] .simple-data-grid-newrow > td {
    padding: 5px 10px 5px 10px;
}

[b-t9iqgfmsx7] input.control-with-focus {
    height: 36px;
}
/* /Components/SISSimpleDataGrid/SISSimpleDataGridPopup.razor.rz.scp.css */
.sis-simple-datagrid-popup-root[b-1wrf18eul1] {
}

.sis-simple-datagrid-popup-header[b-1wrf18eul1] {
    width: 100%;
    padding: 4rem 2rem 1rem 2rem;
    font-size: 32px;
    background-color: var(--paarsgrijs);
}

.sis-simple-datagrid-popup-body[b-1wrf18eul1] {
    padding: 3rem 2rem 2rem 2rem;
}

    .sis-simple-datagrid-popup-body span[b-1wrf18eul1] {
        font-size: 16px;
    }

.sis-simple-datagrid-popup-buttons[b-1wrf18eul1] {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
}
/* /Components/SISSpinner/SISSpinner.razor.rz.scp.css */
.spinnerContainer[b-6blf2my8mj] {
    display: flex;
    justify-content: center;
}

[b-6blf2my8mj] .rz-progressbar-circular-background {
    stroke: transparent;
}

[b-6blf2my8mj] .rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-circular-value {
    stroke: var(--paars);
}
/* /Components/SISStatus/SISStatusAanpassenPopup.razor.rz.scp.css */
.popup-body[b-3fos49jvk9] {
    padding: 20px 40px;
}
/* /Components/SISStatus/SISStatusItem.razor.rz.scp.css */
.status-item[b-42m1l1g53f] {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: 1fr;
    margin: auto 1rem;
    line-height:19px;
}

    .status-item.first[b-42m1l1g53f]{
        margin-left: 0;
    }

    .status-item.last[b-42m1l1g53f] {
        margin-right: 0;
    }

.status-icon[b-42m1l1g53f] {
    grid-row: 1 / 4;
    grid-column: 1/2;
    margin-right: 0.25rem;
}

    .status-icon > svg[b-42m1l1g53f] {
        display: inline-block;
        width: 20px;
        height: 20px;
        position: relative;
        top: calc(50% - 11px);
    }

.status-description[b-42m1l1g53f] {
    grid-column: 2/2;
    font-weight: 700;
}

.status-description > span[b-42m1l1g53f]{
    cursor: pointer;
}

.status-gebruiker[b-42m1l1g53f] {
    grid-column: 2/2;
    color: var(--svg-default-kleur);
    font-size: 14px;
}

.status-date[b-42m1l1g53f] {
    font-size: 14px;
    grid-column: 2/2;
}

.status-date[b-42m1l1g53f], .status-type[b-42m1l1g53f] {
    color: var(--kashmirblauw);
}

.status-item-Blauw[b-42m1l1g53f] {
    color: var(--donkerblauw);
    border-color: var(--donkerblauw);
}

.status-item-Grijs[b-42m1l1g53f] {
    color: var(--kashmirblauw);
    border-color: var(--kashmirblauw);
}

.status-item-Groen[b-42m1l1g53f] {
    color: var(--donkergroen);
    border-color: var(--donkergroen);
}

.status-item-Oranje[b-42m1l1g53f] {
    color: var(--oranje);
    border-color: var(--oranje);
}

.status-item-Paars[b-42m1l1g53f] {
    color: var(--donkerpaars);
    border-color: var(--donkerpaars);
}

.status-item-Rood[b-42m1l1g53f] {
    color: var(--rood);
    border-color: var(--rood);
}

.status-item-Wit[b-42m1l1g53f] {
    color: var(--zwart);
    border-color: var(--zwart);
}

.status-item-Zwart[b-42m1l1g53f] {
    color: var(--wit);
    border-color: var(--wit);
}
/* /Components/SISStatus/SISStatusItemHorizontal.razor.rz.scp.css */
.status-item[b-fz790fwty6] {
    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-fz790fwty6] {
        background-color: unset;
        opacity: unset;
        grid-column: 2/4;
        border-top: 1px dotted var(--grijs);
    }

    .status-item.last > .status-icon-connector[b-fz790fwty6] {
        border: none;
    }

    .status-item.last > hr[b-fz790fwty6] {
        border: none;
    }

.status-icon[b-fz790fwty6] {
    grid-row: 1/3;
    grid-column: 1/2;
    text-align: center;
}

    .status-icon > svg[b-fz790fwty6] {
        display: inline-block;
        width: 20px;
        height: 20px;
        position: relative;
        top: calc(50% - 11px);
    }

.status-icon-connector[b-fz790fwty6]{
    grid-column:1/2;
    border-left: 1px solid var(--grijs);
    margin: -8px 0 -8px 50%;
    line-height: 48px;
}

.status-description[b-fz790fwty6] {
    grid-column: 2/2;
    font-weight: 700;
}

.status-gebruiker[b-fz790fwty6] {
    grid-row: 1/3;
    grid-column: 3/3;
    color: var(--svg-default-kleur);
    font-size: 14px;
    line-height: 32px;
}

.status-gebruiker > .afkorting[b-fz790fwty6] {
    text-align: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: white;
    display:inline-block;
    margin-right:10px;
}

.status-date[b-fz790fwty6] {
    font-size: 14px;
    grid-column: 2/2;
}

.status-date[b-fz790fwty6], .status-type[b-fz790fwty6] {
    color: var(--kashmirblauw);
}

.status-item-Blauw[b-fz790fwty6] {
    color: var(--donkerblauw);
    border-color: var(--donkerblauw);
}

.status-item-Grijs[b-fz790fwty6] {
    color: var(--kashmirblauw);
    border-color: var(--kashmirblauw);
}

.status-item-Groen[b-fz790fwty6] {
    color: var(--donkergroen);
    border-color: var(--donkergroen);
}

.status-item-Oranje[b-fz790fwty6] {
    color: var(--oranje);
    border-color: var(--oranje);
}

.status-item-Paars[b-fz790fwty6] {
    color: var(--donkerpaars);
    border-color: var(--donkerpaars);
}

.status-item-Rood[b-fz790fwty6] {
    color: var(--rood);
    border-color: var(--rood);
}

.status-item-Wit[b-fz790fwty6] {
    color: var(--zwart);
    border-color: var(--zwart);
}

.status-item-Zwart[b-fz790fwty6] {
    color: var(--wit);
    border-color: var(--wit);
}
/* /Components/SISStatus/SISStatusLabel/SISStatusLabel.razor.rz.scp.css */
.statusLabel[b-ixiz1ix4iy] {
    align-items: center;
    background-color: var(--lichtpaarsgrijs);
    border: 1px solid rgba(223, 227, 231, 0.5);
    border-radius: 6px;
    color: var(--kashmirblauw);
    display: inline-flex;
    gap: 4px;
    padding: 2px 4px;
}

    .statusLabel.statusLabel--succes[b-ixiz1ix4iy] {
        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-ixiz1ix4iy].statusLabel em {
        font-style: normal;
        font-weight: 600;
        text-decoration: underline;
    }
/* /Components/SISStatus/SISStatusSelector/SISStatusRow.razor.rz.scp.css */
.sis-status-row-label[b-sr9b4gjtmz] {
    font-weight: 900;
    font-size: 1.1em;
}

.sis-status-row-selector[b-sr9b4gjtmz] {
    float: right;
}
/* /Components/SISStatus/SISStatusSelector/SISStatusSelector.razor.rz.scp.css */



[b-f6t3urtq75] .sis-inputtext-with-status {
    float: right;
}

.item-completed[b-f6t3urtq75] {
    color: var(--groen);
}

.item-notcompleted[b-f6t3urtq75] {
    color: var(--rood);
}

.SISContentSummaryItem-icon[b-f6t3urtq75] {
    float: right;
    margin: 5px;
}

/* /Components/SISStatus/SISStatusTimeline.razor.rz.scp.css */
.status-wrapper[b-r2mkcqxixv] {
    display: flex;
    margin-top: -15px;
}

    .status-wrapper .status-connector.last.first[b-r2mkcqxixv] {
        margin-left: 20px;
    }

.status-container > hr[b-r2mkcqxixv] {
    margin: 10px 0 0;
    background-color: var(--grijs);
    opacity: unset;
}

.status-type[b-r2mkcqxixv] {
    font-size: 18px;
    color: var(--kashmirblauw);
}

.status-connector[b-r2mkcqxixv] {
    min-width: 75px;
    border-bottom: 1px solid var(--grijs);
    margin: auto 0;
}

.status-connector-dot.intermediate[b-r2mkcqxixv] {
   cursor: pointer;
}

.unblocking-info[b-r2mkcqxixv]{
    font-size: 14px;
}

.status-connector.last[b-r2mkcqxixv] {
    flex-grow: 1
}

    .status-connector.small[b-r2mkcqxixv] {
        min-width: 25px;
    }

.status-connector-dot[b-r2mkcqxixv] {
    height: 0.5rem;
    min-width: 0.5rem;
    background-color: var(--blauw);
    border-radius: 50%;
    margin: auto;
}

[b-r2mkcqxixv] .icon-button {
    color: var(--svg-default-kleur);
    outline: none !important;
}
/* /Components/SISStatus/SISStatusTimelineDialogCard.razor.rz.scp.css */
.status-historiek-header[b-kai13hkdyt] {
    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-kai13hkdyt] {
        font-size: 35px;
    }

    .status-historiek-header > .sluiten[b-kai13hkdyt] {
        cursor: pointer;
        float: right;
    }

        .status-historiek-header > .sluiten > span[b-kai13hkdyt] {
            text-transform: uppercase;
            font-size: 14px;
            vertical-align: middle;
        }



.status-item-wrapper[b-kai13hkdyt] {
    padding: 10px;
    border: 5px solid var(--lichtpaarsgrijs);
}
/* /Components/SISSubProductNew/SISSubProductNew.razor.rz.scp.css */
.filterContainer[b-61j2k4uvih]{
    background: var(--lichtpaarsgrijs);
}
.buttonContainer[b-61j2k4uvih]{
    display: flex;
    gap: 20px;
}

.buttonWrapper[b-61j2k4uvih]{
    padding: 20px 0px 0px 20px;
}

.buttonActive[b-61j2k4uvih] {
    background: var(--lichtpaarsgrijs);
}
/* /Components/SISTab/SISTab.razor.rz.scp.css */
.tabblad[b-vosiq3o2ln] {
    background-color: var(--lichtpaarsgrijs);
    position: sticky;
    top: 85px;
    z-index: 600;
}
/* /Components/SISUpload/SISUpload.razor.rz.scp.css */
.container[b-pp2ls6ca9f] {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.headerTextContainer[b-pp2ls6ca9f] {
    font-weight: bold;
    font-size: 20px;
    color: var(--svg-default-kleur);
    margin: 0;
}

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

.textContainer[b-pp2ls6ca9f] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 140%;
}

.uploadWrapper[b-pp2ls6ca9f] {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0px 20px;
    gap: 5px;
}

.uploadContainer[b-pp2ls6ca9f] {
    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-pp2ls6ca9f] {
    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-pp2ls6ca9f] {
    padding: 10px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 199px;
    display: flex;
    justify-content: center;
}

.uploadMainText[b-pp2ls6ca9f] {
    line-height: 19px;
    color: var(--kashmirblauw);
}

.uploadSideText[b-pp2ls6ca9f] {
    font-size: 14px;
    color: var(--kashmirblauw);
}

.uploadTextButton[b-pp2ls6ca9f] {
    color: var(--paars);
    border-bottom: 1px solid var(--paars);
    margin: 0;
    cursor: pointer;
}

.buttonContainer[b-pp2ls6ca9f] {
    display: flex;
    gap: 20px;
    width: 100%;
}

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

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

/* /Components/SISUpload/SISUploadExist/SISUploadExist.razor.rz.scp.css */
.bodyContainer[b-2khuypg2cw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
}
.jaNeeContainer[b-2khuypg2cw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 0px;
}

.text[b-2khuypg2cw] {
    font-weight: 700;
    color: var(--svg-default-kleur);
    margin: 0;
}

.inputContainer[b-2khuypg2cw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.errorText[b-2khuypg2cw]{
    color: var(--rood)
}
/* /Components/SISUpload/SISUploadLink/SISUploadLinkPopup.razor.rz.scp.css */
.linkContainer[b-qr317n7ewc] {
    margin: 40px;
}
/* /Components/SISUpload/SISUploadStatusItem/SISUploadStatusItem.razor.rz.scp.css */
p[b-pidmcsmsqo]{
    margin: 0;
}

.statusWrapper[b-pidmcsmsqo] {
    padding: 10px 20px 10px 10px;
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grijs);
    border-width: 1px;
}

.statusContainer[b-pidmcsmsqo] {
    display: flex;
}

.statusInfoContainer[b-pidmcsmsqo] {

}

.fileInfoContainer[b-pidmcsmsqo] {
    display: flex;
}

.fileTextContainer[b-pidmcsmsqo] {
    width: 100%;
    padding: 0 30px 0 10px;
}

.fileName[b-pidmcsmsqo] {
    font-weight: bold;
    color: var(--svg-default-kleur);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.fileSize[b-pidmcsmsqo] {
    color: var(--kashmirblauw);
}

.progressbarContainer[b-pidmcsmsqo] {
    display: flex;
    gap: 20px;
    height: 15px;
}

.progressbar[b-pidmcsmsqo] {
    width: 100%;
    display: flex;
    align-items: center;
}

.progressbarStatus[b-pidmcsmsqo] {
    font-size: 14px;
}

.fileActionsContainer[b-pidmcsmsqo] {
    display: flex;
    align-items: flex-start;
    gap: 5%;
}

.line[b-pidmcsmsqo] {
    background-color: var(--grijs);
    width: 1px;
    height: 100%;
}

.dropDownContainer[b-pidmcsmsqo] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.dropDownText[b-pidmcsmsqo] {
    font-weight: 700;
    line-height: 140%;
    color: var(--svg-default-kleur);
}

.titel[b-pidmcsmsqo]{
    font-weight: bold;
}

.iconContainer[b-pidmcsmsqo]{
    display: flex;
    gap: 5px;
    height: 100%;
    align-items: center;
}
/* /Components/SISUserSettings/SISUserSettingsPopup.razor.rz.scp.css */
.settings[b-lgfmb9r78a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.setting[b-lgfmb9r78a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    gap: 1rem;
}

.setting > div:first-child[b-lgfmb9r78a] {
    flex: 1;
}

.setting > div:last-child[b-lgfmb9r78a] {
    flex-shrink: 0;
}

.extra-info[b-lgfmb9r78a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
    font-size: 0.75rem;
    opacity: 0.7;
}

.extra-info-item[b-lgfmb9r78a] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 0.25rem 0;
}

.extra-info-item > div:first-child[b-lgfmb9r78a] {
    font-weight: 600;
    min-width: 80px;
}

.extra-info-item > div:last-child[b-lgfmb9r78a] {
    color: #666;
}
/* /Components/SubProduct/Popups/AttestenToekennenPopup.razor.rz.scp.css */
.attesten-details[b-nk3cvpenhd] {
    padding: 1rem 2rem 1rem 2rem;
}

.container[b-nk3cvpenhd]{
    display: flex;
    gap: 20px;
}
/* /Components/SubProduct/Popups/ErkenningsNummerPopup.razor.rz.scp.css */
.erkenning-details[b-seexyphg89] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-seexyphg89] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-seexyphg89] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-seexyphg89] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-seexyphg89] .testclass {
    width: 235px;
}

[b-seexyphg89] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-seexyphg89] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-seexyphg89] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-seexyphg89] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-seexyphg89] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-seexyphg89] .rz-accordion-content {
    padding: 10px;
}

[b-seexyphg89] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-seexyphg89] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-seexyphg89] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-seexyphg89] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-seexyphg89] {
    color: var(--kashmirblauw);
    font-style: italic;
    margin-left: auto;
}

.label[b-seexyphg89] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-seexyphg89] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-seexyphg89] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Components/SubProduct/SubProductCollapsableContainer.razor.rz.scp.css */
.collapsable-container-header[b-pwca8cd7eh] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 1rem 0;
}

.collapsable-container-title[b-pwca8cd7eh] {
    display: flex;
    gap: 10px;
}

.collapsable-container-title > a[b-pwca8cd7eh] {
    display: flex;
    gap: 10px;
}

.collapsable-container-icon[b-pwca8cd7eh] {
    display: flex;
}

.collapsable-container-label[b-pwca8cd7eh] {
    font-size: 16px;
    font-weight: 600;
}

.collapsable-container-collapsebutton[b-pwca8cd7eh] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

    .collapsable-container-collapsebutton[b-pwca8cd7eh] >  button {
        padding: 2px;
    }

    .collapsable-container-collapsebutton[b-pwca8cd7eh] >  .button-base {
        height: 24px;
    }

.collapsable-container-content[b-pwca8cd7eh] {
    margin: 1rem 0 0 0;
}

.collapsable-container-bottomline[b-pwca8cd7eh] {
    height: 2px;
    background-color: var(--grijs);
    margin: 0 0 1rem 0;
}
/* /Components/SubProduct/SubProductErkenningen.razor.rz.scp.css */
.subproduct-erkenningen[b-96kad5uhgm] {
    margin-bottom: 30px;
}

.textContainer[b-96kad5uhgm] {
    display: flex;
    gap: 10px;
}

p[b-96kad5uhgm] {
    margin: 0;
}

.text[b-96kad5uhgm] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 280px;
}

.attestTest[b-96kad5uhgm] {
    max-width: 400px;
}

.title[b-96kad5uhgm] {
    font-weight: bold;
}

[b-96kad5uhgm] .titel-blok {
    display: flex;
    align-items: baseline;
}

[b-96kad5uhgm] .datagrid-root, [b-96kad5uhgm] button {
    margin-left: 20px;
}

[b-96kad5uhgm] .syn-fullrow {
    margin-bottom: 15px;
}

[b-96kad5uhgm] .rz-data-grid {
    overflow-x: auto;
}

[b-96kad5uhgm] .rz-data-grid-data {
    min-width: 850px;
}

/* /Components/SubProduct/SubProductVakken.razor.rz.scp.css */
.buttonContainer[b-8e8gswyh1k] {
    display: flex;
    flex-direction: row-reverse;
}

[class$="-omschrijving"][b-8e8gswyh1k] {
    font-weight: bold;
    float: left;
}

.productlid-omschrijving[b-8e8gswyh1k] {
    padding-left: 25px;
}

[class$="-aantal"][b-8e8gswyh1k], [class$="-punten"][b-8e8gswyh1k] {
    float: right;
    font-weight: bold;
    font-size: 0.9rem;
    text-align: right;
    padding-right: 50px;
    margin-top: 5px;
}

[b-8e8gswyh1k] .product-form {
    display: inline-flex;
}

[b-8e8gswyh1k] .panel-extra-info {
    text-align: right;
    padding-right: 50px;
}

.productlid-tooltip[b-8e8gswyh1k] {
    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-8e8gswyh1k] {
    padding-left: 20px;
}

[b-8e8gswyh1k] .panel-body .sis-fullrow {
    padding: 5px 0;
}

/* Tooltip productlid*/
.tooltip-content[b-8e8gswyh1k] {
    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-8e8gswyh1k] {
    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-8e8gswyh1k] {
    grid-column: 2/2;
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.tooltip-hoedanigheid[b-8e8gswyh1k] {
    grid-column: 2/2;
    color: var(--kashmirblauw);
}

[b-8e8gswyh1k] .titel-blok {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-8e8gswyh1k] .titel-blok-content {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

    [b-8e8gswyh1k] .titel-blok-content .buttonContainer {
        margin-left: 10px;
    }

.docentenlijst-container[b-8e8gswyh1k] {
}

[b-8e8gswyh1k] .vakDetail {
    padding: 10px 10px 10px 0;
}

[b-8e8gswyh1k] .vakDetail .container {
    padding: 10px 10px 20px 0px;
}


[b-8e8gswyh1k] .subVakDetail:has(.datagrid-root) {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    margin-left: 40px;
    width: 95%;
}

[b-8e8gswyh1k] .subVakDetail .datagrid-root {
    padding: 15px 0;
}

[b-8e8gswyh1k] .vak-met-pointers {
    padding-top: 0;
}

.editEvaluatieContainer[b-8e8gswyh1k]{
    margin-bottom: 10px;
}

@media (max-width : 1400px) {
    [b-8e8gswyh1k] .titel-blok-content {      
        flex-direction: column;      
    }

    [b-8e8gswyh1k] .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-3izzdnvz7t] {
    height: 100%;
    background-color: var(--lichtpaarsgrijs);
    width: 100%
}
.docentenlijst-container[b-3izzdnvz7t] {
    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-3izzdnvz7t] {
    background-color: white;
}

/* /Components/SubProduct/Vakken/ProductDocentenLijstItem.razor.rz.scp.css */
.docent-container[b-osmo7ye55r] {
    display: inline-block;
    margin: 3px 0px 0px 3px;
    background-color: white;
    width: 98%;
}

.docent-header-container[b-osmo7ye55r] {
    display: flex;
    margin: 5px;
}

.docent-naam-hoedanigheid-container[b-osmo7ye55r] {
    display: inline-flex;
    width: 80%;
}

.docent-icon[b-osmo7ye55r] {
    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-osmo7ye55r] {
}

.docent-naam[b-osmo7ye55r] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}

.docent-hoedanigheid-container[b-osmo7ye55r] {
    margin-left: 5px;
    display: inline-flex;
    color: var(--kashmirblauw);
}

.doccent-button-container[b-osmo7ye55r] {
    text-align: right;
    width: 25%;
}

.docent-item-container[b-osmo7ye55r] {
    display: flex;
    flex-direction: column;
    margin: 6px 6px 6px 6px;
    padding: 4px 4px 4px 4px;
    background: var(--lichtpaarsgrijs);
    /*width: 80%;*/
}

.docent-item-left[b-osmo7ye55r] {
    /*width: 50%;*/
    padding-left: 3px;
}

.docent-item-right[b-osmo7ye55r] {    
    padding: 3px 0px 0px 3px;
    font-weight: 600;
}
/* /Components/SubProduct/Vakken/SubProductEvaluatiePopup.razor.rz.scp.css */
.container[b-0o1p2uxeu4] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-0o1p2uxeu4] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

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

.boldText[b-0o1p2uxeu4] {
    font-weight: bold;
}

.infoContainer[b-0o1p2uxeu4] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-0o1p2uxeu4] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-0o1p2uxeu4] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-0o1p2uxeu4] {
    padding: 20px 0px 0px 10px;
}

[b-0o1p2uxeu4] .radioButton-item {
    padding-left: 0;
}

[b-0o1p2uxeu4] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-0o1p2uxeu4] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-0o1p2uxeu4] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-0o1p2uxeu4] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-0o1p2uxeu4] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-0o1p2uxeu4] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-0o1p2uxeu4] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-0o1p2uxeu4] .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-0o1p2uxeu4] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-0o1p2uxeu4] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-0o1p2uxeu4] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-0o1p2uxeu4] .detail-blok {
    margin-left: 90px;
}

    [b-0o1p2uxeu4] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-0o1p2uxeu4] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-0o1p2uxeu4] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-0o1p2uxeu4] {
    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-0o1p2uxeu4] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-0o1p2uxeu4]::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-0o1p2uxeu4] {
    position: sticky;
    bottom: 0;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}

    .wrapper[b-0o1p2uxeu4]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }

@media (max-width : 1230px) {
    [b-0o1p2uxeu4] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-0o1p2uxeu4] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/SubProduct/Vakken/SubProductVakkenEvaluatieDetails.razor.rz.scp.css */
.container[b-so11862z1u] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-so11862z1u] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

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

.boldText[b-so11862z1u] {
    font-weight: bold;
}

.infoContainer[b-so11862z1u] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-so11862z1u] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}
[b-so11862z1u] .d-flex {
    width: 100%;
    margin: 2px;
}

    [b-so11862z1u] .d-flex > .infoItem {
        width: 100%;
    }

.docent-naam-container[b-so11862z1u] {
}

.docent-naam[b-so11862z1u] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}

.docent-icon[b-so11862z1u] {
    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-so11862z1u] .radioButton-item {
    padding-left: 0;
}

[b-so11862z1u] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-so11862z1u] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-so11862z1u] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-so11862z1u] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-so11862z1u] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-so11862z1u] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

        [b-so11862z1u] .header-blok .titel-blok-content .urenChipContainer {
            text-align: end;
        }

[b-so11862z1u] .detail-blok {
    margin-left: 90px;
}

    [b-so11862z1u] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-so11862z1u] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

@media (max-width : 1230px) {
    [b-so11862z1u] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-so11862z1u] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/SubProduct/Vakken/SubProductVakkenVakDetails.razor.rz.scp.css */
.container[b-7jbf51z3g4] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items:start;
    overflow: hidden;
}

.frame[b-7jbf51z3g4] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px;
}

p[b-7jbf51z3g4] {
    margin: 0;
}

.boldText[b-7jbf51z3g4]{
    font-weight: bold;
}

.infoContainer[b-7jbf51z3g4] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-7jbf51z3g4] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
    width: 100%;
}
[b-7jbf51z3g4] .d-flex {
    width: 100%;
    margin: 2px;
}

[b-7jbf51z3g4] .d-flex > .infoItem {
    width: 100%;
}

.docent-naam-container[b-7jbf51z3g4] {
}

.docent-naam[b-7jbf51z3g4] {
    font-weight: 600;
    margin-left: 10px;
    display: inline-flex;
}

.docent-icon[b-7jbf51z3g4] {
    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-7jbf51z3g4] .radioButton-item {
    padding-left: 0;
}

[b-7jbf51z3g4] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-7jbf51z3g4] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

[b-7jbf51z3g4] .header-blok > h5 {
    padding-left: 15px;
}

[b-7jbf51z3g4] .header-blok .titel-blok-content {
    width: 100%;
    display: flex;
    padding: 10px 0 0 20px;
}

    [b-7jbf51z3g4] .header-blok .titel-blok-content .icon {
        margin-right: 25px;
        padding: 8px;
        background-color: var(--status-blauw);
        border-radius: 5px;
        fill: var(--wit);
    }

    [b-7jbf51z3g4] .header-blok .titel-blok-content .header-input {
        margin-top: 0;
        width: 75%;
    }

    [b-7jbf51z3g4] .header-blok .titel-blok-content .urenChipContainer {
        text-align: end;
    }

[b-7jbf51z3g4] .detail-blok {
    margin-left: 90px;
}

[b-7jbf51z3g4] .detail-blok .titel-blok-content {
    display: flex;   
    padding: 0;
}

[b-7jbf51z3g4] .detail-blok .titel-blok-content .row {
    margin-right: 8px;
}

@media (max-width : 1230px) {
    [b-7jbf51z3g4] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-7jbf51z3g4] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/SubProduct/Vakken/SubProductVakPopup.razor.rz.scp.css */
.container[b-53ibljy2nk] {
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: start;
    overflow: hidden;
}

.frame[b-53ibljy2nk] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 5px;
    width: 95%;
    margin: 15px 25px;
    padding: 5px 5px 15px 5px;
}

p[b-53ibljy2nk] {
    margin: 0;
}

.boldText[b-53ibljy2nk] {
    font-weight: bold;
}

.infoContainer[b-53ibljy2nk] {
    display: flex;
    flex-direction: column;
}

.infoItem[b-53ibljy2nk] {
    border: 1px solid var(--donkerpaarsgrijs);
    border-radius: 6px;
    padding: 6px;
}

.urenChipContainer[b-53ibljy2nk] {
    padding: 25px 0px 0px 10px;
}

.deleteSubvakContainer[b-53ibljy2nk] {
    padding: 20px 0px 0px 10px;
}

[b-53ibljy2nk] .radioButton-item {
    padding-left: 0;
}

[b-53ibljy2nk] .SynLineBreak {
    width: 96%;
    margin-left: 13px;
}

[b-53ibljy2nk] .header-blok {
    background-color: var(--lichtpaarsgrijs);
    padding-top: 15px;
    margin-bottom: 20px;
}

    [b-53ibljy2nk] .header-blok > h5 {
        padding-left: 15px;
    }

    [b-53ibljy2nk] .header-blok .titel-blok-content {
        width: 100%;
        display: flex;
        padding: 10px 0 0 20px;
    }

        [b-53ibljy2nk] .header-blok .titel-blok-content .icon {
            margin-right: 25px;
            padding: 8px;
            background-color: var(--status-blauw);
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-53ibljy2nk] .header-blok .titel-blok-content .urenChipContainer .icon {
            margin-right: 0px;
            padding: 0px;
            background-color: inherit;
            border-radius: 5px;
            fill: var(--wit);
        }

        [b-53ibljy2nk] .header-blok .titel-blok-content .header-input {
            margin-top: 0;
            width: 75%;
        }

    [b-53ibljy2nk] .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-53ibljy2nk] .header-blok.subVak .titel-blok-content .deleteSubvakContainer .icon {
        margin-right: 0px;
        padding: 0px;
        background-color: inherit;
        border: none;
        color: var(--paars);
    }

    [b-53ibljy2nk] .header-blok .header-blok-text > .infoItem {
        margin-left: 10px;
        background-color: var(--wit);
        width: 75%;
    }

    [b-53ibljy2nk] .header-blok .header-blok-text > span {
        margin-left: 10px;
        font-weight: 900;
    }

[b-53ibljy2nk] .detail-blok {
    margin-left: 90px;
}

    [b-53ibljy2nk] .detail-blok .titel-blok-content {
        display: flex;
        padding: 0;
    }

        [b-53ibljy2nk] .detail-blok .titel-blok-content .row {
            margin-right: 8px;
        }

.line-from-source[b-53ibljy2nk] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 30px;
}

.line-and-pointer[b-53ibljy2nk] {
    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-53ibljy2nk] {
    border-left: 3px solid var(--status-blauw);
    height: 100%;
    width: 80px;
    display: block;
    margin-left: 50px;
}

.inputContainer.subVakken[b-53ibljy2nk]::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-53ibljy2nk] {
    position: sticky;
    bottom: 0;
    display: inherit;
    z-index: 20;
    background-color: var(--grijs);
    padding: 0 10px;
}
    .wrapper[b-53ibljy2nk]  .infoItem {
        border: 1px solid var(--zwart);
        padding: 7px 15px;
    }

@media (max-width : 1230px) {
    [b-53ibljy2nk] .detail-blok .titel-blok-content {
        display: inherit;
    }
}

@media (max-width : 1000px) {
    [b-53ibljy2nk] .header-blok .titel-blok-content .header-input {
        width: 60%;
    }
}
/* /Components/Syllabi/SyllabiVersiesSubGrid.razor.rz.scp.css */
.overzicht-container[b-ukpebu40az] {
    /*padding: 35px 10px 10px 35px;*/
    /*padding: 10px;*/
    overflow-x: auto;
    /*width: 92vw;*/
    /*margin-left: 25px;*/
}

    .overzicht-container.borderhighlight[b-ukpebu40az] {
        border-color: var(--lichtpaars);
        border-style: solid;
    }

.overzicht-subitem-titel[b-ukpebu40az] {
    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-ukpebu40az] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    /*margin-left: 10px;*/
}

.overzicht-subitem[b-ukpebu40az] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Components/VakItem/NewVakItemPopup.razor.rz.scp.css */
.vakNaamContainer[b-pkg1ena9pz] {
    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: 50px;
}

.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-v8844lsqiy] {
    /* Additional styling if needed */
}

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

[b-v8844lsqiy] .calculated-field input {
    background-color: #f5f5f5;
}
/* /Pages/Aankoop/Artikel/ArtikelOverzicht.razor.rz.scp.css */
.titel-span[b-iu10qjope1] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-iu10qjope1] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-iu10qjope1] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-iu10qjope1] {
    padding-left: 50px;
}
/* /Pages/Aankoop/Bestelbon/BestelbonLevering.razor.rz.scp.css */
[b-7yb37oeijb] .groepering-header-hoofding {
    background-color: var(--info-achtergrond-kleur) !important;
}
/* /Pages/Aankoop/Bestelbon/BestelbonOverzicht.razor.rz.scp.css */
.titel-span[b-9oddxkl8s2] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-9oddxkl8s2] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-9oddxkl8s2] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-9oddxkl8s2] {
    padding-left: 50px;
}
/* /Pages/Aankoop/Budget/Budget.razor.rz.scp.css */
.medewerkersRow[b-zh6w3f9lgd] {
    margin: 0px 20px;
}

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

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

.medewerkersRow .medewerkersPickerWrapper .medewerkersPicker[b-zh6w3f9lgd] {
    max-width: 500px;
    padding: 10px;
}
/* /Pages/Aankoop/Budget/BudgetOverzicht.razor.rz.scp.css */
.titel-span[b-egoag40xi1] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-egoag40xi1] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-egoag40xi1] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-egoag40xi1] {
    padding-left: 50px;
}
/* /Pages/Aankoop/Materiaalpakket/Materiaalpakket.razor.rz.scp.css */
[b-sz3rhovjq1] .rz-datatable {
    margin-top: 1rem;
}

[b-sz3rhovjq1] .my-class td {
    border-top: 2px solid #007bff !important;
    border-bottom: 2px solid #007bff !important;
}

[b-sz3rhovjq1] .my-class td:first-child {
    border-left: 2px solid #007bff !important;
}

[b-sz3rhovjq1] .my-class td:last-child {
    border-right: 2px solid #007bff !important;
}

[b-sz3rhovjq1] input:disabled,
[b-sz3rhovjq1] textarea:disabled,
[b-sz3rhovjq1] select:disabled {
    background-color: #e9ecef !important;
    cursor: not-allowed;
}

/* /Pages/Aankoop/Materiaalpakket/MateriaalpakketOverzicht.razor.rz.scp.css */
.titel-span[b-uw0ccer30a] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-uw0ccer30a] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-uw0ccer30a] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-uw0ccer30a] {
    padding-left: 50px;
}
/* /Pages/Admin/AdminProspectGuids.razor.rz.scp.css */
.prospect[b-clwjvrmnv7] {
    background-color: #cdcdcd;
    margin: 1rem;
    padding: 1rem;
    border-radius: 1rem;
}

.naam[b-clwjvrmnv7] {
    font-weight: 700;
    font-size: 16px;
}
/* /Pages/Admin/AdminTeam.razor.rz.scp.css */
.admin-page[b-rvy7j683b8]  .syn-fullrow {
    padding: 5px 0;
}

/* /Pages/Budget/BudgetOverzicht.razor.rz.scp.css */
.overzicht-titel-zoek[b-l8gna7952j] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex; 
    gap: 20px;
}

.overzicht-container[b-l8gna7952j] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 35px 10px 10px 35px;
}

.overzicht-subitem[b-l8gna7952j] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Pages/Communicatie/CommunicatieOverzicht.razor.rz.scp.css */
.titel-span[b-vg6zrjoe5q] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-vg6zrjoe5q] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-vg6zrjoe5q] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-vg6zrjoe5q] {
    padding-left: 50px;
}

.sidebar[b-vg6zrjoe5q] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-vg6zrjoe5q] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-vg6zrjoe5q] {
    float: left;
}

[b-vg6zrjoe5q] .sis-hoofditem {
    background-color: transparent;
}
/* /Pages/Docent/DocentContracten.razor.rz.scp.css */
.subproduct-element[b-bu6ta4knr6] {
    font-weight: 600;
    background-color: var(--lichtpaarsgrijs);
}
/* /Pages/Docent/DocentOverzicht.razor.rz.scp.css */
.overzicht-titel-zoek[b-7gu5zvmrm5] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}
/* /Pages/Error.razor.rz.scp.css */
.errorTitel[b-ud5qm6c9fd] {
    background-color: var(--lichtpaars);
    height: 5em;
}

[b-ud5qm6c9fd] .panel-body {
    word-break: break-word;
    padding: 10px;
}

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

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

.panel-error[b-ud5qm6c9fd] {
    font-size: 0.7em;
}      
/* /Pages/Facturatie/Creditering.razor.rz.scp.css */
.container-algemene-info[b-1o64o3zib6] {
    width: 100%;
}

.container-prospect-info[b-1o64o3zib6] {
    display: flex;
    gap: 30px;
    width: 70%;
}

.container-prospect-info-naam[b-1o64o3zib6] {
    padding-top: 5px;
}

.container-cursist-info[b-1o64o3zib6] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px 0px 0px 10px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-1o64o3zib6] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

.container-factuur-info[b-1o64o3zib6] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-1o64o3zib6] {
    padding-top: 3px;
}
[b-1o64o3zib6] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-1o64o3zib6] {
    color: var(--kashmirblauw);
}
.container-annulatievoorwaarden-info[b-1o64o3zib6]{
    padding-top: 20px;
}

[b-1o64o3zib6] .row {
    margin-top: 2px;
}
/* /Pages/Facturatie/CrediteringHerfacturatie.razor.rz.scp.css */
.container-algemene-info[b-xvhpbp05e0] {
    width: 100%;
}

.container-prospect-info[b-xvhpbp05e0] {
    display: flex;
    gap: 30px;
    width: 70%;
}

.container-prospect-info-naam[b-xvhpbp05e0] {
    padding-top: 5px;
}

.container-cursist-info[b-xvhpbp05e0] {
    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-xvhpbp05e0] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-xvhpbp05e0] {
    padding-top: 3px;
}

.kostprijs-subproducten[b-xvhpbp05e0] {
    padding-top: 15px;
}

.kostprijs-subproducten-sum[b-xvhpbp05e0] {
    background-color: var(--footer-zwart);
    color: var(--wit);
    display: flex;
    justify-content: space-between;
    padding: 3px 7px;
}

.kostprijs-subproducten-sum-title[b-xvhpbp05e0] {
    display: flex;
}

.kostprijs-subproducten-sum-bedrag[b-xvhpbp05e0] {
    display: flex;
    gap: 10px;
}

.kostprijs-subproducten-sum-bedrag-label[b-xvhpbp05e0] {
}

.kostprijs-subproducten-sum-bedrag-prijs[b-xvhpbp05e0] {
    font-weight: 600;
}

/* /Pages/Facturatie/Facturatie.razor.rz.scp.css */
.container-algemene-info[b-4z9ccorse4] {
    width: 100%;
}

.container-prospect-info[b-4z9ccorse4] {
    display: flex;
    gap: 30px;
    width: 75%;
}

.container-prospect-info-naam[b-4z9ccorse4] {
    padding-top: 5px;
}

.container-cursist-info[b-4z9ccorse4] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 5px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-4z9ccorse4] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

.container-factuur-info[b-4z9ccorse4] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-4z9ccorse4] {
    padding-top: 3px;
}

[b-4z9ccorse4] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-4z9ccorse4] {
    color: var(--kashmirblauw);
}

[b-4z9ccorse4] .row {
    margin-top: 2px;
}
/* /Pages/Facturatie/FacturatieOverzicht.razor.rz.scp.css */
.titel-span[b-1aiu55ad6l] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-1aiu55ad6l] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-1aiu55ad6l] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-1aiu55ad6l] {
    padding-left: 50px;
}

.overzicht-container[b-1aiu55ad6l] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 10px;
    overflow-x: auto;
    width: 92vw;
    margin-left: 25px;
}

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

.sidebar[b-1aiu55ad6l] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-1aiu55ad6l] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-1aiu55ad6l] {
    float: left;
}

[b-1aiu55ad6l] .sis-hoofditem {
    background-color: transparent;
}

.container-afkorting[b-1aiu55ad6l] {
    padding-right: 5px;
    display: inline;
}

.overzicht-betaling-container[b-1aiu55ad6l] {
    padding: 15px ;
    width: 70%;
}

.overzicht-betaling-header[b-1aiu55ad6l]{
    display: flex;
}

.overzicht-betaling-titel[b-1aiu55ad6l] {
    font-weight: 600;
    width: 80%;
}

.overzicht-betaling-betaald[b-1aiu55ad6l]{

}

.overzicht-betaling-saldo[b-1aiu55ad6l] {

}

.betaald-en-saldo[b-1aiu55ad6l] {
    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-1aiu55ad6l] {
        color: var(--status-groen);
    }

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

    .betaald-en-saldo > .betaald[b-1aiu55ad6l] {
    }

    .betaald-en-saldo > .gefactureerd[b-1aiu55ad6l] {
    }
/* /Pages/Facturatie/FacturatieStatus.razor.rz.scp.css */
.searchfilter-buttonrow[b-r8pi4jm0jo] {
    display: flex;
    justify-content: space-between;
}
/* /Pages/Facturatie/RestFacturatie.razor.rz.scp.css */
.container-algemene-info[b-2zkteiv3gz] {
    padding-top: 15px;
    width: 100%;
}

.container-prospect-info[b-2zkteiv3gz] {
    display: flex;
    gap: 30px;
    width: 70%;
}

.container-prospect-info-naam[b-2zkteiv3gz] {
    padding-top: 5px;
}

.container-cursist-info[b-2zkteiv3gz] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px 0px 0px 10px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-2zkteiv3gz] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

.container-factuur-info[b-2zkteiv3gz] {
    gap: 10px;
    display: flex;
}

.container-factuur-info-tekst[b-2zkteiv3gz] {
    padding-top: 3px;
}

[b-2zkteiv3gz] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-2zkteiv3gz] {
    color: var(--kashmirblauw);
}
/* /Pages/Inschrijving/Inschrijving.razor.rz.scp.css */
.container-prospect-deelnemer[b-vj9tf0kwjy], .container-prospect-gefactureerde[b-vj9tf0kwjy] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.container-inschrijving-op-naam[b-vj9tf0kwjy] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 8px 0;
}

    .container-inschrijving-op-naam[b-vj9tf0kwjy]  .inputcheckbox {
        margin-right: 15px;
    }

    .container-inschrijving-op-naam[b-vj9tf0kwjy]  .inputcheckbox input {
        margin-top: -4px;
    }

    .container-inschrijving-op-naam .input-op-naam[b-vj9tf0kwjy] {
        margin: 0 15px;
        display: flex;
        align-items: center;
    }

        .container-inschrijving-op-naam .input-op-naam span[b-vj9tf0kwjy] {
            margin-right: 10px;
            font-weight: 800;
        }

.container-algemene-info[b-vj9tf0kwjy] {
}

.container-prospect-info[b-vj9tf0kwjy] {
    display: flex;
    gap: 30px;
    width: 60%;
}

.container-prospect-info-naam[b-vj9tf0kwjy] {
    padding-top: 5px;
}

[class*="container-inschrijving-tab-"][b-vj9tf0kwjy] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    margin-top: -7px;
}

    [class*="container-inschrijving-tab-"] p[b-vj9tf0kwjy] {
        margin-left: 5px;
    }

.container-cursist-info[b-vj9tf0kwjy] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 5px 5px 5px;
    border: 1px solid var(--donkerpaarsgrijs);
    display: flex;
    gap: 20px;
    align-items: center;
}

.container-korting[b-vj9tf0kwjy] {
    align-items: center;
    display: flex;
    padding: 10px;
    background: var(--wit);
    gap: 6px;
}

[b-vj9tf0kwjy] .container-korting .chip-root {
    border-radius: 5px;
}

.korting-titel-text[b-vj9tf0kwjy] {
    color: var(--kashmirblauw);
}

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

.container-opmerking-overzicht-titel[b-vj9tf0kwjy] {
    color: var(--kashmirblauw);
}

.container-opmerking-overzicht-tekst[b-vj9tf0kwjy] {
    padding-left: 50px;
    padding-bottom: 25px;
}

.container-opmerking-item[b-vj9tf0kwjy] {
    background-color: var(--lichtpaarsgrijs);
    padding: 15px;
}

.container-opmerking-item-titel[b-vj9tf0kwjy] {
    display: flex;
}

.container-opmerking-item-titel-tekst[b-vj9tf0kwjy] {
    padding-left: 15px;
    font-weight: 600;
}

.container-opmerking-item-tekst[b-vj9tf0kwjy] {
    padding: 15px 0px 15px 25px;
}

.container-opmerking-item-bottom[b-vj9tf0kwjy] {
    display: flex;
    justify-content: right;
    gap: 8px;
}

.container-warning-uniek[b-vj9tf0kwjy] {
    padding: 25px;
    background-color: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    display: flex;
}

    .container-warning-uniek > img[b-vj9tf0kwjy] {
        height: 24px;
        padding-right: 10px;
    }

.container-inschrijving-header-info[b-vj9tf0kwjy] {
}

.container-inschrijving-header-subtitel[b-vj9tf0kwjy] {
    background-color: var(--witgroen);
    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-vj9tf0kwjy] {
    width: 60%;
    font-weight: 700;
    display: flex;
    padding: 5px 0px 5px 10px;
    gap: 10px;
    align-items: center;
}

.container-inschrijving-header-subtitel-naam[b-vj9tf0kwjy] {
    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-vj9tf0kwjy] {
    display: flex;
    gap: 15px;
}

[b-vj9tf0kwjy] .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-vj9tf0kwjy] {
    padding-top: 5px;
}

.container-error[b-vj9tf0kwjy] {
    color: var(--rood);
}

.kostprijs-subproducten-sum[b-vj9tf0kwjy] {
    background-color: var(--lichtpaarsgrijs);
    color: var(--kashmirblauw);
    display: flex;
    justify-content: space-between;
    padding: 3px 7px;
    margin-bottom: 10px;
}

.kostprijs-subproducten-sum-title[b-vj9tf0kwjy] {
    display: flex;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 5px;
}

.kostprijs-subproducten-sum-bedrag[b-vj9tf0kwjy] {
    display: flex;
    gap: 10px;
}

.kostprijs-subproducten-sum-bedrag-label[b-vj9tf0kwjy] {
}

.kostprijs-subproducten-sum-bedrag-prijs[b-vj9tf0kwjy] {
    font-weight: 600;
    padding-top: 5px;
}

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

.gefactureerde-bedrijfselectie[b-vj9tf0kwjy] {
}

.gefactureerde-bedrijfselectie-dropdown[b-vj9tf0kwjy] {
    min-width: 250px;
    max-width: 400px;
}

.gefactureerde-bedrijfselectie-selectie[b-vj9tf0kwjy] {
}
/* /Pages/Inschrijving/InschrijvingDocumenten.razor.rz.scp.css */
.buttonContainer[b-hyuoob222u] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Inschrijving/InschrijvingErkenning.razor.rz.scp.css */
.button-voegtoe[b-ya1o7oks8f] {
    margin-top: 20px;
}
/* /Pages/Inschrijving/InschrijvingOverzicht.razor.rz.scp.css */
.container-inschrijving-titel[b-7vkac5ba2d] {
    display: flex;
    padding: 25px 0px 15px 0px;
}
.container-inschrijving-titel-links[b-7vkac5ba2d] {
    font-size: x-large;
    width: 50%;
}
.container-inschrijving-titel-rechts[b-7vkac5ba2d] {
    width: 50%;
    direction: rtl;
}

/* Boodschap wanneer inschrijven niet meer mogelijk is */
[b-7vkac5ba2d] .inschrijving-niet-mogelijk-boodschap {
    direction: ltr;
    padding: 10px 15px;
    background-color: var(--syntra-lichtblauw);
    border-left: 4px solid var(--syntra-blauw);
    border-radius: 4px;
    color: var(--syntra-donkerblauw);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

[b-7vkac5ba2d] .inschrijving-niet-mogelijk-boodschap i {
    color: var(--syntra-blauw);
    font-size: 18px;
}

.container-afkorting[b-7vkac5ba2d] {
    padding-right: 5px;
    display: inline;
}
.container-wachtlijst-status[b-7vkac5ba2d] {
    padding: 5px;
    display: inline;
    border-radius: 15px;
    border-style: solid;
    border-color: var(--lichtgrijs);
}
/* /Pages/Inschrijving/InschrijvingVervolg.razor.rz.scp.css */
.vervolgjaar-melding[b-jvmx8lsjsm] {
    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-jvmx8lsjsm] {
    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-jvmx8lsjsm] {
    color: var(--infobox-tekst); /* Text color */
    font-size: 1rem; /* Text size */
    font-weight: bold; /* Optional: Text weight */
}

.titel[b-jvmx8lsjsm] {
    margin: 10px 0 0 0;
    display: inline-flex;
    align-items: center;
}

.titel-getal[b-jvmx8lsjsm] {
    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-jvmx8lsjsm] {
    margin-left: 10px;
    display: flex;
}

.subtitel-cursisten[b-jvmx8lsjsm] {
    font-weight: 700;
    margin: 10px 0;
}
/* /Pages/Inschrijving/InschrijvingVrijstelling.razor.rz.scp.css */
.button-voegtoe[b-eze849pixe] {
    margin-top: 20px;
}

.overzicht-per-record[b-eze849pixe] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
    margin: 10px;
}

.overzicht-per-record[b-eze849pixe]  .titel-blok-content {
    padding-top: 0px;
    display: inline-grid;
}

[b-eze849pixe] .titel-blok-content {
    padding: 0px;
    margin-bottom: 20px;
}

.record-buttons[b-eze849pixe] {
    display:inline;
}
/* /Pages/Inschrijving/InschrijvingVrijstellingDetail.razor.rz.scp.css */
.vrijstelling[b-3jdj6wkiwz] {
    background-color: var(--lichtpaarsgrijs);
    padding: 15px 10px;
    margin-top: 15px;
}

.vrijstelling-header-info[b-3jdj6wkiwz] {
    border: 1px solid var(--paars);
    background-color: var(--wit);
    border-radius: 5px;
    width: max-content;
    padding: 7px;
    display: inline-block;
}

.vrijstelling-header[b-3jdj6wkiwz]  button {
   float: right;
}

.vrijstelling-header-data[b-3jdj6wkiwz] {
    font-weight: 900;
    padding-left:8px;
}

.vrijstelling-header-delimiter[b-3jdj6wkiwz] {
    color: var(--grijs);
}

.vrijstelling-teksten[b-3jdj6wkiwz] {
    padding: 10px 0 0 10px;;
}

.vrijstelling-vakken[b-3jdj6wkiwz] {
    padding-left: 10px;
    display: inline-grid;
}

.vrijstelling-indeling-titel[b-3jdj6wkiwz] {
    font-size: 1em;
    font-weight: 900;
}

.voldoet-True[b-3jdj6wkiwz]  svg {
    color: var(--groen);
    margin: -3px 10px 0 0;
}

.voldoet-False[b-3jdj6wkiwz]  svg {
    color: var(--rood);
    margin: -3px 10px 0 0;
}
/* /Pages/Kwaliteit/KleineRegistratie/KleineRegistratieOverzicht.razor.rz.scp.css */
.kleine-registratie-registrator-container[b-efr399fota] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.kleine-registratie-registrator-item[b-efr399fota] {
    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;
}
/* /Pages/Kwaliteit/KwaliteitSysteem/KwaliteitSysteemOverzicht.razor.rz.scp.css */
.kwaliteit-systeem-persoon-container[b-8qbm2dxh3r] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.kwaliteit-systeem-persoon-item[b-8qbm2dxh3r] {
    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;
}
/* /Pages/Kwaliteit/KwaliteitSysteem/RegistratieEhbo.razor.rz.scp.css */
.prospect-search[b-lm0tiw7oah] {
    align-items: center;
    display: flex;
}
/* /Pages/Lokaal/LokaalOverzicht.razor.rz.scp.css */
.titel-span[b-ap16h7qkjr] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-ap16h7qkjr] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-ap16h7qkjr] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-ap16h7qkjr] {
    padding-left: 50px;
}
/* /Pages/Lokaal/LokaalUitrusting.razor.rz.scp.css */
.documenten[b-n6cgcojvat] {
    margin-left: 35px;
}

.titel-links[b-n6cgcojvat] {
    margin-left: 40px;
    font-weight: 900;
    font-size: var(--rz-grid-cell-font-size);
}

.fileInfoContainer[b-n6cgcojvat] {
    display: inline-flex;
    width: 98%;
    border: 1px solid var(--grijs);
    border-radius: 5px;
    margin: 2px 0 5px 5px;
}

.fileIcon[b-n6cgcojvat] {
    color: var(--paars);
    width: 15%;
}

    .fileIcon p[b-n6cgcojvat] {
        margin: 4px 0;
    }

.fileTextContainer[b-n6cgcojvat] {
    margin-top: 5px;
    width: 65%
}

    .fileTextContainer p[b-n6cgcojvat] {
        margin-bottom: 0;
    }

.fileName[b-n6cgcojvat] {
    font-weight: 900;
}

.fileSize[b-n6cgcojvat] {
    color: var(--lichtgrijs-text);
}

.fileTypeContainer[b-n6cgcojvat] {
    width: 20%;
    margin-top: 24px;
    margin-left: 20px;
}

.fileActionContainer[b-n6cgcojvat] {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.splitter[b-n6cgcojvat] {
    border-right: 1px solid var(--lichtgrijs-text);
    height: 24px;
    width: 1px;
    margin-top: 24px;
}

.iconButtonContainer[b-n6cgcojvat] {
    margin-top: 20px;
}

[b-n6cgcojvat] .icon-button {
    outline: none;
    color: var(--paars);
}

[b-n6cgcojvat] .rz-data-row .rz-cell-data {
    height: 44px;
    padding: 2px;
}

[b-n6cgcojvat] .rz-data-row .rz-col-icon {
    padding: 0 2px 0 0;
}

[b-n6cgcojvat] .rz-data-row .rz-cell-data {
    vertical-align: middle;
    display: table-cell;
}

[b-n6cgcojvat] .rz-data-row td {
    padding: 0 2px 0 0;
}

.status-item-Actief[b-n6cgcojvat] {
    background-color: var(--chipbackground);
    padding: 5px;
    border: 1px solid var(--chipborder);
    border-radius: 7px;
    color: var(--chiptext);
}

    .status-item-Actief[b-n6cgcojvat]: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-n6cgcojvat]  svg {
        width: 44px;
        height: 44px;
    }

    .fileInfoContainer[b-n6cgcojvat] {
        font-size: 0.8em;
        padding-left: 1px;
    }
}
/* /Pages/MailTemplate/MailTemplateDetail.razor.rz.scp.css */
.mailtemplate-html-label[b-9slbndmooe] {
    font-family: monospace;
    font-size: 0.85rem;
    color: #555;
    padding: 2px 4px;
}

.mailtemplate-textarea[b-9slbndmooe] {
    font-family: monospace;
    font-size: 0.85rem;
    resize: vertical;
    width: 100%;
}

.mailtemplate-detail-columns[b-9slbndmooe] {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    gap: 2rem;
    align-items: start;
}

.mailtemplate-detail-editor[b-9slbndmooe] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.mailtemplate-detail-preview[b-9slbndmooe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: sticky;
    top: 1rem;
}

.mailtemplate-preview-title[b-9slbndmooe] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
}

.mailtemplate-detail-preview[b-9slbndmooe], .mailtemplate-detail-voorbeelddata[b-9slbndmooe] {
    background-color: #EEEEEE;
    padding: 10px;
}

.mailtemplate-detail-voorbeelddata[b-9slbndmooe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: sticky;
    top: 1rem;
}

.mailtemplate-preview-frame[b-9slbndmooe] {
    width: 100%;
    height: 600px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

.mt-2[b-9slbndmooe] {
    margin-top: 0.5rem;
}
/* /Pages/Param/ParamClusterSectorSubsectorOverzicht.razor.rz.scp.css */
.filter-container[b-2nz6l03l7f] {
    position: sticky;
    top: 45px;
    z-index: 5;
    background-color: var(--lichtgrijs);
}

.dropdown-row[b-2nz6l03l7f] {   
    margin-top: 0;
}

.dropdown[b-2nz6l03l7f] {
    margin-left: 10px;
    width: 70%;
    max-width: 700px;
}

.dropdown-item[b-2nz6l03l7f] {
    display: ruby;  
    width: 100%;
}

.dropdown-button[b-2nz6l03l7f] {
    width: 30%;
    position: relative;
    top: -7px;
    min-width: 210px;
}

    .dropdown-item:hover[b-2nz6l03l7f], .dropdown-item:active[b-2nz6l03l7f] {
        background-color: unset;
    }

    .datagrid-container[b-2nz6l03l7f] {
        margin: 0 60px;
    }

.cell-buttons[b-2nz6l03l7f] {
    float: right;
}

[b-2nz6l03l7f] svg {
    color: var(--paars);
}

[b-2nz6l03l7f] .icon-button {
    outline-color: var(--wit);
    background-color: transparent;
}

@media (max-width: 768px) {
    .dropdown-row[b-2nz6l03l7f] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dropdown-item[b-2nz6l03l7f] {
        display: block;        
    }    
}
/* /Pages/Param/ParamCommercieleClusterSectorSubsectorOverzicht.razor.rz.scp.css */
.filter-container[b-0qu6hhm3l2] {
    position: sticky;
    top: 45px;
    z-index: 5;
    background-color: var(--lichtgrijs);
}

.dropdown-row[b-0qu6hhm3l2] {   
    margin-top: 0;
}

.dropdown[b-0qu6hhm3l2] {
    margin-left: 10px;
    width: 70%;
    max-width: 700px;
}

.dropdown-item[b-0qu6hhm3l2] {
    display: ruby;  
    width: 100%;
}

.dropdown-button[b-0qu6hhm3l2] {
    width: 30%;
    position: relative;
    top: -7px;
    min-width: 210px;
}

    .dropdown-item:hover[b-0qu6hhm3l2], .dropdown-item:active[b-0qu6hhm3l2] {
        background-color: unset;
    }

    .datagrid-container[b-0qu6hhm3l2] {
        margin: 0 60px;
    }

.cell-buttons[b-0qu6hhm3l2] {
    float: right;
}

[b-0qu6hhm3l2] svg {
    color: var(--paars);
}

[b-0qu6hhm3l2] .icon-button {
    outline-color: var(--wit);
    background-color: transparent;
}

@media (max-width: 768px) {
    .dropdown-row[b-0qu6hhm3l2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dropdown-item[b-0qu6hhm3l2] {
        display: block;        
    }    
}
/* /Pages/Param/ParamDocumentTypeOverzicht.razor.rz.scp.css */
.datagrid-container[b-8s2ptm9fk9] {
    margin: 0 60px;
}

.cell-buttons[b-8s2ptm9fk9] {
    float: right;
}

[b-8s2ptm9fk9] svg {
    color: var(--paars);
}

[b-8s2ptm9fk9] .icon-button {
    outline-color: var(--wit);
    background-color: transparent;
}

@media (max-width: 768px) {
    .datagrid-container[b-8s2ptm9fk9] {
        margin: 0 20px;
    }
}
/* /Pages/Param/ParamLokaalTypeOverzicht.razor.rz.scp.css */
.datagrid-container[b-4ueswtfrf3] {
    margin: 0 60px;
}

.cell-buttons[b-4ueswtfrf3] {
    float: right;
}

[b-4ueswtfrf3] svg {
    color: var(--paars);
}

[b-4ueswtfrf3] .icon-button {
    outline-color: var(--wit);
    background-color: transparent;
}

@media (max-width: 768px) {
    .datagrid-container[b-4ueswtfrf3] {
        margin: 0 20px;
    }
}
.badge[b-4ueswtfrf3] {
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-secondary[b-4ueswtfrf3] {
    background-color: #ffc107;
    color: #000;
}

.badge-success[b-4ueswtfrf3] {
    background-color: #28a745;
    color: #fff;
}
/* /Pages/Param/ParamOverzicht.razor.rz.scp.css */
[b-q73yqsik96] .rz-dropdown {
    display: flex;
    align-items: flex-start;
}

[b-q73yqsik96] .rz-column-picker {
    width: 400px;
    display: block;
}

[b-q73yqsik96] .rz-data-row td {
    padding: 0.4rem !important;
}

[b-q73yqsik96] .rz-grid-table thead th {
   align-content: flex-start;
}

[b-q73yqsik96] .rz-grid-table thead th .rz-column-title-content {
    overflow-wrap: anywhere;
    text-wrap: initial;
}

[b-q73yqsik96] .rz-grid-table td.align-right .rz-cell-data {
    text-align: right;
}
/* /Pages/Param/ParamVergoedingTypeParamVergoedingEenheidOverzicht.razor.rz.scp.css */
/*.overzicht-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}
*/
.filter-container[b-6uh3jeo3sg] {
    padding: 1rem;
    background-color: var(--background-secondary);
    border-radius: 8px;
}

.dropdown-row[b-6uh3jeo3sg] {
    margin-top: 0;
}

.dropdown-item[b-6uh3jeo3sg] {
    display: ruby;
    width: 100%;
}

.dropdown[b-6uh3jeo3sg] {
    margin-left: 10px;
    width: 70%;
    max-width: 700px;
}

.dropdown-button[b-6uh3jeo3sg] {
    width: 30%;
    position: relative;
    top: -7px;
    min-width: 210px;
}
.dropdown-item:hover[b-6uh3jeo3sg], .dropdown-item:active[b-6uh3jeo3sg] {
    background-color: unset;
}

.datagrid-container[b-6uh3jeo3sg] {
    margin: 0 60px;
}

/*.datagrid-container {
    flex: 1;
    overflow: auto;
}
*/
.cell-editable[b-6uh3jeo3sg] {
    flex: 1;
}

.cell-buttons[b-6uh3jeo3sg] {
    float: right;
}

.badge[b-6uh3jeo3sg] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
}

.badge-success[b-6uh3jeo3sg] {
    background-color: var(--success-color, #28a745);
    color: white;
}

.popup-content-container[b-6uh3jeo3sg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.form-group[b-6uh3jeo3sg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-6uh3jeo3sg] {
    font-weight: 500;
}
/* /Pages/Planning/PlanningLesmomenten.razor.rz.scp.css */
.top-part[b-siyax43pye] {
    background-color: var(--lichtpaarsgrijs);
    padding: 5px 20px;
}

.top-part-header[b-siyax43pye] {
    display: flex;
    justify-content: space-between;
}

.top-part-titel[b-siyax43pye], .bottom-part-titel[b-siyax43pye] {
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
}

.top-part-buttons[b-siyax43pye] {
    display: flex;
    gap: 20px;
}

.bottom-part[b-siyax43pye] {
    padding: 5px 20px;
}

.bottom-part-header[b-siyax43pye] {
    display: flex;
    justify-content: space-between;
}

.part-chevron[b-siyax43pye] {
    color: var(--button-link-content);
    cursor: pointer;
}

[b-siyax43pye] .button-default {
    height: 30px;
}

.bottom-part-header-left[b-siyax43pye] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 5px 0;
}

.bph-collapse-part[b-siyax43pye] {
    display: flex;
    gap: 3px;
}

.bph-view-picker[b-siyax43pye] {
    position: relative;
}

.bph-view-picker-items[b-siyax43pye] {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 35px;
    left: 0px;
    z-index: 900;
}

    .bph-view-picker-items div[b-siyax43pye] {
        background-color: var(--syn-brand-primary-light);
        color: white;
        padding: 6px 12px;
    }

        .bph-view-picker-items div:hover[b-siyax43pye] {
            background-color: var(--syn-brand-primary);
            cursor: pointer;
        }

    .bph-view-picker-items > div:first-child[b-siyax43pye] {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .bph-view-picker-items > div:last-child[b-siyax43pye] {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .bph-buttons[b-siyax43pye] {
        display: flex;
        gap: 5px;
    }

.meldingen-label[b-siyax43pye] {
    display: flex;
    text-decoration: underline;
}

[b-siyax43pye] .filter-counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--syn-brand-secondary);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 700;
    margin-left: 4px;
}
/* /Pages/Planning/Standaardkalenders/DagdelenTabPage.razor.rz.scp.css */
.standaardkalenders-container[b-07aghw1m72] {
    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-07aghw1m72] {
    border: 1px solid #dee2e6; /* border */
    border-radius: 0.25rem; /* rounded */
    margin-bottom: 20px;
    max-width: 1250px;
}

/* stelsel schema */
.stelsel-block-schema[b-07aghw1m72] {
    margin-bottom: 1rem; /* mb-3 */
    padding: 0.5rem; /* p-2 */   
}

/* stelsel afwijking */
.stelsel-block-afwijking[b-07aghw1m72]{
    margin: 0 10px;
}

/* Stelsel title */
.stelsel-title[b-07aghw1m72] {
    margin-bottom: 0.5rem;
}

/* Loading text */
.loading-text[b-07aghw1m72] {
    font-style: italic;
    color: #555;
}

h3[b-07aghw1m72] {
    margin-top: 10px;
}

[b-07aghw1m72] .rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext {
    padding-inline-end: 0;
}
/* /Pages/Planning/Standaardkalenders/SluitingsdagenTabPage.razor.rz.scp.css */
.standaardkalenders-container[b-iqd61aguik] {
    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-iqd61aguik] {
    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-iqd61aguik] {
    margin-bottom: 0.5rem; /* minder ruimte onder de tabtitel */
}

/* Dropdown rij standaard: naast elkaar */
.dropdown-row[b-iqd61aguik] {
    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-iqd61aguik] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap; /* voorkomt rare breuken */
}

    .dropdown-item label[b-iqd61aguik] {
        width: 100px; /* labels mooi uitgelijnd */
        text-align: right;
        margin-right: 0.5rem;
    }

    .dropdown-item:hover[b-iqd61aguik], .dropdown-item:active[b-iqd61aguik] {
        background-color: unset;
    }

    /* Responsive fallback: bij smalle schermen onder elkaar */
    @media (max-width: 768px) {
        .dropdown-row[b-iqd61aguik] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dropdown-item label[b-iqd61aguik] {
        width: auto;
        text-align: left;
    }
}

/* --- Kalendercomponent --- */
.sluitingsdagen-container SISKalenderSluitingsdagen[b-iqd61aguik] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Verwijder SynWhiteRow als die nog gebruikt wordt */
.sluitingsdagen-container SynWhiteRow[b-iqd61aguik] {
    display: none !important;
}
/* /Pages/Prestatie/PrestatieOverzicht.razor.rz.scp.css */
.titel-span[b-b9of3m53kk] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-b9of3m53kk] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-b9of3m53kk] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-b9of3m53kk] {
    padding-left: 50px;
}

.overzicht-container[b-b9of3m53kk] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 10px;
    overflow-x: auto;
    width: 92vw;
    margin-left: 25px;
}

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

.sidebar[b-b9of3m53kk] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-b9of3m53kk] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-b9of3m53kk] {
    float: left;
}

[b-b9of3m53kk] .sis-hoofditem {
    background-color: transparent;
}

.container-afkorting[b-b9of3m53kk] {
    padding-right: 5px;
    display: inline;
}

.overzicht-betaling-container[b-b9of3m53kk] {
    padding: 15px;
    width: 70%;
}

.overzicht-betaling-header[b-b9of3m53kk] {
    display: flex;
}

.overzicht-betaling-titel[b-b9of3m53kk] {
    font-weight: 600;
    width: 80%;
}

.overzicht-betaling-betaald[b-b9of3m53kk] {
}

.overzicht-betaling-saldo[b-b9of3m53kk] {
}

/* /Pages/ProductPortfolio/Portaal/PortaalAlgemeenTab.razor.rz.scp.css */
.portaal-html-editor[b-b804gzzoni]  .rz-html-editor {
    min-height: 200px !important;
}
/* /Pages/ProductPortfolio/Portaal/PortaalMediaTab.razor.rz.scp.css */
.video-embed-section[b-chisaic72t] {
	margin-top: 15px;
	margin-bottom: 30px;
}
/* /Pages/ProductPortfolio/Portaal/PortaalOverzicht.razor.rz.scp.css */
.titel-span[b-4ghf720ush] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-4ghf720ush] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-4ghf720ush] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-4ghf720ush] {
    padding-left: 50px;
}
/* /Pages/ProductPortfolio/ProductPortfolio.razor.rz.scp.css */
.medewerkersRow[b-ftr21mwybh] {
    margin: 0px 20px;
}

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

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

    .medewerkersRow .medewerkersPickerWrapper .medewerkersPicker[b-ftr21mwybh] {
        max-width: 500px;
        padding: 10px;
    }
.productportfolio-samenstelling-overzicht[b-ftr21mwybh] {
    margin: 0px 20px 20px 20px;
}

.SISInitieleGoedkeuringInfo-container[b-ftr21mwybh]{
    display: flex;
    margin: -30px 0;
}
.SISInitieleGoedkeuringInfo-container > div[b-ftr21mwybh] {
    margin-left: auto;
}

.container-warning-uniek[b-ftr21mwybh] {
    padding: 10px;
    background-color: var(--validatie-achtergrond-kleur);
    color: var(--validatie-tekst-kleur);
    display: flex;
}

    .container-warning-uniek > img[b-ftr21mwybh] {
        height: 24px;
        padding-right: 10px;
    }

.coosy-selectie[b-ftr21mwybh] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1rem;
}

.button-toon-historiek[b-ftr21mwybh] {
    float: right;
    min-height:50px;
}

[b-ftr21mwybh] .inputtext:has(textarea) {
    margin-bottom: -30px;
}

.icon-type[b-ftr21mwybh] {
    margin-right: 4px;
    position: relative;
    bottom: 2px;
}

[b-ftr21mwybh] .traject-info {
    margin-left: 20px;
}

[b-ftr21mwybh] #traject-button {
    margin-left: 30px;
}

[b-ftr21mwybh] .traject-rij {
    display: flex;
    align-items: center;   
}

[b-ftr21mwybh] .traject-rij div {
    min-width: 80px;
}

[b-ftr21mwybh] .traject-rij.titel {
    font-weight: 900;
    gap: 1em;
}

[b-ftr21mwybh] .traject-nummer {
    font-size: 14px;    
}

[b-ftr21mwybh] .traject-link {
    padding-left: 15px;
}
/* /Pages/ProductPortfolio/ProductPortfolioOverzicht.razor.rz.scp.css */
    .titel-span[b-mq1soka9uz] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-mq1soka9uz] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap:20px;
}

.overzicht-titel-zoekveld[b-mq1soka9uz] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-mq1soka9uz] {
    padding-left: 50px;
}


.sidebar[b-mq1soka9uz] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-mq1soka9uz] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-mq1soka9uz] {
    float: left;
}

[b-mq1soka9uz] .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-mq1soka9uz] {
    padding-right: 5px;
}

.productportfolio-soort img[b-mq1soka9uz] {
    height: 24px;
}

.titleButtonContainer[b-mq1soka9uz]{
    display: flex;
    gap: 20px;
}

.omschrijvingContainer[b-mq1soka9uz]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
}

.inactiefContainer[b-mq1soka9uz] {
    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-mq1soka9uz] {
    margin: 0;
    color: var(--validatie-tekst-kleur);
}

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

[b-mq1soka9uz] .page-title-root {
    padding: 0 30px;
}

[b-mq1soka9uz] .filtercontent {
    padding-top: 0;
}

.titleButtonContainer[b-mq1soka9uz] {
    margin-top: 10px;
}

@media (max-width: 1200px)
{
    .titleButtonContainer[b-mq1soka9uz] {
        flex-direction: column;
        gap: 1px;
    }
}
/* /Pages/ProductPortfolio/ProductPortfolioTabCommercieel.razor.rz.scp.css */
caption[b-rsaj1e8jox] {
    padding-top: 0;
}

[b-rsaj1e8jox] .syn-fullrow.row {
    margin-top: 0px;
}

.productportfolio-commercieel-overzicht[b-rsaj1e8jox] {
    margin: 0px 20px 5px 20px;
}

.productportfolio-commercieel-table[b-rsaj1e8jox] {
    width: 100%;
    padding: 20px;
}

    .productportfolio-commercieel-table > thead > tr[b-rsaj1e8jox] {
        background-image: linear-gradient(#ffffff, #f6f8fe);
    }

.productportfolio-commercieel-row[b-rsaj1e8jox] {
    border-bottom-width: 1px;
    border-color: var(--grijs);
}

    .productportfolio-commercieel-row > td[b-rsaj1e8jox] {
        padding: 4px 10px;
    }

    .productportfolio-commercieel-row > th[b-rsaj1e8jox] {
        padding: 5px 10px 5px 10px;
    }

.productportfolio-commercieel-buttoncolumn[b-rsaj1e8jox] {
    text-align: right;
}

.productportfolio-commercieel-newrow[b-rsaj1e8jox] {
    position: relative;
    top: 7px;
}

.duurContainer[b-rsaj1e8jox]{
    display:flex;
    gap: 10px;
}

[b-rsaj1e8jox] .infoveld {
    margin-bottom: 30px;
}

.VOV-info[b-rsaj1e8jox] {
    display: flex;
    align-items: center;
    margin-left: 20px;
    justify-content: space-evenly;
}

.VOV-info[b-rsaj1e8jox]  .inputtext {
    width: 50%;
    margin-left: 20px
}
/* /Pages/ProductPortfolio/ProductPortfolioTabCommercieleInfo.razor.rz.scp.css */
[b-ov56qnc9pn] .commercieleinfo-form {
    display: contents;
}

[b-ov56qnc9pn] .infoveld {
    margin-bottom: 30px;
}

.overzichtversies[b-ov56qnc9pn] {
    width: 100%;
    display: inline-block;
}

[b-ov56qnc9pn] .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-ov56qnc9pn] .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-ov56qnc9pn], .detail[b-ov56qnc9pn] {
    margin: 15px 0;
}

.status-info[b-ov56qnc9pn] {
    margin-left: 50px;
}

.keyvelden-box[b-ov56qnc9pn] {
    background-color: var(--lichtpaarsgrijs);
    min-height: 75px;
    padding: 10px;
    display: grid;
}

.keyvelden-header[b-ov56qnc9pn] {
    background-color: var(--lichtpaarsgrijs);
    min-height: 50px;
    display: inline;
}

h4[b-ov56qnc9pn] {
    display: inline;
}

[b-ov56qnc9pn] .sis-datepicker {
    display: inline-block;
}

[b-ov56qnc9pn] .button-nieuw {
    position: relative;
    float: right;
}

.keyvelden[b-ov56qnc9pn] {
    background-color: var(--wit);
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.keyvelden-box[b-ov56qnc9pn] {
    /*position: sticky;
    top: 20px;*/
    width: 100%;
}

.keyvelden-row[b-ov56qnc9pn] {
    display: inline-table;
    margin-top: 10px;
    width: 100%
}

.keyveld[b-ov56qnc9pn] {
    display: inline-block;
}

[b-ov56qnc9pn] .keyvelden-row > .keyveld > .root > span.sis-picker > div {
    display: inline-flex;
    width: auto !important;
}

.label[b-ov56qnc9pn] {
    font-weight: 500;
    margin: 0 10px;
    min-width: 90px;
    display: inline-block;
}

.button-nieuw[b-ov56qnc9pn], .button-bewaar[b-ov56qnc9pn] {
    margin: 10px;
    display: flex;
    justify-content: space-between;
}

.button-bewaar[b-ov56qnc9pn] {
    float: right;
}

.title[b-ov56qnc9pn] {
    margin: 0;
    font-weight: bold;
    align-self: center;
    font-size: 25px;
}

.titleContainer[b-ov56qnc9pn] {
    display: flex;
    gap: 40px;
}

[b-ov56qnc9pn] .titel-blok h5 {
    font-size: 16px;
}

[b-ov56qnc9pn] .titel-blok-content {
    padding-top: 0;
    margin-top: -30px;
}

    [b-ov56qnc9pn] .titel-blok-content .status-container hr {
        display: none;
    }

@media (max-width : 1000px) {
    .zoekscherm[b-ov56qnc9pn] {
        margin-top: 15px;
    }

    .keyvelden-row[b-ov56qnc9pn] {
        margin-top: 0;
    }

    .keyveld[b-ov56qnc9pn] {
        margin: 5px 0;
    }
}

.docent-omschrijving[b-ov56qnc9pn] {
    margin: 20px;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
}

.link-button[b-ov56qnc9pn] {
    margin-left: 20px;
}

[b-ov56qnc9pn] .rz-html-editor {
    min-width: 100%;
}

[b-ov56qnc9pn] .rz-html-editor-content {
    overflow-y: scroll;
    max-height: 40vh;
}

/* /Pages/ProductPortfolio/ProductPortfolioTabGebruik.razor.rz.scp.css */
.datagrid[b-afdg3xilf8]  .rz-cell-data span, 
[b-afdg3xilf8] .cell-data {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 100;
}

.header-omschrijving[b-afdg3xilf8], .header-ref[b-afdg3xilf8] {
    padding-left: 10px;
    position: relative;
    top: 2px;
}

.treeview[b-afdg3xilf8]  .rz-treenode-label a {
    margin-right: 20px;
}

.treeview[b-afdg3xilf8]  .rz-treenode-label img {
    margin-right: 20px;
}

.treeview[b-afdg3xilf8]  .rz-treenode-content-selected .rz-treenode-label {
    background-color: unset;
    color: inherit;
}

.treeview[b-afdg3xilf8]  .rz-text-subtitle2 {
    font-size: 2em;
}

.treeview[b-afdg3xilf8]  .rz-card.rz-variant-filled {
    box-shadow: unset;
    margin: 15px 0;
    padding: 0 5px;
}

.treeview[b-afdg3xilf8]  .rz-treenode .rz-treenode-content:first-of-type {
    cursor: unset;
}

.treeview[b-afdg3xilf8]  .rz-treenode div.rz-treenode-content:first-of-type:hover,
.treeview[b-afdg3xilf8]  .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
    color: var(--zwart) !important;
    font-weight: 100 !important;
}

.datagrid[b-afdg3xilf8]  .datagrid-root {
    margin-left: 15px;
}
/* /Pages/ProductPortfolio/ProductPortfolioTabOrganisatie.razor.rz.scp.css */

@media (max-width : 1000px) {
    .zoekscherm[b-1609idd4lz] {
        margin-top: 15px;
    }
    .keyvelden-row[b-1609idd4lz] {
        margin-top: 0;
    }
    .keyveld[b-1609idd4lz] {
        margin: 5px 0;
    }
}

.container-standaard-header[b-1609idd4lz] {
    background: var(--lichtpaarsgrijs);
    padding: 20px;
}
.titel[b-1609idd4lz] {
    font-weight: 700;
}

[b-1609idd4lz] .janee-topalign {
    align-content: flex-start;
}
/* /Pages/ProductPortfolio/ProductPortfolioVakken.razor.rz.scp.css */
[b-63hwy7n0ib] .rz-cell-data span {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 900;
}

[b-63hwy7n0ib] .highlight-met-detail .vakOmschrijving .icon {
    padding: 2px;
    background-color: var(--status-blauw);
    border-radius: 5px;
    fill: var(--wit);
}

[b-63hwy7n0ib] .highlight-met-detail .vakOmschrijving span {
    color: var(--paars);
}

[b-63hwy7n0ib] .highlight-met-detail .totaalUur {
    color: var(--wit);
    background-color: var(--paars);
}

[b-63hwy7n0ib] .rz-accordion-header {
    padding-bottom: 10px;
}

[b-63hwy7n0ib] .rz-accordion-header a {
    font-weight: 600;
    font-size: 16px;
    border: var(--paarsgrijs);
    border-style: solid;
    padding: 10px;
}

[b-63hwy7n0ib] .rz-accordion {
    padding-bottom: 5px;
    padding-top: 5px;
}

[b-63hwy7n0ib] .rz-accordion-content {
    border: var(--paarsgrijs);
    border-style: solid;
}

[b-63hwy7n0ib] .rz-accordion-content-wrapper {
    padding-bottom: 10px;
}

.container-moduleversie-item[b-63hwy7n0ib] {
}
/* /Pages/Product/Product.razor.rz.scp.css */
.product-externe-lesplaats[b-kok80rxgp8] {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    word-wrap: normal;
}

    .product-externe-lesplaats > .externe-lesplaats-label[b-kok80rxgp8] {
        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-kok80rxgp8] {
        display: inline-block;
        float: right;
    }

.externe-lesplaats-label > .externe-lesplaats-nummer[b-kok80rxgp8] {
    font-style: italic;
    margin-right: 5px;
}

.aantal-cursisten-info[b-kok80rxgp8] {
    color: var(--kashmirblauw);
    font-size: 12px;
}

.externe-lesplaats-label > .externe-lesplaats-naam[b-kok80rxgp8] {
}

.container[b-kok80rxgp8] {
    display: flex;
    gap: 40px;
    padding: 0;
}

.numeric[b-kok80rxgp8] {
    gap: 10px;
}

.label[b-kok80rxgp8] {
    font-weight: 700;
    padding-right: 10px;
}

    .label.atldagen[b-kok80rxgp8] {
        float: right;
    }

.panel-item[b-kok80rxgp8] {
    float: left;
    padding: 15px 0;
}

    .panel-item[b-kok80rxgp8]  .button-content {
        margin: 0 7px;
    }

        .panel-item[b-kok80rxgp8]  .button-content .label {
            padding-right: 0;
        }

    .panel-item[b-kok80rxgp8]  .button-inner {
        display: unset;
    }

    .panel-item.totaal[b-kok80rxgp8] {
        background-color: var(--donkerpaarsgrijs);
        padding-left: 15px;
    }

        .panel-item.totaal .waarde[b-kok80rxgp8] {
            padding: 0 0 0 10px;
        }

[b-kok80rxgp8] #AantalDagenInschrijvenVoorStart {
    width: 60px;
    padding-left: 15px;
    float: right;
}

.chipContainer[b-kok80rxgp8] {
    display: flex;
    padding: 10px;
    background: var(--lichtpaarsgrijs);
    border: 1px solid var(--grijs);
}
.startTijstipContainer[b-kok80rxgp8] {
    padding: 10px;
    background: var(--lichtpaarsgrijs);
    border: 1px solid var(--grijs);
}

.subProductTitelContainer[b-kok80rxgp8] {
    display: flex;
    gap: 16px;
    margin: 10px;
}

    .subProductTitelContainer > a[b-kok80rxgp8] {
        display: flex;
        gap: 16px;
    }

    .totaalUur[b-kok80rxgp8] {
        display: flex;
        background: var(--paarsgrijs);
        padding: 10px;
        gap: 10px;
        width: 205px;
    }

.leervormContainer[b-kok80rxgp8]{
    display: flex;
    gap: 10px;
    width: 280px;
    align-items: center;
}

.vakurenContainer[b-kok80rxgp8] {
    display: flex;
    gap: 1px;
    flex-direction: column;
}

.subproduct-img[b-kok80rxgp8] {
    margin-left: 5px;
}

.subproduct-omschrijving[b-kok80rxgp8] {
    vertical-align: middle;
    padding-left: 10px;
    font-weight: 900;
    color: var(--kashmirblauw);
}

[b-kok80rxgp8] .status-container {
    background-color: var(--lichtpaarsgrijs);
    position: relative;
    margin-bottom: -32px;
}

[b-kok80rxgp8] .status-type {
    padding-left: 20px;
}

[b-kok80rxgp8] .rz-accordion-toggle-icon {
    border: 1px solid var(--lichtpaars);
    border-radius: 50%;
    color: var(--paars);
}

.kostprijs-subproducten-sum[b-kok80rxgp8] {
    background-color: var(--footer-zwart);
    color: var(--wit);
    display: flex;
    justify-content: space-between;
    padding: 3px 7px;
}

.kostprijs-subproducten-sum-title[b-kok80rxgp8] {
    display: flex;
}

.kostprijs-subproducten-sum-bedrag[b-kok80rxgp8] {
    display: flex;
    gap: 10px;
}

.kostprijs-subproducten-sum-bedrag-label[b-kok80rxgp8] {
}

.kostprijs-subproducten-sum-bedrag-prijs[b-kok80rxgp8] {
    font-weight: 600;
}

.kostprijs-afwijkendeprijs[b-kok80rxgp8] {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: flex-end; 
    width: 100%;
}

.kostprijs-subproducten-infomessage[b-kok80rxgp8] {
    margin-bottom: 1rem;
}

.lesmomentContainer[b-kok80rxgp8]{
    margin-bottom: 1rem;
}

.coosy-selectie[b-kok80rxgp8] {
    display: flex;
    gap: 2rem;
    margin: 1rem 0;
}

.traject-info[b-kok80rxgp8] {
    display: flex;
    margin-left: 40px;
    align-items: center;
}

.traject-info .traject-nummer[b-kok80rxgp8] {
    margin-right: 30px;
}

    .traject-info[b-kok80rxgp8]  .input-dropdown-2types {
        margin: 5px 30px 5px 0px;
        width: 80px;
        height: 36px;
    }

.traject-label[b-kok80rxgp8] {
    font-weight: 900;
    margin-right: 8px;
}

.traject-nummer[b-kok80rxgp8] {
    margin-right: 15px;
}

[b-kok80rxgp8] .collapsable-container-content .status-container:last-of-type {
    margin-bottom: 1.5rem;
} 

[b-kok80rxgp8] .status-item {
    margin-bottom: 10px;
}
/* /Pages/Product/ProductDocumenten.razor.rz.scp.css */
.buttonContainer[b-g0bs3cf36c] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Product/ProductErkenning.razor.rz.scp.css */
.required[b-jdmdgce8k2] {
    color: var(--paars);
}

.rij--erkenning[b-jdmdgce8k2] {
    align-items: center;
    background-color: var(--lichtpaarsgrijs);
    display: flex;
    gap: 24px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 10px;
}

    .rij--erkenning label[b-jdmdgce8k2] {
        font-weight: 700;
    }

    [b-jdmdgce8k2].rij--erkenning .input {
        width: 150px;
    }

.erkenning-sessie[b-jdmdgce8k2] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
}

.erkenning-sessie-tip[b-jdmdgce8k2] {
    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-jdmdgce8k2] {
        padding-top: 0;
    }

    .erkenning-sessie-tip:last-child[b-jdmdgce8k2] {
        border-bottom: none;
        padding-bottom: 0;
    }
/* /Pages/Product/ProductOverzicht.razor.rz.scp.css */
.titel-span[b-9mcvcukhxm] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-9mcvcukhxm] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-9mcvcukhxm] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-9mcvcukhxm] {
    padding-left: 50px;
}


.sidebar[b-9mcvcukhxm] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-9mcvcukhxm] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-9mcvcukhxm] {
    float: left;
}

[b-9mcvcukhxm] .sis-hoofditem {
    background-color: transparent;
}

.product-soort[b-9mcvcukhxm] {
    padding-right: 5px;
}

.overzicht-container[b-9mcvcukhxm] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 35px 10px 10px 35px;
}

.overzicht-subitem-titel[b-9mcvcukhxm] {
    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-9mcvcukhxm] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    margin-left: 10px;
}

.overzicht-subitem[b-9mcvcukhxm] {
    border-color: var(--grijs);
    border-style: solid;
    margin: 10px;
}
/* /Pages/Product/ProductSamenstelling.razor.rz.scp.css */
.productsamenstelling-overzicht[b-j6rdbpugbn] {
    display: flex;
    flex-direction: column;
}

.button-nieuw[b-j6rdbpugbn] {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}
/* /Pages/Product/ProductStages.razor.rz.scp.css */
.buttonContainer[b-ou1uv0o0h6] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Product/ProductSyllabi.razor.rz.scp.css */
.buttonContainer[b-2vs2jjdsex] {
    display: flex;
    margin-top: -60px;
    flex-direction: row-reverse;
}
/* /Pages/Product/ProductVakken.razor.rz.scp.css */
[class$="-omschrijving"][b-pq0wtlinmw] {
    font-weight: bold;
    float: left;
}

.productlid-omschrijving[b-pq0wtlinmw] {
    padding-left: 25px;
}

[class$="-aantal"][b-pq0wtlinmw], [class$="-punten"][b-pq0wtlinmw] {
    float: right;
    font-weight: bold;
    font-size: 0.9rem;
    text-align: right;
    padding-right: 50px;
    margin-top: 5px;
}

[b-pq0wtlinmw] .product-form{
    display: inline-flex;
}

[b-pq0wtlinmw] .panel-extra-info {
    text-align: right;
    padding-right: 50px;
}

.productlid-tooltip[b-pq0wtlinmw] {
    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-pq0wtlinmw] {
    padding-left: 20px;
}

[b-pq0wtlinmw] .panel-body .sis-fullrow {
    padding: 5px 0;
}

/* Tooltip productlid*/
.tooltip-content[b-pq0wtlinmw] {
    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-pq0wtlinmw] {
    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-pq0wtlinmw] {
    grid-column: 2/2;
    color: var(--svg-default-kleur);
    font-weight: 700;
}

.tooltip-hoedanigheid[b-pq0wtlinmw] {
    grid-column: 2/2;
    color: var(--kashmirblauw);
}

.docentenlijst-container[b-pq0wtlinmw] {
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfAlgemeen.razor.rz.scp.css */
.inputContainer[b-z1s7b4c3xv] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.prospectCardContainer[b-z1s7b4c3xv]{
    display:flex;
    gap: 20px;
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfBedrijfsinfo.razor.rz.scp.css */
[b-5vrvimcioa] .moederbedrijf-button-container {
    display: flex;
}

.prospect-persoon-gridcolumn[b-5vrvimcioa] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    width: 100%;
}

.prospect-persoon-naam[b-5vrvimcioa] {
    min-width: 0;
}

.prospect-portaalbeheerder[b-5vrvimcioa] {
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    justify-content: center;
    margin-left: auto;
    text-align: center;
    padding-left: 0px;
    width: 2rem;
    align-items: center;
    background-color: var(--paars);
    flex-shrink: 0;
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfFacturatieAdressen.razor.rz.scp.css */
.addressCardContainer[b-gaj7m5muox] {
    display: flex;
    gap: 20px;
}
/* /Pages/Prospect/Bedrijf/ProspectBedrijfKMOProjecten.razor.rz.scp.css */
.product-omschrijving[b-lzu1dopj2w] {
    margin-left: 10px;
}

.button-voegtoe[b-lzu1dopj2w] {
    margin-top: 20px;
}
/* /Pages/Prospect/Persoon/Popups/PersoonRelatiePopup.razor.rz.scp.css */
.erkenning-details[b-s89fgmurr1] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-s89fgmurr1] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-s89fgmurr1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-s89fgmurr1] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-s89fgmurr1] .testclass {
    width: 235px;
}

[b-s89fgmurr1] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-s89fgmurr1] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-s89fgmurr1] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-s89fgmurr1] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-s89fgmurr1] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-s89fgmurr1] .rz-accordion-content {
    padding: 10px;
}

[b-s89fgmurr1] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-s89fgmurr1] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-s89fgmurr1] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-s89fgmurr1] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-s89fgmurr1] {
    color: var(--kashmirblauw);
    font-style: italic;
    margin-left: auto;
}

.label[b-s89fgmurr1] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-s89fgmurr1] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-s89fgmurr1] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Pages/Prospect/Persoon/ProspectPersoonAlgemeen.razor.rz.scp.css */
.inputContainer[b-ibobjbhuou] {
    display: flex;
    gap: 10px;
}

[b-ibobjbhuou] .titel-blok-content {
    padding: 0 20px;
}

[b-ibobjbhuou] .titel-blok-content .row {
    margin-top: 2px;
}
/* /Pages/Prospect/Persoon/ProspectPersoonPersoonlijkeInfo.razor.rz.scp.css */
[b-eg23rqafd5] .datepicker{
    width: 100%;
}

.prospect-portaalbeheerder[b-eg23rqafd5] {
    border-radius: 50%;
    color: white;
    display: inline-flex;
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    justify-content: center;
    margin-left: auto;
    text-align: center;
    padding-left: 0px;
    width: 2rem;
    align-items: center;
    background-color: var(--paars);
    flex-shrink: 0;
}

.prospect-bedrijf-gridcolumn[b-eg23rqafd5] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    width: 100%;
}
/* /Pages/Prospect/Popups/WanbetalerDossierPopup.razor.rz.scp.css */
.erkenning-details[b-hqxy870v20] {
    padding: 1rem 2rem 1rem 2rem;
}

.erkenninginstantie-prospect[b-hqxy870v20] {
    background-color: var(--lichtpaarsgrijs);
    padding: 10px;
}

.erkenninginstantie-prospect-content[b-hqxy870v20] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.erkenninginstantie-prospect-content h2[b-hqxy870v20] {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}

[b-hqxy870v20] .testclass {
    width: 235px;
}

[b-hqxy870v20] .rz-accordion {
    border: 1px solid var(--grijs);
    border-radius: 6px;
}

[b-hqxy870v20] .rz-accordion-header {
    background-color: var(--lichtpaarsgrijs);
    border-bottom: 1px solid var(--grijs);
    border-top: 1px solid var(--grijs);
    height: 44px;
}

    [b-hqxy870v20] .rz-accordion-header + .rz-accordion-header {
        border-top: 0;
    }

    [b-hqxy870v20] .rz-accordion-header:first-child {
        border-top: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    [b-hqxy870v20] .rz-accordion-header:last-child {
        border-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-hqxy870v20] .rz-accordion-content {
    padding: 10px;
}

[b-hqxy870v20] .rz-accordion-content-wrapper:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    [b-hqxy870v20] .rz-accordion-content-wrapper:last-child .rz-accordion-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-hqxy870v20] .rz-accordion-header > a {
    display: flex;
    flex-grow: 1;
    height: 44px;
    width: 100%;
}

.lesmoment-item[b-hqxy870v20] {
    align-items: center;
    display: flex;
    gap: 16px;
}

.lesmoment-item--duur[b-hqxy870v20] {
    color: var(--kashmirblauw);
    font-style: italic;
    margin-left: auto;
}

.label[b-hqxy870v20] {
    display: flex;
    font-size: 16px;
    font-weight: 700;
}

.prospect-search-popup-buttons[b-hqxy870v20] {
    border-top: 1px solid var(--grijs);
    padding: 1rem 2rem 1rem 2rem;
    display: flex;
    justify-content: flex-end;
}

[b-hqxy870v20] .button-row {
    border-top: 1px solid var(--grijs);
}
/* /Pages/Prospect/ProspectExtraInfo.razor.rz.scp.css */
[b-verlsjwh0z] .titel-blok .titel-blok .titel-blok-content:has(.prospectInput) {
    margin-top: -15px;
}

[b-verlsjwh0z] .prospectInput {
    margin-top: 0px;   
}

[b-verlsjwh0z] .referenties .simple-data-grid-newrow,
[b-verlsjwh0z] .referenties .row {
    margin-top: 0;
    padding-top: 0;
}
/* /Pages/Prospect/ProspectHistoriek.razor.rz.scp.css */
.documenten[b-qc4w6zmib8] {
    margin-left:35px;
}

.titel-links[b-qc4w6zmib8] {
    margin-left: 40px;
    font-weight: 900;
    font-size: var(--rz-grid-cell-font-size);
}

.fileInfoContainer[b-qc4w6zmib8] {
    display: inline-flex;
    width: 98%;
    border: 1px solid var(--grijs);
    border-radius: 5px;
    margin: 2px 0 5px 5px;
}

.fileIcon[b-qc4w6zmib8] {
    color: var(--paars);
    width: 15%;
}

    .fileIcon p[b-qc4w6zmib8] {
        margin: 4px 0;
    }

.fileTextContainer[b-qc4w6zmib8] {
    margin-top: 5px;
    width: 65%
}

.fileTextContainer p[b-qc4w6zmib8] {
    margin-bottom: 0;    
}

.fileName[b-qc4w6zmib8] {
    font-weight: 900;
}

.fileSize[b-qc4w6zmib8] {
   
    color: var(--lichtgrijs-text);
}

.fileTypeContainer[b-qc4w6zmib8] {
    width: 20%;
    margin-top: 24px;
    margin-left: 20px;
}

.fileActionContainer[b-qc4w6zmib8] {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.splitter[b-qc4w6zmib8] {
    border-right: 1px solid var(--lichtgrijs-text);
    height: 24px;
    width: 1px;
    margin-top: 24px;
}

.iconButtonContainer[b-qc4w6zmib8] {
    margin-top: 20px;
}

[b-qc4w6zmib8] .icon-button {
    outline: none;
    color: var(--paars);
}

[b-qc4w6zmib8] .rz-data-row .rz-cell-data {
    height: 44px;
    padding: 2px;
}

[b-qc4w6zmib8] .rz-data-row .rz-col-icon {
    padding: 0 2px 0 0;
}

[b-qc4w6zmib8] .rz-data-row .rz-cell-data {
    vertical-align: middle;
    display: table-cell;
}

[b-qc4w6zmib8] .rz-data-row td {
    padding: 0 2px 0 0;
}

.status-item-Actief[b-qc4w6zmib8] {
    background-color: var(--chipbackground);
    padding: 5px;
    border: 1px solid var(--chipborder);
    border-radius: 7px;
    color: var(--chiptext);
}

.status-item-Actief[b-qc4w6zmib8]: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-qc4w6zmib8]  svg {
        width: 44px;
        height: 44px;
    }

    .fileInfoContainer[b-qc4w6zmib8] {
        font-size: 0.8em;
        padding-left: 1px;
    }
}

/* /Pages/Prospect/ProspectOverzicht.razor.rz.scp.css */
.titel-span[b-vvq22t466y] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-vvq22t466y] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-vvq22t466y] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-vvq22t466y] {
    padding-left: 50px;
}
/* /Pages/Spike/Gert/TesterGert.razor.rz.scp.css */
h4[b-wdsbsyt7qb] {
    margin-bottom: 20px;
}

.page-content[b-wdsbsyt7qb] {
    padding: 20px;
}

.mockdata-container[b-wdsbsyt7qb], .menu-left-generator[b-wdsbsyt7qb] {
    display: flex;
    margin: 45px 0;
}

.stap-status[b-wdsbsyt7qb] {
    display: flex;
    flex-flow: column wrap;
    margin: 0 40px 0 10px;
}

.flexbox-container[b-wdsbsyt7qb] {
    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-wdsbsyt7qb] {
    width: 300px;
    height: 150px;
    background-color: orange;
    margin: 15px;
    flex-grow: 2;
}

.box2[b-wdsbsyt7qb] {
    width: 150px;
    height: 200px;
    background-color: lightgreen;
    margin: 15px;
    flex-grow: 4;
}

.box3[b-wdsbsyt7qb] {
    width: 250px;
    height: 180px;
    background-color: lightseagreen;
    margin: 15px;
    flex-grow: 1;
}

[b-wdsbsyt7qb] button {
    margin: 0 8px;
}

.left-menu[b-wdsbsyt7qb] {
    display: grid;
}

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

[b-wdsbsyt7qb] .nav-button {
    width: 140px;
    height:24px;
}

textarea[b-wdsbsyt7qb] {
    width: 100%;
}
/* /Pages/Spike/Koen/TestKoen.razor.rz.scp.css */
.sidebar[b-sm1fmcqisq] {
    /*box-shadow: 0px 0px 5px var(--grijs);*/
    border-radius: 5px;
/*    width: fit-content;*/
    position: fixed;
    top: 60px;
}

.zoek-templates[b-sm1fmcqisq] {
    float: left;
}

[b-sm1fmcqisq] .sis-hoofditem {
    background-color: var(--wit);
}

[b-sm1fmcqisq] .sis-menuitem > [class^="rz-navigation-item-wrapper"] {
    padding-left: 28px;
}

[b-sm1fmcqisq] .sis-menuitem-nieuw > [class^="rz-navigation-item-wrapper"] {
    padding-left: 28px;
}

[b-sm1fmcqisq] .rz-menu {
    background-color: var(--wit);
    height: 50px;
}

/*::deep .quicksearch-item {
    padding-bottom: 25px;
}*/
/* /Pages/Spike/Luc/HorizontalScroller.razor.rz.scp.css */
.scrolly[b-vo1ie52jl7] {
    max-height: 120px;
    border: 1px solid red;
    display: flex;
    overflow-x: auto;
}

    .scrolly[b-vo1ie52jl7]::-webkit-scrollbar {
        width: 0;
        }

    .scrolly .item[b-vo1ie52jl7] {
        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-vhl2m0e521] {
    padding: 20px; /* marge rondom de hele container */
}

.dropdown-row[b-vhl2m0e521] {
    display: flex;
    align-items: center;
    gap: 20px; /* ruimte tussen de dropdowns */
    margin-bottom: 15px; /* ruimte onder de rij */
}

    .dropdown-row label[b-vhl2m0e521] {
        margin-right: 5px; /* iets ruimte tussen label en dropdown */
    }


.d-flex[b-vhl2m0e521] {
    width: 100%;
}
/* /Pages/Spike/Luc/TestLuc.razor.rz.scp.css */

button[b-kl2cf86hrh] {
    height: fit-content;
    width: fit-content;
    border:medium;
    margin:10px;
}
/* /Pages/SubProduct/SubProduct.razor.rz.scp.css */
.container[b-a22h67psgk] {
    display: flex;
    gap: 40px;
    padding: 0;
}

.numeric[b-a22h67psgk] {
    gap: 10px;
}

.product-externe-lesplaats[b-a22h67psgk] {
    display: flex
}

.externe-lesplaats-buttons[b-a22h67psgk]{
    display: flex;
}

.externe-lesplaats-nummer[b-a22h67psgk]{
    font-style: italic;
    margin-right: 5px;
}

.externe-lesplaats-label[b-a22h67psgk]{
    align-self: center;
}

.moduleNummerContainer[b-a22h67psgk] {
    display:flex;
    gap: 15px;
}
/* /Pages/SubProduct/SubProductBudget.razor.rz.scp.css */
.budget-titel[b-vl2pefnubj] {
    font-weight: 900;
    padding: 15px 0 5px;
    font-size: 20px;
}

[b-vl2pefnubj] .cost-items-container {
    flex-wrap: wrap;
}

[b-vl2pefnubj] .leftContainer, [b-vl2pefnubj] .rightContainer {
    width: 100%;
    margin: -5px;
}

    [b-vl2pefnubj] .rightContainer {
        align-items: baseline;
    }

[b-vl2pefnubj] .rightContainer div {
    display: contents;
}

[b-vl2pefnubj] .budgetkost-items {
    display: block;
}

[b-vl2pefnubj] .budgetkost-items .container {
   flex-direction: column;
}

    [b-vl2pefnubj] .popupBody .container {
        flex-direction: column;
    }

[b-vl2pefnubj] .aantal,
[b-vl2pefnubj] .totalText {
    text-align: right;
    margin-right: 4px;
}

[b-vl2pefnubj] .infoveld {
    align-items: center;
}

[b-vl2pefnubj] .headerTotalenContainer .headerText {
    text-align: center;
}
/* /Pages/SubProduct/SubProductEvaluatiePunten.razor.rz.scp.css */
h5[b-jcq2zcu3tf] {
    display: inline;
}

sup[b-jcq2zcu3tf] {
    padding-right: 5px
}

.filter-container[b-jcq2zcu3tf] {
    background-image: linear-gradient(white, var(--lichtpaarsgrijs));
    padding: 10px 0 10px 55px;
}

.filter-container-1[b-jcq2zcu3tf] {    
    padding-bottom: 15px;
    display: flex;
}

.filter-container label[b-jcq2zcu3tf] {
    font-weight: 900;
    padding-bottom: 15px;
}

.filter-datum-container[b-jcq2zcu3tf] {
    border-right: 2px solid var(--grijs);
    width: 410px;
}

.filter-docent-container[b-jcq2zcu3tf] {
    padding: 0 15px;
}

.filter-buttons[b-jcq2zcu3tf] {
    display: flex;
    justify-content: flex-end;
    margin-left: 20px;
    gap: 10px;
    align-items: flex-end;
}

.punten-overzicht[b-jcq2zcu3tf] {
    display: flex;
}

.docent[b-jcq2zcu3tf] {
    border-left: 1px solid var(--grijs);
}

.docenten-container[b-jcq2zcu3tf] {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

    .docenten-container[b-jcq2zcu3tf]  .persona-info {
        border-left: 1px solid var(--grijs);
    }

.evaluatie-summary[b-jcq2zcu3tf] {
    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-jcq2zcu3tf]  .persona-info {
    border-left: 1px solid var(--grijs);
}

.evaluatie-summary[b-jcq2zcu3tf]  .icon {
    fill: var(--paars);
    color: var(--paars);
    margin-right: 10px;
    margin-left: 18px;
}

    .evaluatie-summary[b-jcq2zcu3tf]  .icon:first-of-type {
        border-left: 1px solid var(--grijs);
        padding-left: 10px;
        min-width: 36px;
    }

.evaluatie-omschrijving[b-jcq2zcu3tf] {
    width: 40%;
}

.evaluatie-info[b-jcq2zcu3tf], .evaluatie-info > span[b-jcq2zcu3tf] {
    position: relative;
    margin-left: 15px;
}

.zittijd-slagingsscore[b-jcq2zcu3tf] {
    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-jcq2zcu3tf] {
    border: 2px solid var(--lichtgrijsviolet);
}

    details[open] .evaluatie-summary[b-jcq2zcu3tf] {
        background: var(--lichtgrijsmagenta);
    }

/*de standaard pijlen vervangen door de onze*/
.evaluatie-summary[b-jcq2zcu3tf] {
    list-style: none;
    padding-left: 50px;
}

details summary[b-jcq2zcu3tf]::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-jcq2zcu3tf]::before {
    content: "arrow_drop_down";
    left: 18px;
}

.totalen-titel[b-jcq2zcu3tf] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    top: 125px;
}

.totalen-titel[b-jcq2zcu3tf]  button {
    font-size: 12px;
    height: 28px;
    padding: 0 10px;
}

.totalen-overzicht[b-jcq2zcu3tf] {
    position: sticky;
    top: 160px;
}

.totalen-overzicht-cursist-info[b-jcq2zcu3tf] {
    padding: 10px 0;
    border-bottom: 1px solid var(--grijs);
}

.totalen-overzicht-resultaat[b-jcq2zcu3tf], .totalen-overzicht-cursist-definitief[b-jcq2zcu3tf] {
    display: flex;
    justify-content: flex-start;
    margin-left: 10px;
}

.totalen-overzicht-cursist-definitief[b-jcq2zcu3tf] {
    color: var(--kashmirblauw);
    font-size: 12px;
    margin-top: 5px;
}

.totalen-overzicht-cursist-definitief span:first-of-type[b-jcq2zcu3tf] {
    margin-right: 8px;
    width: 75px;
}

    .totalen-overzicht-cursist-definitief[b-jcq2zcu3tf]  svg {
        
    }
[class*="definitief"][b-jcq2zcu3tf]  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-jcq2zcu3tf] {
    padding-left:10px;
}

.totaal-punten[b-jcq2zcu3tf] {
    font-weight: bold;
}

.totaal-status[b-jcq2zcu3tf] {
    right: 5px;
    position: absolute;
}

.totaal-status.Geslaagd[b-jcq2zcu3tf] {
    color: var(--groen);
}

.totaal-status.NietGeslaagd[b-jcq2zcu3tf] {
    color: var(--rood);
}

.totaal-status.Onvolledig[b-jcq2zcu3tf] {
    color: var(--oranje);
}

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

#button-definitief[b-jcq2zcu3tf] {
    display: inline;
}

/* overzicht per module*/

.resultaten-per-module-overzicht[b-jcq2zcu3tf] {
    display: flex;
}

.cursisten-overzicht[b-jcq2zcu3tf] {
    width: 25%;
    margin:0 20px;
}

    .cursisten-overzicht[b-jcq2zcu3tf]  .button-content {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.modules-overzicht[b-jcq2zcu3tf] {
    width: 75%;
}

[b-jcq2zcu3tf] .SISContentSummary-body {
    display: contents;
}

[b-jcq2zcu3tf] .SISContentSummaryItem-root {
    min-height: 28px;
}

.grid-header[b-jcq2zcu3tf] {
    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-jcq2zcu3tf] {
    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-jcq2zcu3tf] {
    position: sticky;
    top: 155px;
}

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

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

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

.module[b-jcq2zcu3tf] {
    width: 40%;
    border-left: none;
}
.totaal[b-jcq2zcu3tf] {
    width: 20%;
    text-align: right;

}
.definitief-coosy[b-jcq2zcu3tf] {
    width: 10%;
    text-align: center;
}
.definitief-platform[b-jcq2zcu3tf] {
    width: 10%;
    text-align: center;
}
.status[b-jcq2zcu3tf] {
    width: 20%;
    text-align: center;
}

.status.grid-row-cell[b-jcq2zcu3tf] {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width: 1077px) {

    .filter-buttons[b-jcq2zcu3tf] {
        align-items: center;
    }
}

@media (max-width: 992px) {
    .cursisten-overzicht[b-jcq2zcu3tf]  .button-content {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 60px;
    }

    .grid-header-cell[b-jcq2zcu3tf], .grid-row-cell[b-jcq2zcu3tf], [b-jcq2zcu3tf] .chip-root, [b-jcq2zcu3tf] .vertical-menu-item-text {
        font-size: 0.8em;
    }    
}
/* /Pages/Syllabi/SyllabiOverzicht.razor.rz.scp.css */
.syllabi-docenten-container[b-go9ahji69u] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.syllabi-docent-item[b-go9ahji69u] {
    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-go9ahji69u] {
    padding-right: 15px;
    padding-top: 7px;
}

.overzicht-titel-zoek[b-go9ahji69u] {
    margin-top: 12px;
    padding: 6px;
    border-radius: 0.25rem;
    display: flex;
    gap: 20px;
}

.overzicht-titel-zoekveld[b-go9ahji69u] {
    padding-left: 0;
}

.overzicht-titel-zoekfilter[b-go9ahji69u] {
    padding-left: 50px;
}


.sidebar[b-go9ahji69u] {
    border-radius: 5px;
    position: fixed;
    top: 60px;
}

.sis-content[b-go9ahji69u] {
    transition: all 350ms ease-in !important;
}

.zoek-templates[b-go9ahji69u] {
    float: left;
}

[b-go9ahji69u] .sis-hoofditem {
    background-color: transparent;
}

.product-soort[b-go9ahji69u] {
    padding-right: 5px;
}

.overzicht-container[b-go9ahji69u] {
    border-color: var(--lichtpaars);
    border-style: solid;
    padding: 35px 10px 10px 35px;
}

.overzicht-subitem-titel[b-go9ahji69u] {
    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-go9ahji69u] {
    border-color: var(--lichtpaars);
    border-style: solid;
    margin-bottom: 10px;
    margin-left: 10px;
}

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

/* Syllabi subgrid tabs styling */
[b-go9ahji69u] .syllabi-subgrid-tabs {
    margin: 0;
    padding: 0;
}

    [b-go9ahji69u] .syllabi-subgrid-tabs.rz-tabview-top {
        background: transparent;
    }

    [b-go9ahji69u] .syllabi-subgrid-tabs .rz-tabview-nav {
        padding: 0;
        margin: 0;
        background: transparent;
        display: flex;
    }

        [b-go9ahji69u] .syllabi-subgrid-tabs .rz-tabview-nav li {
            margin: 0;
            margin-bottom: -2px;
            border: none;
            background: transparent;
        }

            [b-go9ahji69u] .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-go9ahji69u] .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-go9ahji69u] .syllabi-subgrid-tabs .rz-tabview-nav li a:hover {
                color: var(--lichtpaars);
                background: transparent;
            }

    [b-go9ahji69u] .syllabi-subgrid-tabs .rz-tabview-title {
        font-size: 14px;
    }

    [b-go9ahji69u] .syllabi-subgrid-tabs .rz-tabview-panels {
        padding: 0;
        margin-top: 16px;
        background: transparent;
    }

    [b-go9ahji69u] .syllabi-subgrid-tabs .rz-tabview-panel {
        padding: 0;
    }
/* /Pages/Template/ProductPortfolioTemplateOverzicht.razor.rz.scp.css */

[b-ezs6gdu63i] .titel-blok > h5 {
    margin: revert !important;    
}

[b-ezs6gdu63i] .rz-datalist-data {
    padding: unset !important;
}

[b-ezs6gdu63i] .rz-datalist-data > li {
    border-style: hidden;
    padding:0.01rem;
}

[b-ezs6gdu63i] .RadzenCard {
    width: 100%;
    padding: 20px;
    border-block-style: hidden !important;
    border-style: hidden !important;
    background-color:aquamarine;
}