.bg-primary-darken {
    background-color: var(--mud-palette-primary-darken);
}

.bg-primary-lighten {
    background-color: var(--mud-palette-primary-lighten);
}

.bg-primary {
    background-color: var(--mud-palette-primary)
}
.bg-transparent {
    background-color: transparent;
}

.hover-bg-lighten:hover {
    background-color: var(--mud-palette-primary-lighten);
}

.mud-primary-lighten {
    color: var(--mud-palette-primary-lighten);
}
.mud-primary-darken {
    color: var(--mud-palette-primary-darken);
}

.text-white {
    color: var(--mud-palette-white);
}

.fw-thin {
    font-weight: 100;
}
.fw-extra-light  
{
    font-weight: 200;
}
.fw-light  
{
    font-weight: 300;
}
.fw-regular  
{
    font-weight: 400;
}
.fw-medium  
{
    font-weight: 500;
}
.fw-semi-bold  
{
    font-weight: 600;
}
.fw-bold  
{
    font-weight: 700;
}
.fw-extra-bold  
{
    font-weight: 800;
}
.fw-black  
{
    font-weight: 900;
}

.nova-grid-header th.mud-table-cell {
    background-color: var(--mud-palette-primary);
    /*  Witte kleur voor sorteer icoontjes */
    --mud-palette-action-default: #ffffff;
    --mud-palette-text-disabled: #ffffff;
}

.nova-grid-header th.mud-table-cell .column-header {
    color: white;
    font-weight: normal;
}

.nova-fullscreen {
    margin: -24px;
    width: calc(100% + 48px);
    min-height: calc(100% + 48px);
}