.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%;
}

/* 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 */
.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*/
/* 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;
}




/* 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;
}