.strip-br br { display: none; } @font-face { font-family: Karla Variable; font-style: normal; font-display: swap; font-weight: 200 800; src: url("/designsystem/media/karla-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } .heading_active { font-weight: bold; } @font-face { font-family: Karla Variable; font-style: normal; font-display: swap; font-weight: 200 800; src: url("/designsystem/media/karla-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: Rubik Variable; font-style: normal; font-display: swap; font-weight: 300 900; src: url("/designsystem/media/rubik-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF } @font-face { font-family: Rubik Variable; font-style: normal; font-display: swap; font-weight: 300 900; src: url("/designsystem/media/rubik-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD } /* ---------------- */ :root { --primary-font: "Karla Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; --heading-font: "Rubik Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; --loenmodtager-primary-color: rgba(167, 26, 0, 1); --virksomhed-primary-color: rgba(56, 5, 92, 1); --fagforening-primary-color: rgba(2, 63, 44, 1); --default-primary-color: var(--loenmodtager-primary-color); --primary-color: var(--default-primary-color); } .loenmodtager-segment { --primary-color: var(--loenmodtager-primary-color); } .virksomhed-segment { --primary-color: var(--virksomhed-primary-color); } .fagforening-segment { --primary-color: var(--fagforening-primary-color); } /* Radzen flytter popups (fx kolonnefiltre i datagrids) ud på , hvor de ikke arver segmentets farve fra .site-wrapper. Derfor løftes det aktive segments farve også op på body via :has(). */ body:has(.site-wrapper.loenmodtager-segment) { --primary-color: var(--loenmodtager-primary-color); } body:has(.site-wrapper.virksomhed-segment) { --primary-color: var(--virksomhed-primary-color); } body:has(.site-wrapper.fagforening-segment) { --primary-color: var(--fagforening-primary-color); } /* "*"-selector (alle elementer) er en virkelig dårlig (og "dyr") selector, men er eneste måde jeg lige kan komme på at omgå at Blazor injector css, på lidt random elementer, med overstyring af css variable. Så vi er nød til at tvinge dem tilbage til hvad vi ønsker på alle elementer, da vi ikke ved hvor det sker. */ body, body * { --info: #D1E7DC; --body-font: var(--primary-font); --type-ramp-base-font-size: 1rem; --type-ramp-base-line-height: 1.5rem; --fill-color: rgba(246, 241, 233, 1); --accent-base-color: var(--primary-color); /* --accent-base-color: rgba(0, 120, 212, 1); */ --neutral-fill-layer-rest: var(--fill-color); --accent-fill-rest: color-mix(in srgb, var(--accent-base-color), black 5%); --accent-fill-hover: color-mix(in srgb, var(--accent-fill-rest), white 5%); --accent-fill-active: color-mix(in srgb, var(--accent-fill-rest), white 10%); --accent-fill-focus: var(--accent-fill-rest); --accent-foreground-rest: color-mix(in srgb, var(--accent-base-color), black 40%); --accent-foreground-hover: color-mix(in srgb, var(--accent-foreground-rest), black 20%); --accent-foreground-active: color-mix(in srgb, var(--accent-foreground-rest), white 20%); --accent-foreground-focus: var(--accent-foreground-rest); --accent-stroke-control-rest-primary: var(--accent-base-color); --accent-stroke-control-rest-secondary: color-mix(in srgb, var(--accent-stroke-control-rest-primary), black 30%); --accent-stroke-control-rest: linear-gradient(var(--accent-stroke-control-rest-primary) 90%, var(--accent-stroke-control-rest-secondary) 100%); --accent-stroke-control-hover-primary: color-mix(in srgb, var(--accent-stroke-control-rest-primary), white 5%); --accent-stroke-control-hover-secondary: color-mix(in srgb, var(--accent-stroke-control-hover-primary), black 30%); --accent-stroke-control-hover: linear-gradient(var(--accent-stroke-control-hover-primary) 90%, var(--accent-stroke-control-hover-secondary) 100%); --accent-stroke-control-active: color-mix(in srgb, var(--accent-stroke-control-rest-primary), white 10%); --accent-stroke-control-focus: var(--accent-stroke-control-rest); } body { font-family: var(--body-font); font-size: var(--type-ramp-base-font-size); line-height: var(--type-ramp-base-line-height); margin: 0; } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); } /* ----- */ h1:focus { outline: none; } div.stack-horizontal.fluent-dialog-header div[tabindex="0"]:focus { outline: none; } .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid #e50000; } /* fluent button text wrap. Grimt hack :( */ fluent-button::part(control) { text-wrap: wrap; } fluent-tree-item::part(positioning-region) { height: unset !important; min-height: 32px; border-color: lightgray; } fluent-tree-item::part(content-region) { height: unset !important; min-height: 32px; } fluent-button { height: unset !important; min-height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px); } .validation-message { color: var(--error); font-size: var(--type-ramp-minus-1-font-size); display: flex; align-items: center; column-gap: 4px; } .validation-summary { color: var(--error); font-size: var(--type-ramp-base-font-size); } .validation-summary ul { list-style-type: none; margin-left: 0; padding-left: 0; } .validation-summary li { display: flex; align-items: center; column-gap: 8px; } .blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI26My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA9NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI6My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; } .blazor-error-boundary::after { content: "An error has occurred." } .darker-border-checkbox.form-check-input { border-color: #929292; } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: var(--bs-secondary-color); text-align: end; } .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder { text-align: start; } .treeview-wordwrap { max-height: calc(var(--type-ramp-base-line-height) * 25); overflow: scroll; } /* Responsive bredde for TreeView - 800px på store skærme, 100% på små */ .treeview-responsive { width: 100%; width: 800px; } /* På små skærme (mindre end 900px) skal træet fylde hele bredden */ @media (max-width: 899px) { .treeview-responsive { width: 100%; } } /* Positivliste aftalt: hele kursuslinjen er klikbar og åbner kursusdialogen (FOND-2085) */ .positivliste-klikbar-linje { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; margin-top: 5px; margin-bottom: 5px; cursor: pointer; border-radius: 4px; padding: 2px 4px; transition: background-color 0.15s ease; } .positivliste-klikbar-linje:hover, .positivliste-klikbar-linje:focus-visible { background-color: color-mix(in srgb, var(--accent-base-color) 12%, transparent); text-decoration: underline; } /* Sekretariatets beskrivelse under en overskrift i den aftalte positivliste (FOND-2085) */ .positivliste-overskrift-beskrivelse { margin: 2px 0 6px 0; max-width: 600px; font-variation-settings: 'wght' 400; color: var(--neutral-foreground-rest); } .positivliste-overskrift-beskrivelse > :first-child { margin-top: 0; } .positivliste-overskrift-beskrivelse > :last-child { margin-bottom: 0; } /* Kompakt Radzen DataGrid styling - 10pt font, mindre rækker */ .rz-data-grid { font-size: 10pt; } /* Radzens primærknapper (fx "Anvend filter" i kolonnefiltre) skal følge segmentets accentfarve i stedet for Radzen-temaets orange. .rz-overlaypanel er med, fordi Radzen flytter filter-popuppen ud på . */ .rz-data-grid, .rz-overlaypanel { --rz-primary: var(--primary-color); --rz-primary-light: color-mix(in srgb, var(--primary-color), white 10%); --rz-primary-dark: color-mix(in srgb, var(--primary-color), black 8%); --rz-primary-darker: color-mix(in srgb, var(--primary-color), black 25%); --rz-primary-lighter: color-mix(in srgb, var(--primary-color) 16%, transparent); --rz-on-primary-lighter: var(--primary-color); /* Temaet har allerede løst --rz-grid-apply-filter-button-background-color til orange på :root, så "Anvend filter" skal sættes eksplicit og ikke kun via --rz-primary. */ --rz-grid-apply-filter-button-background-color: var(--primary-color); /* Samme årsag: det aktive filterikon i kolonneoverskriften er også opløst til orange på :root. */ --rz-grid-header-filter-icon-active-color: var(--primary-color); /* Afkrydsede checkbokse og markerede rækker i kolonnefiltrenes lister følger samme accentfarve (Radzen-temaets blå sekundærfarve stikker ellers ud). Rækkemarkeringen bruger det svage accent-skær, som positivlistens klikbare linjer også bruger. */ --rz-checkbox-checked-background-color: var(--primary-color); --rz-checkbox-checked-hover-background-color: color-mix(in srgb, var(--primary-color), white 15%); --rz-dropdown-item-hover-background-color: color-mix(in srgb, var(--primary-color) 8%, transparent); --rz-dropdown-item-hover-color: var(--rz-text-color); --rz-dropdown-item-selected-background-color: color-mix(in srgb, var(--primary-color) 12%, transparent); --rz-dropdown-item-selected-color: var(--rz-text-color); --rz-dropdown-item-selected-hover-background-color: color-mix(in srgb, var(--primary-color) 18%, transparent); --rz-dropdown-item-selected-hover-color: var(--rz-text-color); } .rz-data-grid .rz-grid-table > thead > tr > th { padding: 4px 8px; font-size: 10pt; line-height: 1.3; background-color: rgb(226, 227, 229); } .rz-data-grid .rz-grid-table > tbody > tr > td { padding: 2px 8px; font-size: 10pt; line-height: 1.3; } /* Zebra-striping for Radzen DataGrid */ .rz-data-grid .rz-grid-table > tbody > tr:nth-child(odd) > td { background-color: rgb(241, 242, 244); } /* Mindre ikoner i datagrid */ .rz-data-grid .rzi { font-size: 14px; } /* Kompakt paginering */ .rz-data-grid .rz-pager { font-size: 10pt; padding: 4px 8px; } .rz-data-grid .rz-pager .rz-pager-summary { font-size: 10pt; } /* Mindre knapper i datagrid-celler */ .rz-data-grid .rz-cell-data .rz-button { padding: 2px 6px; font-size: 10pt; min-height: unset; } .rz-data-grid fluent-button { --type-ramp-base-font-size: 10pt; } .rz-data-grid .rz-column-title-content { font-size: 10pt; } .round-corners * div { border-radius: 5px !important; border-color: darkgray !important; background: rgba(0,0,0,0) !important; } .fondit-label { margin-bottom: 8px; } /* Lad fondit-card-bokse tilpasse sig deres indhold i stedet for at strække sig helt ud til kanten. fit-content krymper til indholdet, men overstiger aldrig den tilgængelige bredde. */ .fondit-card { width: fit-content; max-width: calc(100% - 1rem); } /* Når flere bokse er stablet i samme container, skal de tilpasse sig den bredeste, så de flugter. Containeren gøres til en enkelt-kolonne, der tilpasser sig den bredeste boks (fit-content(100%) overstiger ikke bredden), og boksene udfylder kolonnen i stedet for at krympe hver for sig. */ :has(> .fondit-card + .fondit-card) { display: grid; grid-template-columns: fit-content(calc(100% - 1rem)); justify-content: start; row-gap: 1rem; } :has(> .fondit-card + .fondit-card) > .fondit-card { width: auto; /* Afstanden mellem kortene styres af row-gap, ikke af kortets egen margin. */ margin-top: 0; } /* Knapper i en sådan grid-container ville ellers blive strakt ud til hele kolonnens bredde – de skal beholde deres naturlige bredde. */ :has(> .fondit-card + .fondit-card) > fluent-button { justify-self: start; } .inner-card { background-color: rgba(238, 233, 225, 0.9); } .nav-active div { background-color: darkgray !important; } fluent-card { margin: 10px 3px 3px 5px; } /* Wrap long selections */ fluent-select:: part(control) { height: auto; min-height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px); } :root { --accordion-background: #f2eadc; --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: rgb(5.2, 44, 101.2); --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50); --bs-success-text-emphasis: rgb(10, 54, 33.6); --bs-info-text-emphasis: rgb(5.2, 80.8, 96); --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); --bs-danger-text-emphasis: rgb(88, 21.2, 27.6); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(206.6, 226, 254.6); --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229); --bs-success-bg-subtle: rgb(209, 231, 220.8); --bs-info-bg-subtle: rgb(206.6, 244.4, 252); --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); --bs-danger-bg-subtle: rgb(248, 214.6, 217.8); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(158.2, 197, 254.2); --bs-secondary-border-subtle: rgb(196.2, 199.8, 203); --bs-success-border-subtle: rgb(163, 207, 186.6); --bs-info-border-subtle: rgb(158.2, 233.8, 249); --bs-warning-border-subtle: rgb(255, 230.2, 155.8); --bs-danger-border-subtle: rgb(241, 174.2, 180.6); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "Karla Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, .75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, .5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: rgb(10.4, 88, 202.4); --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: rgb(255, 242.6, 205.4); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, .175); --bs-border-radius: .375rem; --bs-border-radius-sm: .25rem; --bs-border-radius-lg: .5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075); --bs-focus-ring-width: .25rem; --bs-focus-ring-opacity: .25; --bs-focus-ring-color: rgba(13, 110, 253, .25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } .tilskudstabel { margin: 20px 0 0 5px; max-width: 850px; align-content: center; } .tilskudstabel .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color) } .tilskudstabel .table > :not(caption) > * > * { padding: .5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))) } .tilskudstabel .table > tbody { vertical-align: inherit } .tilskudstabel .table > thead { vertical-align: bottom } .tilskudstabel .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor } .tilskudstabel .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0 } .tilskudstabel .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg) } .tilskudstabel .table-striped-columns > :not(caption) > tr > :nth-child(2n) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg) } .tilskudstabel .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg) } .tilskudstabel .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg) } .tilskudstabel .table-primary { --bs-table-color: #000; --bs-table-bg: rgb(206.6, 226, 254.6); --bs-table-border-color: rgb(165.28, 180.8, 203.68); --bs-table-striped-bg: rgb(196.27, 214.7, 241.87); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(185.94, 203.4, 229.14); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(191.105, 209.05, 235.505); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-secondary { --bs-table-color: #000; --bs-table-bg: rgb(225.6, 227.4, 229); --bs-table-border-color: rgb(180.48, 181.92, 183.2); --bs-table-striped-bg: rgb(214.32, 216.03, 217.55); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(203.04, 204.66, 206.1); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(208.68, 210.345, 211.825); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-success { --bs-table-color: #000; --bs-table-bg: rgb(209, 231, 220.8); --bs-table-border-color: rgb(167.2, 184.8, 176.64); --bs-table-striped-bg: rgb(198.55, 219.45, 209.76); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(188.1, 207.9, 198.72); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(193.325, 213.675, 204.24); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-info { --bs-table-color: #000; --bs-table-bg: rgb(206.6, 244.4, 252); --bs-table-border-color: rgb(165.28, 195.52, 201.6); --bs-table-striped-bg: rgb(196.27, 232.18, 239.4); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(185.94, 219.96, 226.8); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(191.105, 226.07, 233.1); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-warning { --bs-table-color: #000; --bs-table-bg: rgb(255, 242.6, 205.4); --bs-table-border-color: rgb(204, 194.08, 164.32); --bs-table-striped-bg: rgb(242.25, 230.47, 195.13); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(229.5, 218.34, 184.86); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(235.875, 224.405, 189.995); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-danger { --bs-table-color: #000; --bs-table-bg: rgb(248, 214.6, 217.8); --bs-table-border-color: rgb(198.4, 171.68, 174.24); --bs-table-striped-bg: rgb(235.6, 203.87, 206.91); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(223.2, 193.14, 196.02); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(229.4, 198.505, 201.465); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: rgb(198.4, 199.2, 200); --bs-table-striped-bg: rgb(235.6, 236.55, 237.5); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(223.2, 224.1, 225); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(229.4, 230.325, 231.25); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: rgb(77.4, 80.6, 83.8); --bs-table-striped-bg: rgb(44.1, 47.9, 51.7); --bs-table-striped-color: #fff; --bs-table-active-bg: rgb(55.2, 58.8, 62.4); --bs-table-active-color: #fff; --bs-table-hover-bg: rgb(49.65, 53.35, 57.05); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .tilskudstabel .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } .text-start { text-align: left !important } .text-end { text-align: right !important; text-wrap-mode: nowrap } .text-center { text-align: center !important } /* Print-optimering for nyhjemmeside */ @media print { * { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .main-layout-navmenu { display: none } body { font-size: 12pt; line-height: 1.4; background: white !important; color: black !important; } /* Undgå sidebrud i vigtige elementer */ h1, h2, h3, h4, h5, h6 { page-break-after: avoid; color: black !important; } /* Bedre mellemrum mellem sektioner */ .site-wrapper { margin: 0 !important; padding: 0 !important; } }