.mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) {
    border-bottom-color: var(--mud-palette-secondary);
    border-bottom-width: 5px;
    color: var(--mud-palette-secondary-text);
}

.mud-navmenu.mud-navmenu-secondary .mud-nav-link {
    padding: 8px 0px !important;
    color: var(--mud-palette-secondary-text);
}

.mud-navmenu.mud-navmenu-secondary .mud-button-text {
    padding: 8px 0px !important;
    color: var(--mud-palette-secondary-text);
}

.mud-nav-link-text {
    font-weight: var(--mud-typography-button-weight);
    font-size: var(--mud-typography-button-size);
    margin-inline-start: 0px !important;
}

/* breedte van Home en Team */
.mud-nav-item {
    width: auto;
}

.scroll-offset {
    scroll-margin-top: var(--headerheight);
}

/* expand icoontje van de groep */
.mud-drawer-content > .mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-drawer-icon);
}

/* custom group (group met href + tooltip */
.custom-nav-group > button {
    line-height: 1;
}
.mud-navmenu > .mud-nav-group .custom-nav-group2 .mud-nav-link {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .custom-nav-group .mud-nav-link {
    padding-left: 8px;
}
.mud-navmenu > .custom-nav-group .mud-nav-link {
    display: inline-flex;
}
.mud-drawer--closed.mud-drawer-mini .custom-nav-group > .mud-nav-link {
    width: auto;
}
.custom-nav-group > .mud-nav-link > .mud-nav-link-text {
    padding-bottom: 0px;
    padding-top: 0px;
}

/* links heffingen moet subtitle2 gebruiken */
.mud-typography-subtitle2 .mud-nav-link-text {
    font-weight: var(--mud-typography-subtitle2-weight);
    font-size: var(--mud-typography-subtitle2-size);
    margin-inline-start: 14px !important;
}
.mud-nav-group > .mud-nav-link > .mud-nav-link-text,
.mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text,
.mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-weight: var(--mud-typography-subtitle2-weight);
}
.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-text
{
    font-weight: var(--mud-typography-subtitle1-weight);
    font-size: var(--mud-typography-subtitle1-size);
}

/* kleur icoontje bij actieve link */
.mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default {
    color: var(--mud-palette-primary);
}

.mud-tooltip {
    font-size: var(--mud-typography-body2-size);
    line-height: var(--mud-typography-body2-lineheight);
    font-weight: var(--mud-typography-body2-weight);
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.mud-tab {
    text-transform: none;
}

.mud-tab-slider.mud-tab-slider-horizontal {
    height: 0px;
}

.jaarverslagentabs .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: flex;
    width: 100%;
}
.jaarverslagentabs .mud-tabs-tabbar-wrapper > .mud-tooltip-root {
    flex: 0 0 47px;
}

/* 2 tabbladen (heffingen) */
.mud-tab-2_equal-cols .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--mud-palette-text-primary);
}

.mud-tab-2_equal-cols .mud-tabs-tabbar-wrapper > .mud-tooltip-root {
    flex: 0 0 50%;
}

/* 3 tabbladen (heffingen) */
.mud-tab-3_equal-cols .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--mud-palette-text-primary);
}
.mud-tab-3_equal-cols .mud-tabs-tabbar-wrapper > .mud-tooltip-root {
    flex: 0 0 calc(100% / 3);
}

/* 4 tabbladen (app - dossierdetail) */
.mud-tab-4_equal-cols .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--mud-palette-text-primary);
}
.mud-tab-4_equal-cols .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper > div {
    /* nodig door de custom icoontjes op de tabs */
    flex: 0 0 25%;
}
.mud-tab-4_equal-cols .mud-tabs-tabbar-wrapper > .mud-tooltip-root {
    flex: 0 0 25%;
}
/* 5 tabbladen (app Vlabel - dossierdetail) */
.mud-tab-5_equal-cols .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--mud-palette-text-primary);
}
 .mud-tab-5_equal-cols .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper > div {
        /* nodig door de custom icoontjes op de tabs */
        flex: 0 0 20%;
    }

.mud-tab-5_equal-cols .mud-tabs-tabbar-wrapper > .mud-tooltip-root {
    flex: 0 0 20%;
}

/* dynamisch tab-pages */
:root {
    --columns: 4; /* aantal kolommen */
    --headerheight: 81px; /* niet ingelogd 81px, wel ingelogd: 143px*/
    --headerheight-notloggedin: 81px;
    --headerheight-loggedin: 143px;
}
.mud-tab-x_equal-cols .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--mud-palette-text-primary);
}
.mud-tab-x_equal-cols .mud-tabs-tabbar-wrapper > .mud-tooltip-root {
    flex: 0 0 calc(100% / var(--columns));
}

.mud-tab.mud-tab-active {
    border-bottom-color: var(--mud-palette-secondary);
    border-bottom-width: 5px;
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary-hover);
    height: 100%;
}

/* mud data grid - custom rowstyles - dossier detail vorderingen */
.mud-table-row_subdossierlijn { 
    background-color: var(--mud-palette-primary) !important;
}
.mud-table-row_hoofddossierlijn > td {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-text-primary) !important;
}
.mud-table-row_GDW {
    background-color: var(--mud-palette-table-striped) !important;
}
/* mud data grid - custom rowstyles - zoekdossiers vlabel */

:root {
    --color_geregeld: #2df9c8;
    --color_uitvoering: #3b5f80;
    --color_teruggestuurd: #f97316;
}

.mud-table-row_geregeld > td {
    background-color: var(--color_geregeld) !important;
}
.mud-table-row_geregeld > td > a {
    color: var(--mud-palette-secondary-text) !important;
}
.mud-table-row_uitvoering > td {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--color_uitvoering) !important;
}
.mud-table-row_uitvoering > td > a {
    color: var(--mud-palette-primary-text) !important;
}
.mud-table-row_teruggestuurd > td {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--color_teruggestuurd) !important;
}
.mud-table-row_teruggestuurd > td > a {
    color: var(--mud-palette-primary-text) !important;
}

/* mud data grid*/
/* zoals de andere grid of styled */
.mud-table-root .mud-table-head .mud-table-cell {
        font-size: var(--mud-typography-subtitle1-size); /* 14px; */
        font-weight: var(--mud-typography-subtitle1-weight); /* 700;  */
        line-height: var(--mud-typography-subtitle1-lineheight); /* 17px; */
    }
.mud-table-root .mud-table-body .mud-table-cell {
    font-size:   var(--mud-typography-body2-size);       /* 12px; */
    font-weight: var(--mud-typography-body2-weight);     /* 400;  */
    line-height: var(--mud-typography-body2-lineheight); /* 16px; */
}
.mud-table-root .mud-table-body .mud-table-cell > .mud-link {
    font-size:   var(--mud-typography-body2-size);       /* 12px; */
    font-weight: var(--mud-typography-body2-weight);     /* 400;  */
    line-height: var(--mud-typography-body2-lineheight); /* 16px; */
}

.mud-button-text {
    padding-right: 0px;
    padding-left: 0px;
}

.mud-expand-panel.striped {
    background-color: var(--mud-palette-table-striped);
}
.mud-expand-panel {
    background-color: #FFFFFF;
}
.mud-table-row {
    background-color: #FFFFFF;
}

.mud-drawer-header {
    min-height: 0px;
    padding: 8px 16px;
}

/* indien ingelogd */
@media (min-width: 775px) {
    .navigatie-balk-loggedin {
        display: flex !important;
    }
    .hamburgermenu-loggedin {
        display: none !important;
    }
}
/* indien niet ingelogd */
@media (min-width: 550px) {
    .navigatie-balk {
        display: flex !important;
    }
    .hamburgermenu {
        display: none !important;
    }
}


/*links */
.mud-link.mud-typography-button {
    color: var(--mud-palette-drawer-text) !important;
    text-decoration: none !important;
}
.mud-link {
    color: #72A9DF !important;
    text-decoration: underline !important;
}


.content {
    padding-top: 80px !important;
}

.mud-typography {
    margin-top: 0rem !important;
}

/* voor de popups en de messageboxes */
.mud-dialog-title {
    background-color: var(--mud-palette-primary);
}
.mud-dialog .mud-dialog-content {
    padding-bottom: 16px !important;
    padding-top: 16px !important;
}
.mud-dialog .mud-dialog-actions {
    padding: 24px !important;
}


/* datagrid padding links en rechts tussen de kolommen */
.mud-table-dense * .mud-table-row .mud-table-cell {
    padding-left: 4px;
    padding-right: 8px;
    /*border-left: 1px solid var(--mud-palette-primary);*/
}


.option-paper {
    background-color: #FFFFFF;
    border: 2px solid #E5E7EB;
}
.option-paper:hover {
    border-color: var(--mud-palette-tertiary); /* = "#3B5F80" */
}
.option-paper-selected {
    border: 2px solid var(--mud-palette-primary);
    background-color: #2df9c81a;
}




/* bij bv zoekveld de kleur van de kader en het label als het veld in focus is*/
/*.mud-input.mud-input-underline:after {
    border-bottom: 2px solid pink !important;*/ /* var(--mud-palette-secondary);*/
/*}
.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-primary)*/ /* "#0F1D2B", //same as primarytext - "var(--mud-palette-secondary-text)"*/
/*}*/

/*.navlink-icon-right .mud-icon-root {
    display: flex;
    flex-direction: row-reverse;*/ /* Zet icoon rechts */
/*justify-content: flex-start;
    align-items: center;
    gap: 8px;*/ /* Ruimte tussen tekst en icoon */
/*}

.navlink-icon-right .mud-nav-link {
    display: flex;
    flex-direction: row-reverse;*/ /* Zet icoon rechts */
/*justify-content: flex-start;
    align-items: center;
    gap: 8px;*/ /* Ruimte tussen tekst en icoon */
/*}*/


/* toegevoegd voor de pdf-component */
p {
    margin-top: 1rem !important;
}

.blazorpdf__scroll {
    background-color: transparent !important; /* deze is voor de rand rond de pdf die anders zwart is */
    /*padding-left: 157px !important; /*enkel als blazorpdf-pdf__thumbnails zichtbaar is !*/
    max-width: 1180px !important; /* horizontale scrollbar verbergt de vertikale scrollbar ?*/
    padding:0 !important
}

.blazorpdf-pdf__thumbnails {
    max-width: 165px !important; /*anders is er een scrollbar in de breedte*/
    width: auto !important;    
}

.blazorpdf-container {
    border: 1px solid #E2E3E5;
    width: 100%;
}

@media(min-width: 1600px) {
    .mud-container-maxwidth-lg {
        max-width: 1600px !important;
    }
}

.markdown-body {
    color-scheme: light !important;
    background-color: var(--mud-palette-surface) !important;
    color: var(--mud-palette-text-primary) !important;
}