body{
    overflow-y: hidden;
}

body[data-theme="dark"] .header-image-logo,
body[data-theme="system-dark"] .header-image-logo
{
    content: url('PageHeaderLogos/BelastingdienstLogoDark.svg')
}

body[data-theme="dark"] .actief-badge,
body[data-theme="system-dark"] .actief-badge
{
    background-color: #052505 !important;
    border: 1px solid #107C10 !important;
    color: #54B054 !important;
}

body[data-theme="dark"] .inactief-badge,
body[data-theme="system-dark"] .inactief-badge
{
    background-color: #292929 !important;
    border: 1px solid #525252 !important;
    color: #ADADAD !important;
}

body[data-theme="dark"] .verwijderd-badge,
body[data-theme="system-dark"] .verwijderd-badge
{
    background-color: #3B0509 !important;
    border: 1px solid #C50F1F !important;
    color: #DC626D !important;
}

fluent-tabs::part(activeIndicator) {
    width: 85%;
    border-radius: 4px;
    margin-top: 4px
}

fluent-tab .fluent-typography {
    line-height: 10px !important;
}

@font-face {
    font-family: "RO Sans";
    font-weight: normal;
    font-style: normal;
    src: url("Fonts/RO-SansWebText-Regular.woff2") format("woff2"), url("Fonts/RO-SansWebText-Regular.woff") format("woff")
}

@font-face {
    font-family: "RO Sans";
    font-weight: normal;
    font-style: italic;
    src: url("Fonts/RO-SansWebText-Italic.woff2") format("woff2"), url("Fonts/RO-SansWebText-Italic.woff") format("woff")
}

@font-face {
    font-family: "RO Sans";
    font-weight: bold;
    font-style: normal;
    src: url("Fonts/RO-SansWebText-Bold.woff2") format("woff2"), url("Fonts/RO-SansWebText-Bold.woff") format("woff")
}

@font-face {
    font-family: "RO Serif";
    font-weight: normal;
    font-style: normal;
    src: url("Fonts/RO-SerifWeb-Regular.woff2") format("woff2"), url("Fonts/RO-SerifWeb-Regular.woff") format("woff")
}

@font-face {
    font-family: "RO Serif";
    font-weight: normal;
    font-style: italic;
    src: url("Fonts/RO-SerifWeb-Italic.woff2") format("woff2"), url("Fonts/RO-SerifWeb-Italic.woff") format("woff")
}

@font-face {
    font-family: "Meta Sans";
    font-weight: normal;
    font-style: normal;
    src: url("Fonts/meta.woff2") format("woff2"), url("Fonts/meta.woff") format("woff")
}

@font-face {
    font-family: "Meta Sans";
    font-weight: bold;
    font-style: normal;
    src: url("Fonts/meta-bold.woff2") format("woff2"), url("Fonts/meta-bold.woff") format("woff")
}

@font-face {
    font-family: "Meta Sans";
    font-weight: normal;
    font-style: italic;
    src: url("Fonts/meta-italic.woff2") format("woff2"), url("Fonts/meta-italic.woff") format("woff")
}