/********************************************************************** MASTER STYLESHEET versie 2022 ----------------------------------------------------------------------- Deze stylesheet bevat alle overkoepelende css voor de apex applicaties **********************************************************************/ /********************************************************************* [ INHOUDSTAFEL ] [1. BASICS] [1.0 KLEUREN] Variables Combo background-colors - text-colors Full line in td Bordered items OBASI standaard kleuren Agendakleuren Legendekleuren MCB kleuren MCB tags Label tags Buckets Mask classes White mask - maakt lichter Black mask - maakt donkerder Arcering Gekleurde hr [1.1 DEFAULT SETTINGS] Standaard hoogte main canvas Standaard hoogte inner canvas Full screen height scroll voor selectielijsten/trees VH hoogtes Element verbergen Default setting blokken Body Footer Aligneren via float Div's uitlijnen Display types Uitlijnen div / span in een div Lists (ul & ol) [1.2 TYPOGRAFIE] Default font Inspringen tekst Inspringen input/option tov label van element Inspringen apex-item met label Inspringen inputfield indien label above Inspringen apex-item zonder label Inspringen apex-item in apex-item-option div Speciale teksten grotere/kleinere letters Span voor of na een tekst Aligneren elementen zoals tekst en icon in div Aligneren titel met icons Containers voor speciale teksten en regions Container voor code Gegevensset Titels Meldingen [1.3 ICONS] Algemeen Spatie tussen icons in een groepelement Losse icons in span Icons of ibtns in div [1.4 BUTTONS] APEX buttons Remove borders bij button in barnavigatie Buttons algemeen Kleinere button Meer-tekst-tonen-knop Remove pointer-event Full colored button Outline button Icon button Omlijnde ibtn Omlijnde icon Speciale buttons Spatie tussen ibtn's in een groepelement Inactieve ibtn Inactieve ibtn in ibtn_container [1.5 BREAKS & BORDERS] Borders Full border Dashed border Breakline Breaks Margins (positief) Margins (negatief) Padding [2. NAVIGATIE] [2.1 LINKSE NAVIGATIE] [2.2 TOP (BAR) NAVIGATIE] [3. REGIONS] [3.0 STANDAARD] Basis Grotere cellen [3.1 EXTRA'S] Regions uitlijnen Region in region naar boven toe uitlijnen Titel van region zonder padding of border links uitlijnen en verlengen Info element links uitlijnen Remove table border bij volledige uitlijning Hide overflow-x bij no body padding Button rechts uitlijnen bij region zonder border Aanklikbaar rapport [3.2 SCHEIDINGSLIJNEN] Enkel top en bottom scheidingslijn Scheidingslijn na elke row Scheidingslijn na elke 2e row Scheidingslijn na elke 3e row [3.3 DASHBOARD REGIONS] .dashboardblok .t-Report-pagination {margin-top: 5px !important;} vervangen door padding-top op de td [3.4 FILTERS] Kies aantal rijen Keuze filter [3.5 COLLAPSIBLE REGIONS] [3.6 BUTTON REGIONS] Algemeen Label en input sizes Datepicker Multiline Center uitlijnen Rechts uitlijnen [3.7 INTERACTIVE REGION] [3.8 INTERACTIVE GRID] [3.9 STICKY REGION] [3.10 FIXED REGION HEIGHTS] [3.11 REGIONS MET GEKLEURDE HEADER] [3.12 REMOVE PADDING] [3.13 ITEMS IN HEADERS] checkbox, lov, icoon, zoekveld, zoekveld klein, input, radio Hoofdcontainer Items [3.14 FIXED HEADERS] Fixed headers in apex reports Fixed headers in packages Scrollgebied activeren [3.15 FIXED FILTERS] [3.16 DYNAMIC DASHBOARD REGIONS] [4. REPORTS] [4.0 OVERKOEPELEND] Report onder formulier Report counters No data found [4.1 CLASSIC REPORT] [4.2 INTERACTIVE REPORT] Algemeen Kolombreedte Verbergen kolomnaam in titel bij control break Kolomnaam in titel bij control break Buttons en filters [4.3 INTERACTIVE GRID] [4.4 LAZY LOADING] [4.5 REPORTS MET GEKLEURDE HEADER] [5. TABLES] [5.1 Algemeen] Basis Grid kleuren Tbl.apart in combo met bord-... No outer border Selecteerbare rijen Selecteerbare cell Rij niet selecteerbaar maken bij rowclick table Cell niet selecteerbaar maken bij rowclick table Referentie rij Archief / oude record met table opmaak Divider row Scheidingslijn tussen rows [5.2 Selectielijsten] Table als element in selectielijst Datumveld selectielijst met datum Omkaderen datumveld in selectielijst wanneer geselecteerd [5.3 Geselecteerd element] [5.4 Borders] [5.5 Alignering ] [5.6 Speciale kols] [5.7 Kolombreedtes %] [5.8 Images die uit texteditor komen %] [5.9 popup side-menu] Op td plaatsen voor positionering menubtn Menubtn top right Menubtn bottom right Menubtn bottom left Menubtn top left Menu [6. MODALS (DIALOGS)] Verwijderen sluitkruisje in header Footer Body Remove padding van dialog-body [7. FORMULIEREN] [7.1 STANDAARD] Algemeen Stretch label above item Grotere inputvelden Uitzondering op hoogte voor loginscherm Omkaderen item Center aligneren inhoud in inputfield Aligneren prefix/suffix indien verschillend element verplicht item sterretje vooraan toevoegen bij verplichte items in oudere html-structuren Fix chrome issue verdwijnende velden File upload Disabled items [7.2 GEGENEREERDE ITEMS] Algemeen Datepicker Reset button datepicker indien default apex item Input field & textarea Select, select2, numberfield Select of input field met icon Inputfield met button Radio option als buttons Button langs inputfield rechts (use append) Voor uploadfield Button langs inputfield links (use prepend) [7.3 DISABLED ITEMS] [7.4 VALIDATIONS] [7.5 COLOR PICKER] Algemeen [7.6] [7.7 TEXTAREA COUNTERS EN STATUSSEN] Statusmelding [7.8 DATE/TIME PICKER] [7.9 SELECT2] Algemene opbouw Disabled Niveaus bij tree in select2 Arrow [7.10 SLIDERS] [8. CARDS] [8.1 KLEUREN] [8.2 DEFAULT] [8.3 BASIC] [8.4 BLOCK] [8.5 COMPACT] [8.6 FEATURED] [8.7 CONTACT CARDS] [8.8 FOTO CARDS] minimal foto card [8.9 FACTUUR CARDS] [8.10 EXTRAS] [8.11 RIBBONS] Algemeen Square ribbon Square-bordered ribbon Circle ribbon [8.12 TEGELS] [8.13 HCF-CARD] [9 AGENDA / KALENDER] Algemeen Agenda-items Samenvoegen agendatype filters Default button styling Agenda header Tekst opties [10. ELEMENTEN] [10.1 TIMELINE] [10.2 ALERTIFY / ALERT NOTIFICATION] Alertify Alertify-confirm cancel button Alert notification Page alert Icons in alert [10.3 BADGES] Algemeen Kleuren Achtergrond kleuren bij geslecteerde badge Circular afmetingen Grid afmetingen [10.4 TREE] [10.5 SORTERING] [10.6 ] PRETIUS NESTED REPORT [10.7 FLEXBOX] [10.8 COUNTERS] [10.9 LOADING SPINNER] [10.10 TOOLTIP] Default Dark Blue Green Orange Yellow Purple Pink Red MCB TOOLTIP [10.11 SCROLLBAR] [10.12 TABSMENU] [10.13 LEGENDE] [10.14 DROPZONE] standaard compact stretchy large [10.15 SUPER LOV PLUGIN] [10.16 PAGINATION] deprecated???? [10.17 SPLIT PANES (RESIZABLE)] Vertikaal Horizontaal [10.18 IMAGES] [10.19 TOON/VERBERG PASWOORD ICOON] ***********************************************************************/ /* [1. BASICS] */ /* [1.0 KLEUREN] */ /*Variables*/ :root { --dark: #002227; --dark-grey: #393939; --grey-gallery: #4D4D4D; --grey-cascade: #939393; --dark-silver: #BBBBBB; --silver: #d6d6d6; --light-grey: #ECEBEA; --ghost: #F7F7F7; --grey-cararra: #FAFAFA; --broken-white: #FEFEFE; --wizard: #502864; --sparkles: #8D2560; --tinkywinky: #8A3DAE;/*#9744BE;*/ --lavendel: #B19CD9; --fuchsia: #CA2C92; --piggy: #E17DB5; --soapy: #E0D6FF; --sakura: #F3BFDA; --purple-mist: #FFF1FF; --dark-blue: #295070; --obasi-blue: #3579AD; --blue-eyes: #40C0FF; --cloudy: #6D9DC2; --blueberry: #81A3C8; --blue-sky: #82AFDE; --pixie: #A5BED8; --chalk-blue: #C1D0E3; --blue-mist: #EAF1F8; --grass: #4da514; --moss: #637C1D; --ivy: #729318; --obasi-green: #96C11F; --poison: #B6D702; --sliced-lime: #BDD673; --chalk-green: #E0EAB9; --green-mist: #EFF3E3; --kaese: #FEA901; --corndog: #FFC300; --smiley: #FFD455; --lemon: #FCE700; --chalk-yellow: #FFEAAD; --yellow-mist: #FFF6D6; --rusty: #92461C; --pumpkin: #E26922; --corally: #F59B6C; --peach: #FFCDB4; --orange-mist: #FFF3E0; --dry-blood: #7B1F26; --danger: #BD2136; --fishy: #DD7573; --watermelon: #F3BAB7; --red-mist: #FFF0F0; --asterred: #FF0000; } /*Combo background-colors - text-colors*/ .bg-green-dark, tr.even > td.bg-green-dark { background:var(--grass) !important; color:var(--broken-white) !important; } .bg-yellow-mediumdark, tr.even > td.bg-yellow-mediumdark { background:var(--smiley) !important; color:var(--dark) !important; } .bg-grey, tr.even > td.bg-grey { background:var(--dark-silver) !important; color:var(--dark) !important; } .bg-dark, tr.even > td.bg-dark { background:var(--dark) !important; color:var(--broken-white) !important; } .bg-wizzy, tr.even > td.bg-wizzy { background:var(--wizard) !important; color:var(--broken-white) !important; } .bg-sparky, tr.even > td.bg-sparky { background:var(--sparkles) !important; color:var(--broken-white) !important; } .bg-tinky, tr.even > td.bg-tinky { background:var(--tinkywinky) !important; color:var(--broken-white) !important; } .bg-pink, tr.even > td.bg-pink { background:var(--fuchsia) !important; color:var(--broken-white) !important; } .bg-blue, tr.even > td.bg-blue { background:var(--obasi-blue) !important; color:var(--broken-white) !important; } .bg-green, tr.even > td.bg-green { background:var(--obasi-green) !important; color:var(--broken-white) !important; } .bg-green2, tr.even > td.bg-green2 { background:var(--ivy) !important; color:var(--broken-white) !important; } .bg-green3, tr.even > td.bg-green3 { background:var(--poison) !important; color:var(--dark) !important; } .bg-yellow, tr.even > td.bg-yellow { background:var(--kaese) !important; color:var(--broken-white) !important; } .bg-yellow2, tr.even > td.bg-yellow2 { background:var(--lemon) !important; color:var(--dark) !important; } .bg-orange, tr.even > td.bg-orange { background:var(--pumpkin) !important; color:var(--broken-white) !important; } .bg-red, tr.even > td.bg-red { background:var(--danger) !important; color:var(--broken-white) !important; } .bg-white, tr.even > td.bg-white { background:var(--broken-white) !important; color:var(--grey-gallery) !important; } .bg-grey-mediumlight, tr.even > td.bg-grey-mediumlight { background:var(--light-grey) !important; color:var(--dark) !important; } .bg-purple-mediumlight, tr.even > td.bg-purple-mediumlight { background:var(--soapy) !important; color:var(--dark) !important; } .bg-pink-mediumlight, tr.even > td.bg-pink-mediumlight { background:var(--sakura) !important; color:var(--dark) !important; } .bg-blue-mediumlight, tr.even > td.bg-blue-mediumlight { background:var(--chalk-blue) !important; color:var(--dark) !important; } .bg-green-mediumlight, tr.even > td.bg-green-mediumlight { background:var(--chalk-green) !important; color:var(--dark) !important; } .bg-green-mediumlight2, tr.even > td.bg-green-mediumlight2 { background:var(--sliced-lime) !important; color:var(--dark) !important; } .bg-yellow-mediumlight, tr.even > td.bg-yellow-mediumlight { background:var(--chalk-yellow) !important; color:var(--dark) !important; } .bg-orange-mediumlight, tr.even > td.bg-orange-mediumlight { background:var(--peach) !important; color:var(--dark) !important; } .bg-red-mediumlight, tr.even > td.bg-red-mediumlight { background:var(--watermelon) !important; color:var(--dark) !important; } .bg-grey-light, tr.even > td.bg-grey-light { background:var(--ghost) !important; color:var(--dark) !important; } .bg-purple-light, tr.even > td.bg-purple-light { background:var(--purple-mist) !important; color:var(--dark) !important; } .bg-blue-light, tr.even > td.bg-blue-light { background:var(--blue-mist) !important; color:var(--dark) !important; } .bg-green-light, tr.even > td.bg-green-light { background:var(--green-mist) !important; color:var(--dark) !important; } .bg-yellow-light, tr.even > td.bg-yellow-light { background:var(--yellow-mist) !important; color:var(--dark) !important; } .bg-orange-light, tr.even > td.bg-orange-light { background:var(--orange-mist) !important; color:var(--dark) !important; } .bg-red-light, tr.even > td.bg-red-light { background:var(--red-mist) !important; color:var(--dark) !important; } .bg-trans, tr.even > td.bg-trans {background-color:transparent !important; color:var(--dark) !important;} /*Full line in td*/ .full_line { width:100%; display:block; border-bottom:1px solid var(--dark); padding-bottom:2px; } .bg-grey .full_line { border-color:var(--dark) !important; } .bg-dark .full_line { border-color:var(--broken-white) !important; } .bg-wizzy .full_line { border-color:var(--broken-white) !important; } .bg-sparky .full_line { border-color:var(--broken-white) !important; } .bg-tinky .full_line { border-color:var(--broken-white) !important; } .bg-pink .full_line { border-color:var(--broken-white) !important; } .bg-blue .full_line { border-color:var(--broken-white) !important; } .bg-green .full_line { border-color:var(--broken-white) !important; } .bg-yellow .full_line { border-color:var(--broken-white) !important; } .bg-orange .full_line { border-color:var(--broken-white) !important; } .bg-red .full_line { border-color:var(--broken-white) !important; } .bg-white .full_line { border-color:var(--grey-gallery) !important; } /*Bordered items*/ .bord-dark {outline:2px solid var(--dark) !important; outline-offset:-2px !important;} .bord-grey {outline:2px solid var(--dark-silver) !important; outline-offset:-2px !important;} .bord-purple {outline:2px solid var(--tinkywinky) !important; outline-offset:-2px !important;} .bord-pink {outline:2px solid var(--fuchsia) !important; outline-offset:-2px !important;} .bord-blue {outline:2px solid var(--obasi-blue) !important; outline-offset:-2px !important;} .bord-green {outline:2px solid var(--obasi-green) !important; outline-offset:-2px !important;} .bord-yellow {outline:2px solid var(--kaese) !important; outline-offset:-2px !important;} .bord-orange {outline:2px solid var(--pumpkin) !important; outline-offset:-2px !important;} .bord-red {outline:2px solid var(--danger) !important; outline-offset:-2px !important;} .bord-dark.archief { outline-color: var(--grey-cascade) !important; } .bord-grey.archief { outline-color: var(--grey-cascade) !important; } .bord-purple.archief { outline-color: var(--grey-cascade) !important; } .bord-pink.archief { outline-color: var(--grey-cascade) !important; } .bord-blue.archief { outline-color: var(--grey-cascade) !important; } .bord-green.archief { outline-color: var(--grey-cascade) !important; } .bord-yellow.archief { outline-color: var(--grey-cascade) !important; } .bord-orange.archief { outline-color: var(--grey-cascade) !important; } .bord-red.archief { outline-color: var(--grey-cascade) !important; } .bord-dashed {outline-style:dashed !important; } /*OBASI standaard kleuren*/ .obasi_blauw { background-color: var(--obasi-blue) !important; border:2px solid var(--obasi-blue) !important; color: var(--broken-white) !important; } .obasi_groen { background-color: var(--obasi-green) !important; border:2px solid var(--obasi-green) !important; color: var(--broken-white) !important; } .obasi_rood { background-color: var(--danger) !important; border:2px solid var(--danger) !important; color: var(--broken-white) !important; } .obasi_marked_blauw { background-color: var(--blue-mist) !important; border:2px solid var(--obasi-blue) !important; color: var(--dark-blue) !important; } .obasi_marked_groen { background-color: var(--green-mist) !important; border:2px solid var(--obasi-green) !important; color: var(--moss) !important; } .obasi_marked_rood { background-color: var(--red-mist) !important; border:2px solid var(--danger) !important; color: var(--dry-blood) !important; } /*Agendakleuren*/ .agenda_kleur1 { background:var(--danger) !important; color:var(--broken-white) !important; border-color:var(--danger) !important; font-weight:bold !important;} .agenda_kleur2 { background:var(--obasi-green) !important; color:var(--broken-white) !important; border-color:var(--obasi-green) !important; font-weight:bold !important;} .agenda_kleur3 { background:var(--obasi-blue) !important; color:var(--broken-white) !important; border-color:var(--obasi-blue) !important; font-weight:bold !important;} .agenda_kleur4 { background:var(--pumpkin) !important; color:var(--dry-blood) !important; border-color:var(--pumpkin) !important; font-weight:bold !important;} .agenda_kleur5 { background:var(--fuchsia) !important; color:var(--broken-white) !important; border-color:var(--fuchsia) !important; font-weight:bold !important;} .agenda_kleur6 { background:var(--fishy) !important; color:var(--dry-blood) !important; border-color:var(--fishy) !important; font-weight:bold !important;} .agenda_kleur7 { background:var(--sliced-lime) !important; color:var(--moss) !important; border-color:var(--sliced-lime) !important; font-weight:bold !important;} .agenda_kleur8 { background:var(--blueberry) !important; color:var(--dark-blue) !important; border-color:var(--blueberry) !important; font-weight:bold !important;} .agenda_kleur9 { background:var(--corally) !important; color:var(--rusty) !important; border-color:var(--corally) !important; font-weight:bold !important;} .agenda_kleur10 { background:var(--piggy) !important; color:var(--sparkles) !important; border-color:var(--piggy) !important; font-weight:bold !important;} .agenda_kleur11 { background:var(--dry-blood) !important; color:var(--broken-white) !important; border-color:var(--dry-blood) !important; font-weight:bold !important;} .agenda_kleur12 { background:var(--moss) !important; color:var(--broken-white) !important; border-color:var(--moss) !important; font-weight:bold !important;} .agenda_kleur13 { background:var(--dark-blue) !important; color:var(--broken-white) !important; border-color:var(--dark-blue) !important; font-weight:bold !important;} .agenda_kleur14 { background:var(--rusty) !important; color:var(--broken-white) !important; border-color:var(--rusty) !important; font-weight:bold !important;} .agenda_kleur15 { background:var(--sparkles) !important; color:var(--broken-white) !important; border-color:var(--sparkles) !important; font-weight:bold !important;} .agenda_kleur16 { background:var(--watermelon) !important; color:var(--dry-blood) !important; border-color:var(--watermelon) !important; font-weight:bold !important;} .agenda_kleur17 { background:var(--chalk-green) !important; color:var(--moss) !important; border-color:var(--chalk-green) !important; font-weight:bold !important;} .agenda_kleur18 { background:var(--chalk-blue) !important; color:var(--dark-blue) !important; border-color:var(--chalk-blue) !important; font-weight:bold !important;} .agenda_kleur19 { background:var(--peach) !important; color:var(--rusty) !important; border-color:var(--peach) !important; font-weight:bold !important;} .agenda_kleur20 { background:var(--sakura) !important; color:var(--sparkles) !important; border-color:var(--sakura) !important; font-weight:bold !important;} /*Legendekleuren*/ .legende_kleur1 { background-color: var(--obasi-blue) !important; border:2px solid var(--obasi-blue) !important; color: var(--broken-white) !important; } .legende_kleur2 { background-color: var(--grass) !important; border:2px solid var(--grass) !important; color: var(--broken-white) !important; } .legende_kleur3 { background-color: var(--poison) !important; border:2px solid var(--poison) !important; color: var(--broken-white) !important; } .legende_kleur4 { background-color: var(--lemon) !important; border:2px solid var(--lemon) !important; color: var(--rusty) !important; } .legende_kleur5 { background-color: var(--kaese) !important; border:2px solid var(--kaese) !important; color: var(--rusty) !important; } .legende_kleur6 { background-color: var(--danger) !important; border:2px solid var(--danger) !important; color: var(--broken-white) !important; } .legende_kleur7 { background-color: var(--sparkles) !important; border:2px solid var(--sparkles) !important; color: var(--broken-white) !important; } .legende_kleur8 { background-color: var(--wizard) !important; border:2px solid var(--wizard) !important; color: var(--broken-white) !important; } .legende_kleur9 { background-color: var(--blue-eyes) !important; border:2px solid var(--blue-eyes) !important; color: var(--dark) !important; } /*MCB kleuren*/ .mcb_kleur1 { background-color: var(--danger) !important; color: var(--peach) !important; outline: 2px solid var(--danger) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur2 { background-color: var(--pumpkin) !important; color: var(--peach) !important; outline: 2px solid var(--pumpkin) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur3 { background-color: var(--kaese) !important; color: var(--dry-blood) !important; outline: 2px solid var(--kaese) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur4 { background-color: var(--smiley) !important; color: var(--rusty) !important; outline: 2px solid var(--smiley) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur5 { background-color: var(--lemon) !important; color: var(--rusty) !important; outline: 2px solid var(--lemon) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur6 { background-color: var(--poison) !important; color: var(--moss) !important; outline: 2px solid var(--poison) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur7 { background-color: var(--grass) !important; color: var(--chalk-green) !important; outline: 2px solid var(--grass) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur8 { background-color: var(--lavendel) !important; color: var(--wizard) !important; outline: 2px solid var(--lavendel) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur9 { background-color: var(--rusty) !important; color: var(--peach) !important; outline: 2px solid var(--rusty) !important; outline-offset:-2px; font-weight:bold !important;} .mcb_kleur10 { background-color: var(--blue-eyes) !important; color: var(--dark-blue) !important; outline: 2px solid var(--blue-eyes) !important; outline-offset:-2px; font-weight:bold !important;} /*MCB tags*/ div.mcb-tag { border: 1px solid; font-weight: bold; font-size: 95%; padding: 1px 7px; /*1px 5px*/ display: inline-block; /*inline*/ border-radius: 5px; margin:2px; } div.mcb-tag.click_tag { cursor:pointer; } .mcb-tag.toed { border-color: var(--dark); background-color: var(--ghost); color:var(--dark); }/*default*/ .mcb-tag.toed-ok { border-color: var(--grass); background-color: var(--grass); color:var(--broken-white); }/*toegediend*/ .mcb-tag.toed-ok-eb { border-color:var(--dark-blue); background-color: var(--dark-blue); color:var(--broken-white); }/*toediening eigen beheer*/ .mcb-tag.toed-nok-0at { border-color: var(--danger); background-color: var(--danger); color:var(--broken-white); } /*toed-nok-0at zero aantal toegediend*/ .mcb-tag.toed-nok-at { border-color:var(--corally); background-color: var(--corally); color:var(--dark); } /*toediening afwijking*/ .mcb-tag.toed-nok-ur { border-color:var(--corally); background-color: var(--corally); color:var(--dark); } /*toediening afwijking*/ .mcb-tag.naz {border-color: var(--tinkywinky); background-color: var(--lavendel); color: var(--dark); }/*nazicht*/ .mcb-tag.klz { border-color:var(--sliced-lime); background-color: var(--sliced-lime); color:var(--dark); }/*klaarzetten*/ .mcb-tag.afw { border-color:var(--kaese); background-color: var(--kaese); color:var(--dark); white-space:nowrap;}/*afwijking klaarzetten*/ .mcb-tag.meegev { border-color:var(--obasi-blue); background-color: var(--obasi-blue); color:var(--broken-white); }/*meegegeven*/ .mcb-tag.meegev-inact { border-color:var(--blue-sky); background-color: var(--blue-sky); color:var(--dark); }/*meegeefperiode maar niet meegegeven*/ .mcb-tag.ino { border-color: var(--dark); background-color: var(--ghost); color:var(--dark); }/*indien nodig*/ .mcb-tag.afk { border-color: var(--dark); background-color: var(--ghost); color:var(--dark); }/*default*/ .mcb-tag.afk-aan { border-color: var(--sliced-lime); background-color: var(--sliced-lime); color:var(--dark); }/*aangeschakeld*/ .mcb-tag.afk-uit { border-color: var(--dark-silver); background-color: var(--ghost); color:var(--dark-silver); }/*uitgeschakeld*/ /*Label tags*/ div.label-tag { border: 1px solid; font-weight: bold; font-size: 95%; padding: 1px 5px; display: inline; border-radius: 5px; margin:2px; } div.label-tag.click_tag { cursor:pointer; } .label-tag.dark { border-color: var(--dark); background-color: var(--dark); color:var(--ghost); } .label-tag.grey { border-color: var(--dark-silver); background-color: var(--dark-silver); color:var(--dark); } .label-tag.dark-purple { border-color: var(--wizard); background-color: var(--wizard); color: var(--ghost); } .label-tag.purple { border-color: var(--tinkywinky); background-color: var(--tinkywinky); color: var(--broken-white); } .label-tag.light-purple { border-color: var(--lavendel); background-color: var(--lavendel); color: var(--dark); } .label-tag.dark-pink { border-color: var(--fuchsia); background-color: var(--fuchsia); color: var(--ghost); } .label-tag.pink { border-color: var(--piggy); background-color: var(--piggy); color: var(--dark); } .label-tag.light-pink { border-color: var(--sakura); background-color: var(--sakura); color: var(--dark); } .label-tag.dark-blue { border-color:var(--dark-blue); background-color: var(--dark-blue); color:var(--broken-white); } .label-tag.blue { border-color:var(--obasi-blue); background-color: var(--obasi-blue); color:var(--broken-white); } .label-tag.light-blue { border-color:var(--blue-sky); background-color: var(--blue-sky); color:var(--dark); } .label-tag.dark-green { border-color: var(--moss); background-color: var(--moss); color:var(--broken-white); } .label-tag.green { border-color: var(--grass); background-color: var(--grass); color:var(--broken-white); } .label-tag.light-green { border-color:var(--sliced-lime); background-color: var(--sliced-lime); color:var(--dark); } .label-tag.yellow { border-color: var(--lemon); background-color: var(--lemon); color:var(--rusty); } .label-tag.dark-orange { border-color: var(--pumpkin); background-color: var(--pumpkin); color:var(--ghost); } .label-tag.orange { border-color: var(--kaese); background-color: var(--kaese); color:var(--dry-blood); } .label-tag.light-orange { border-color:var(--corndog); background-color: var(--corndog); color:var(--dark); } .label-tag.red { border-color: var(--danger); background-color: var(--danger); color:var(--broken-white); } .label-tag.outline-grey { border-color: var(--grey-cascade); background-color: var(--ghost); color:var(--grey-cascade); } .label-tag.outline-purple { border-color: var(--tinkywinky); background-color: var(--ghost); color:var(--tinkywinky); } .label-tag.outline-pink { border-color: var(--fuchsia); background-color: var(--ghost); color:var(--fuchsia); } .label-tag.outline-blue { border-color: var(--obasi-blue); background-color: var(--ghost); color:var(--obasi-blue); } .label-tag.outline-green { border-color: var(--obasi-green); background-color: var(--ghost); color:var(--obasi-green); } .label-tag.outline-yellow { border-color: var(--kaese); background-color: var(--ghost); color:var(--kaese); } .label-tag.outline-orange { border-color: var(--pumpkin); background-color: var(--ghost); color:var(--pumpkin); } .label-tag.outline-red { border-color: var(--danger); background-color: var(--ghost); color:var(--danger); } .label-tag.pastel-purple { border-color: var(--wizard); background-color: var(--purple-mist); color:var(--wizard); } .label-tag.pastel-blue { border-color: var(--dark-blue); background-color: var(--blue-mist); color:var(--dark-blue); } .label-tag.pastel-green { border-color: var(--moss); background-color: var(--green-mist); color:var(--moss); } .label-tag.pastel-yellow { border-color: var(--kaese); background-color: var(--yellow-mist); color:var(--kaese); } .label-tag.pastel-orange { border-color: var(--rusty); background-color: var(--orange-mist); color:var(--rusty); } .label-tag.pastel-red { border-color: var(--dry-blood); background-color: var(--red-mist); color:var(--dry-blood); } /*tag voor volgnummers*/ .volgnummer_tag { color: var(--obasi-blue); border: 2px solid var(--obasi-blue); padding: 2px 6px; font-weight: bold; margin-top: -8px; margin-right: -12px; } /*Buckets*/ .bucket {width:100%; border:2px solid; display:flex; align-items:center;} .bucket .t-Form-inputContainer {text-align:center;} .bucket.green { border-color: var(--grass) !important; color: var(--grass) !important; font-weight:bold !important; } .bucket.green .t-Form-inputContainer span.display_only {color: var(--grass) !important;} .bucket.blue { border-color: var(--obasi-blue) !important; color: var(--obasi-blue) !important; font-weight:bold !important; } .bucket.blue .t-Form-inputContainer span.display_only {color: var(--obasi-blue) !important;} .bucket.lightgreen { border-color: var(--poison) !important; color: var(--poison) !important; font-weight:bold !important; } .bucket.lightgreen .t-Form-inputContainer span.display_only {color: var(--poison) !important;} .bucket.yellow { border-color: var(--kaese) !important; color: var(--kaese) !important; font-weight:bold !important; } .bucket.yellow .t-Form-inputContainer span.display_only {color: var(--kaese) !important;} .bucket.orange { border-color: var(--pumpkin) !important; color: var(--pumpkin) !important; font-weight:bold !important; } .bucket.orange .t-Form-inputContainer span.display_only {color: var(--pumpkin) !important;} .bucket.red { border-color: var(--danger) !important; color: var(--danger) !important; font-weight:bold !important; } .bucket.red .t-Form-inputContainer span.display_only {color: var(--danger) !important;} .bucket.pink { border-color: var(--fuchsia) !important; color: var(--fuchsia) !important; font-weight:bold !important; } .bucket.pink .t-Form-inputContainer span.display_only {color: var(--fuchsia) !important;} .bucket.lila { border-color: var(--sparkles) !important; color: var(--sparkles) !important; font-weight:bold !important; } .bucket.lila .t-Form-inputContainer span.display_only {color: var(--sparkles) !important;} .bucket.purple { border-color: var(--tinkywinky) !important; color: var(--tinkywinky) !important; font-weight:bold !important; } .bucket.purple .t-Form-inputContainer span.display_only {color: var(--tinkywinky) !important;} .bucket.rad5 {border-radius:5px;} .bucket.rad10 {border-radius:10px;} .bucket.rad100 {border-radius:100px;} .bucket.h25 {height:25px;} .bucket.h30 {height:25px;} .bucket.h50 {height:25px;} .bucket.h75 {height:25px;} /*Mask classes*/ /*White mask - maakt lichter*/ .wmask15 { background: rgba(255, 255, 255, 0.15); } .wmask25 { background: rgba(255, 255, 255, 0.25); } .wmask50 { background: rgba(255, 255, 255, 0.5); } .wmask60 { background: rgba(255, 255, 255, 0.6); } .wmask75 { background: rgba(255, 255, 255, 0.75); } .wmask85 { background: rgba(255, 255, 255, 0.85); } /*Black mask - maakt donkerder*/ .bmask15 { background: rgba(0, 0, 0, 0.15); } .bmask25 { background: rgba(0, 0, 0, 0.25); } .bmask50 { background: rgba(0, 0, 0, 0.5); } .bmask60 { background: rgba(0, 0, 0, 0.6); } .bmask75 { background: rgba(0, 0, 0, 0.75); } .bmask85 { background: rgba(0, 0, 0, 0.85); } /*Arcering*/ .arceer-grey { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--grey-cascade) 6px,var(--grey-cascade) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--grey-cascade) 6px,var(--grey-cascade) 6px); } .arceer-dark { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--dark) 6px,var(--dark) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--dark) 6px,var(--dark) 6px); } .arceer-purple { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--tinkywinky) 6px,var(--tinkywinky) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--tinkywinky) 6px,var(--tinkywinky) 6px); } .arceer-pink { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--fuchsia) 6px,var(--fuchsia) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--fuchsia) 6px,var(--fuchsia) 6px); } .arceer-blue { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--obasi-blue) 6px,var(--obasi-blue) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--obasi-blue) 6px,var(--obasi-blue) 6px); } .arceer-green { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--obasi-green) 6px,var(--obasi-green) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--obasi-green) 6px,var(--obasi-green) 6px); } .arceer-yellow { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--kaese) 6px,var(--kaese) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--kaese) 6px,var(--kaese) 6px); } .arceer-orange { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--pumpkin) 6px,var(--pumpkin) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--pumpkin) 6px,var(--pumpkin) 6px); } .arceer-red { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--danger) 6px,var(--danger) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--danger) 6px,var(--danger) 6px); } .arceer-white { background: repeating-linear-gradient(-55deg,transparent,transparent 5px,var(--ghost) 6px,var(--ghost) 6px) 5px 5px, repeating-linear-gradient(55deg,transparent,transparent 5px,var(--ghost) 6px,var(--ghost) 6px); } /*Gekleurde hr*/ hr.grey {height:5px; border:none !important; background-color:var(--grey-cascade);} hr.dark {height:5px; border:none !important; background-color:var(--dark);} hr.purple {height:5px; border:none !important; background-color:var(--tinkywinky);} hr.pink {height:5px; border:none !important; background-color:var(--fuchsia);} hr.blue {height:5px; border:none !important; background-color:var(--obasi-blue);} hr.green {height:5px; border:none !important; background-color:var(--obasi-green);} hr.yellow {height:5px; border:none !important; background-color:var(--kaese);} hr.orange {height:5px; border:none !important; background-color:var(--pumpkin);} hr.red {height:5px; border:none !important; background-color:var(--danger);} hr.white {height:5px; border:none !important; background-color:var(--ghost);} /* [1.1 DEFAULT SETTINGS] */ /*Standaard hoogte main canvas*/ .canvas { min-height:90vh; } /*Standaard hoogte inner canvas*/ .inner_canvas {min-height:75vh;} /*Full screen height scroll voor selectielijsten/trees*/ .inner_canvas.scroll .t-Region-bodyWrap .t-Region-body {height:75vh;} /*VH hoogtes .vh25 {max-height:25vh;} .vh30 {max-height:30vh;} .vh35 {max-height:35vh;} .vh40 {max-height:40vh;} .vh45 {max-height:45vh;} .vh50 {max-height:50vh;} .vh55 {max-height:55vh;} .vh60 {max-height:60vh;} .vh65 {max-height:65vh;} .vh70 {max-height:70vh;} .vh75 {max-height:75vh;} .vh80 {max-height:80vh;} .vh85 {max-height:85vh;} .vh90 {max-height:90vh;} /*Element verbergen*/ .verberg {display:none !important;} .opac0 {opacity: 0 !important;} .opac50 {opacity: 0.5 !important;} .opac100 {opacity: 1 !important;} .h0 {height:0px !important; } /*bv. bij verbergen hele rij maar styling lijnen laten staan*/ .h0 .t-Form-inputContainer {height:0px !important; } /*Default setting blokken*/ .apex-side-nav .t-Body-actions { top:40px; } .apex-side-nav .t-Body-nav { top:40px; } .apex-side-nav .t-Body-title { top:40px; } /*Body*/ .t-Body-contentInner { padding:12px; } body { font-family: 'Segoe UI', sans-serif; } /*Footer*/ .t-Footer { display:none; } /*Aligneren via float*/ .float-right {float:right;} .float-left {float:left;} /*Div's uitlijnen*/ div.display-flex div {display:inline-flex !important;} div.display-block div {display:inline-block !important;} /*Display types*/ .iflex { display:inline-flex !important;} .iblock {display:inline-block !important;} .dflex {display:flex !important;} .dblock {display:block !important;} /*Uitlijnen div / span in een div*/ .iflex span, .iflex div { margin:auto !important;} .iblock span, .iblock div {margin:auto !important;} .dflex span, .dflex div {margin:auto !important;} .dblock span, .dblock div {margin:auto !important;} /*Lists (ul & ol)*/ ul li,ol li, li { font-size:inherit; /*11px*/ font-weight:normal; } td > ul, td > ol { margin-top:0px; } ul.compressed_ul li {margin-top:-15px;} ul.list-grey, ol.list-grey { color:var(--grey-cascade);} ul.list-dark, ol.list-dark { color:var(--dark);} ul.list-purple, ol.list-purple { color:var(--tinkywinky);} ul.list-pink, ol.list-pink { color:var(--fuchsia);} ul.list-blue, ol.list-blue { color:var(--obasi-blue);} ul.list-green, ol.list-green { color:var(--obasi-green);} ul.list-yellow, ol.list-yellow { color:var(--kaese);} ul.list-orange, ol.list-orange { color:var(--pumpkin);} ul.list-red, ol.list-red { color:var(--danger);} ul.tekst-grey span, ol.tekst-grey span { color:var(--dark-silver); } ul.tekst-dark span, ol.tekst-dark span { color:var(--dark);} ul.tekst-purple span, ol.tekst-purple span { color:var(--tinkywinky);} ul.tekst-pink span, ol.tekst-pink span { color:var(--fuchsia);} ul.tekst-blue span, ol.tekst-blue span { color:var(--obasi-blue);} ul.tekst-green span, ol.tekst-green span { color:var(--obasi-green);} ul.tekst-yellow span, ol.tekst-yellow span { color:var(--lemon);} ul.tekst-orange span, ol.tekst-orange span { color:var(--pumpkin);} ul.tekst-red span, ol.tekst-red span { color:var(--danger)} ul.circle {list-style-type: circle;} ul.disc {list-style-type: disc;} ul.square {list-style-type: square;} ol.decimal{list-style-type: decimal;} ol.decimal_leading_zero {list-style-type: decimal-leading-zero;} ol.lower_alpha{list-style-type: lower-alpha;} ol.lower_roman {list-style-type: lower-roman;} ol.upper_alpha {list-style-type: upper-alpha;} ol.upper_roman {list-style-type: upper-roman;} ul.none, ol.none {list-style-type: none;} /* [1.2 TYPOGRAFIE] */ /*Default font*/ .t-Region-body, p { font-size:13px; } .apex-item-display-only {font-size: 13px;} div.col {font-size:13px;} /*Inspringen tekst*/ .ind10:not(.t-Form-fieldContainer) {padding-left:10px;} .ind15:not(.t-Form-fieldContainer) {padding-left:15px;} .ind20:not(.t-Form-fieldContainer) {padding-left:20px;} .ind25:not(.t-Form-fieldContainer) {padding-left:25px;} .ind30:not(.t-Form-fieldContainer) {padding-left:30px;} .ind40:not(.t-Form-fieldContainer) {padding-left:40px;} .ind50:not(.t-Form-fieldContainer) {padding-left:50px;} .ind60:not(.t-Form-fieldContainer) {padding-left:60px;} .ind80:not(.t-Form-fieldContainer) {padding-left:80px;} .ind100:not(.t-Form-fieldContainer) {padding-left:100px;} /*Inspringen input/option tov label van element*/ .ind_opt .t-Form-inputContainer {padding-left:20px;} .ind_opt_m .t-Form-inputContainer {padding-left:40px;} .ind_opt_l .t-Form-inputContainer {padding-left:60px;} /*Inspringen apex-item met label*/ .t-Form-fieldContainer.ind10 .t-Form-labelContainer {padding-left:10px;} .t-Form-fieldContainer.ind15 .t-Form-labelContainer {padding-left:15px;} .t-Form-fieldContainer.ind20 .t-Form-labelContainer {padding-left:20px;} .t-Form-fieldContainer.ind25 .t-Form-labelContainer {padding-left:25px;} .t-Form-fieldContainer.ind30 .t-Form-labelContainer {padding-left:30px;} .t-Form-fieldContainer.ind40 .t-Form-labelContainer {padding-left:40px;} .t-Form-fieldContainer.ind50 .t-Form-labelContainer {padding-left:50px;} .t-Form-fieldContainer.ind60 .t-Form-labelContainer {padding-left:60px;} .t-Form-fieldContainer.ind80 .t-Form-labelContainer {padding-left:80px;} .t-Form-fieldContainer.ind100 .t-Form-labelContainer {padding-left:100px;} /*Inspringen inputfield indien label above*/ .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind10 .t-Form-inputContainer {padding-left:10px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind15 .t-Form-inputContainer {padding-left:15px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind20 .t-Form-inputContainer {padding-left:20px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind25 .t-Form-inputContainer {padding-left:25px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind30 .t-Form-inputContainer {padding-left:30px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind40 .t-Form-inputContainer {padding-left:40px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind50 .t-Form-inputContainer {padding-left:50px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind60 .t-Form-inputContainer {padding-left:60px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind80 .t-Form-inputContainer {padding-left:80px;} .t-Form-fieldContainer.t-Form-fieldContainer--stacked.ind100 .t-Form-inputContainer {padding-left:100px;} /*Inspringen apex-item zonder label*/ .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind10 .t-Form-inputContainer {padding-left:10px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind15 .t-Form-inputContainer {padding-left:15px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind20 .t-Form-inputContainer {padding-left:20px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind25 .t-Form-inputContainer {padding-left:25px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind30 .t-Form-inputContainer {padding-left:30px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind40 .t-Form-inputContainer {padding-left:40px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind50 .t-Form-inputContainer {padding-left:50px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind60 .t-Form-inputContainer {padding-left:60px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind80 .t-Form-inputContainer {padding-left:80px;} .t-Form-fieldContainer.t-Form-fieldContainer--hiddenLabel.ind100 .t-Form-inputContainer {padding-left:100px;} /*Inspringen apex-item in apex-item-option div*/ .t-Form-fieldContainer.ind10 .apex-item-option {padding-left:10px;} .t-Form-fieldContainer.ind15 .apex-item-option {padding-left:15px;} .t-Form-fieldContainer.ind20 .apex-item-option {padding-left:20px;} .t-Form-fieldContainer.ind25 .apex-item-option {padding-left:25px;} .t-Form-fieldContainer.ind30 .apex-item-option {padding-left:30px;} .t-Form-fieldContainer.ind40 .apex-item-option {padding-left:40px;} .t-Form-fieldContainer.ind50 .apex-item-option {padding-left:50px;} .t-Form-fieldContainer.ind60 .apex-item-option {padding-left:60px;} .t-Form-fieldContainer.ind80 .apex-item-option {padding-left:80px;} .t-Form-fieldContainer.ind100 .apex-item-option {padding-left:100px;} /*Speciale teksten*/ .text-grey, .tekst-grey { color:var(--grey-cascade) !important;} .text-dark, .tekst-dark { color:var(--dark) !important;} .text-purple, .tekst-purple { color:var(--tinkywinky) !important;} .text-pink, .tekst-pink { color:var(--fuchsia) !important;} .text-blue, .tekst-blue { color:var(--obasi-blue) !important;} .text-green, .tekst-green { color:var(--obasi-green) !important;} .text-yellow, .tekst-yellow { color:var(--kaese) !important;} .text-orange, .tekst-orange { color:var(--pumpkin) !important;} .text-red, .tekst-red { color:var(--danger) !important;} .text-white, .tekst-white { color:var(--ghost) !important;} .nota {font-weight:normal; font-size:13px!important; font-style:italic; opacity:0.8;} /*11px*/ .note {font-weight:bold; font-size:95%; font-style:italic; opacity:0.8;} /*voetnoot*/ .belangrijk {font-size:15px !important; font-weight:bold; } /*13px*/ .caps {text-transform:uppercase;} .info {font-weight:normal !important; width:100%;} .camel {text-transform:capitalize;} .tekst {white-space:pre-line; overflow-wrap:anywhere; line-height:2rem;} .tekst ul {line-height:1rem !important;} .label, .lbl {font-size:95% !important; font-weight:bold;} div.col.label, div.col.lbl {font-size:98% !important; font-weight:bold;} .emphasize, .vet {font-weight:bold !important;} .help {cursor:help;} .geschrapt, .doorstrepen { text-decoration: line-through !important;} .cursief { font-style: italic !important; } .onderstrepen, .uline { text-decoration: underline !important; } .normal {font-weight:normal !important;} .tekst-break {word-break:break-all;} .tekst-nowrap {text-wrap: nowrap;} /*grotere/kleinere letters*/ .mega {font-size: 200%;} .groter { font-size:150%;} .kleiner {font-size:95% !important;} .klein {font-size:85% !important;} .mini {font-size:75% !important;} /*70%*/ /*Span voor of na een tekst*/ .span_after > span, .span_after > a > span {margin-left:8px;} .span_before > span, .span_before > a > span {margin-right:8px;} /*Aligneren elementen zoals tekst en icon in div*/ .item_align { display:flex; align-items: center; } /*Aligneren titel met icons*/ .iflex_titel {display:inline-flex;} .iflex_titel span, .iflex_titel div {display:inline-flex;} /*Containers voor speciale teksten en regions*/ .hokje { border: 2px solid !important; padding:10px; display:inline-block; margin: 6px; width:100% !important; margin-left:0px !important; margin-right:0px !important; } .hokje.grey {border-color:var(--dark-silver) !important;} .hokje.dark {border-color:var(--dark) !important;} .hokje.purple {border-color:var(--tinkywinky) !important;} .hokje.pink {border-color:var(--fuchsia) !important;} .hokje.blue {border-color:var(--obasi-blue) !important;} .hokje.green {border-color:var(--obasi-green) !important;} .hokje.yellow {border-color:var(--kaese) !important;} .hokje.orange {border-color:var(--pumpkin) !important;} .hokje.red {border-color:var(--danger) !important;} .hokje.rad5 {border-radius:5px;} .hokje.rad10 {border-radius:10px;} .hokje.rad100 {border-radius:100px;} .hokje.center {display:inline-flex;} .hokje.center .apex-item-wrapper {margin:auto;} /*Container voor code*/ xmp {margin:0px;} .xmp { border-radius: 4px !important; box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75) !important; } .xmp xmp { padding:20px; white-space:pre-wrap; font-weight:bold; } /*Gegevensset*/ .dataset { display:block; } /*Titels*/ .t0, t0{ font-size:24px !important; } .t1, t1 { font-size:18px !important; font-weight:bold !important; } .t2, t2 { font-size:16px !important; font-weight:bold !important; } .t3, t3 { font-size:14px !important; text-decoration:underline !important; font-weight:bold !important; } .t4, t4 { font-size:14px !important; font-weight:bold !important; } .t5, t5 { font-size:12px !important; font-weight:bold !important; } .t0.white, .t1.white, .t2.white, .t3.white, .t4.white, .t5.white, t0.white, t1.white, t2.white, t3.white, t4.white, t5.white {color:var(--broken-white) !important;} .t0.grey, .t1.grey, .t2.grey, .t3.grey, .t4.grey, .t5.grey, t0.grey, t1.grey, t2.grey, t3.grey, t4.grey, t5.grey {color:var(--grey-cascade) !important;} .t0.dark, .t1.dark, .t2.dark, .t3.dark, .t4.dark, .t5.dark, t0.dark, t1.dark, t2.dark, t3.dark, t4.dark, t5.dark {color:var(--dark) !important;} .t0.purple, .t1.purple, .t2.purple, .t3.purple, .t4.purple, .t4.purple, t0.purple, t1.purple, t2.purple, t3.purple, t4.purple, t5.purple { color:var(--tinkywinky) !important; } .t0.pink, .t1.pink, .t2.pink, .t3.pink, .t4.pink, .t5.pink, t0.pink, t1.pink, t2.pink, t3.pink, t4.pink, t5.pink {color:var(--fuchsia) !important;} .t0.blue, .t1.blue, .t2.blue, .t3.blue, .t4.blue, .t5.blue, t0.blue, t1.blue, t2.blue, t3.blue, t4.blue, t5.blue {color:var(--obasi-blue) !important;} .t0.green, .t1.green, .t2.green, .t3.green, .t4.green, .t5.green, t0.green, t1.green, t2.green, t3.green, t4.green, t5.green {color:var(--obasi-green) !important;} .t0.yellow, .t1.yellow, .t2.yellow, .t3.yellow, .t4.yellow, .t5.yellow, t0.yellow, t1.yellow, t2.yellow, t3.yellow, t4.yellow, t5.yellow {color:var(--kaese) !important;} .t0.orange, .t1.orange, .t2.orange, .t3.orange, .t4.orange, .t5.orange, t0.orange, t1.orange, t2.orange, t3.orange, t4.orange, t5.orange {color:var(--pumpkin) !important;} .t0.red, .t1.red, .t2.red, .t3.red, .t4.red, .t5.red, t0.red, t1.red, t2.red, t3.red, t4.red, t5.red {color:var(--danger) !important;} /*Meldingen*/ .melding { padding-left: 10px; padding-right:10px; height:26px; font-weight:bold; font-size:12px; } .melding.grey { background:var(--dark-silver) !important; color:var(--dark) !important; } .melding.dark { background:var(--dark) !important; color:var(--broken-white) !important; } .melding.wizzy { background:var(--wizard) !important; color:var(--broken-white) !important; } .melding.sparky { background:var(--sparkles) !important; color:var(--broken-white) !important; } .melding.tinky { background:var(--tinkywinky) !important; color:var(--broken-white) !important; } .melding.pink { background:var(--fuchsia) !important; color:var(--broken-white) !important; } .melding.blue { background:var(--obasi-blue) !important; color:var(--broken-white) !important; } .melding.green { background:var(--grass) !important; color:var(--broken-white) !important; } .melding.yellow { background:var(--kaese) !important; color:var(--broken-white) !important; } .melding.orange { background:var(--pumpkin) !important; color:var(--broken-white) !important; } .melding.red { background:var(--danger) !important; color:var(--broken-white) !important; } .melding.white { background:var(--broken-white) !important; color:var(--grey-gallery) !important; } /* [1.3 ICONS] */ /*Algemeen*/ .icoon {cursor:default;} .icoon.help {cursor:help;} .icoon.white {color:var(--broken-white) !important; } .icoon.grey {color:var(--grey-cascade) !important;} .icoon.dark {color:var(--dark) !important;} .icoon.purple {color:var(--tinkywinky) !important;} .icoon.purple2 {color:var(--lavendel) !important;} .icoon.purple3 {color:var(--soapy) !important;} .icoon.pink {color:var(--fuchsia) !important;} .icoon.pink2 {color:var(--piggy) !important;} .icoon.blue {color:var(--obasi-blue) !important;} .icoon.blue2 {color:var(--blue-sky) !important;} .icoon.blue3 {color:var(--pixie) !important;} .icoon.green {color:var(--grass) !important;} .icoon.green2 {color:var(--ivy) !important;} .icoon.green3 {color:var(--poison) !important;} .icoon.yellow {color:var(--kaese) !important;} .icoon.yellow2 {color:var(--lemon) !important;} .icoon.orange {color:var(--pumpkin) !important;} .icoon.red {color:var(--danger) !important;} .icoon.red2 {color:var(--fishy) !important;} .icoon.asterred {color:var(--asterred) !important;} /*Spatie tussen icons in een groepelement*/ /*Losse icons in span*/ span.icon_groep_links .icoon { margin-right:5px } span.icon_groep_rechts .icoon { margin-left:5px } /*Icons of ibtns in div*/ div.icon_groep_links div { width:30px; height:30px; margin-right:5px !important; display:inline-flex; margin-bottom:3px !important; } div.icon_groep_rechts div { width:30px; height:30px; margin-left:5px !important; display:inline-flex; margin-bottom:3px !important; } div.icon_groep_links div span, div.icon_groep_links div a, div.icon_groep_rechts div span, div.icon_groep_rechts div a { margin:auto; } div.icon_groep_vert div.icon_groep_icon div, div.icon_groep div.icon_groep_icon div { width:30px; height:30px; display:inline-flex; margin:auto; } div.icon_groep_vert div.icon_groep_icon div span, div.icon_groep div.icon_groep_icon div span { margin:auto; } div.icon_groep_vert div.icon_groep_icon { margin-bottom:5px; } div.icon_groep div.icon_groep_icon { margin-right:5px; } .icondiv { position:absolute; z-index:100; } .icondiv.bottom_right { bottom:10px; right:10px; width:60%; text-align:right; } .icondiv.bottom_left { bottom:5px; left:18px; width:40%; } .icondiv.top_left { top:10px; left:10px; width:30%; display:inline-flex; } .icondiv.top_right { top:10px; right:10px; width:65%; text-align:right; } .icondiv div div { display:inline-flex; font-size:16px; width:30px; height:30px; } .icondiv div div span, .icondiv div div a { margin:auto; } .icondiv div div a, div.icon_groep_links div a, div.icon_groep_rechts div a { margin-top:3px !important; } .icondiv.top_left span, .icondiv.bottom_left span { margin-right: 5px; } .icondiv.top_right div, .icondiv.bottom_right div { display:inline-flex; } /* [1.4 BUTTONS] */ /*APEX buttons*/ .t-Button.is-active:focus:before, .t-Button::after, .t-Button:focus:after, .t-Button:focus:before { box-shadow:unset !important; } .t-Button { font-size: 1.1rem; line-height: 1.6rem; padding: .4rem .8rem; } .t-Button span.oba-lg, .t-Button span.oba-lg:before {font-size:16px !important;} .t-Region-headerItems--buttons .t-Button--icon+.t-Button--icon { margin-left:6px !important; } .t-Button.trans { background: none !important; } .t-Button.trans:hover { border: none !important; box-shadow: unset !important; } .t-Button--small, .t-Button { max-height:28px !important; height:28px !important;} .t-Login-buttons .t-Button { min-height: 48px !important;} .t-Button.t-Button--icon.t-Button--hideShow { width: 28px !important; padding: 0; } /*Remove borders bij button in barnavigatie*/ .t-NavigationBar-item .t-Button { border:none !important; } /*Buttons algemeen*/ .btn, .btn-outline, .ibtn {cursor:pointer; box-shadow:none !important;} .informatie {cursor:help;} .btn, .btn-outline {border:1px solid !important; min-width:30px;} /*Kleinere button*/ .t-Button.small { padding:5px 7px !important; } /*Meer-tekst-tonen-knop*/ .show_more { margin-left:10px; } /*Remove pointer-event*/ .no_cursor { pointer-events: none; } /*Full colored button*/ .btn.grey { background: var(--silver) !important; color: var(--dark-grey) !important; border-color: var(--silver) !important; } .btn.grey:hover { background: var(--dark-silver) !important; border-color: var(--dark-silver) !important;} .btn.dark { background: var(--dark) !important; color: var(--silver) !important; border-color: var(--dark) !important; } .btn.dark:hover { background: var(--grey-gallery) !important; border-color: var(--grey-gallery) !important;} .btn.purple { background: var(--tinkywinky) !important; color: var(--broken-white) !important; border-color: var(--purple) !important; } .btn.purple:hover { background: var(--sparkles) !important; border-color: var(--sparkles) !important; } .btn.pink { background: var(--fuchsia) !important; color: var(--broken-white) !important; border-color: var(--fuchsia) !important; } .btn.pink:hover { background: var(--piggy) !important; border-color: var(--piggy) !important; } .btn.blue { background: var(--obasi-blue) !important; color: var(--broken-white) !important; border-color: var(--obasi-blue) !important; } .btn.blue:hover { background: var(--blueberry) !important; border-color: var(--blueberry) !important; } .btn.green { background: var(--grass) !important; color: var(--grey-cararra) !important; border-color: var(--grass) !important; } .btn.green:hover { background: var(--ivy) !important; border-color: var(--ivy) !important; } .btn.yellow { background: var(--kaese) !important; color: var(--rusty) !important; border-color: var(--kaese) !important; } .btn.yellow:hover { background: var(--corndog) !important; border-color: var(--corndog) !important; } .btn.orange { background: var(--pumpkin) !important; color: var(--grey-cararra) !important; border-color: var(--pumpkin) !important; } .btn.orange:hover { background: var(--rusty) !important; border-color: var(--rusty) !important; } .btn.red { background: var(--danger) !important; color: var(--grey-cararra) !important; border-color: var(--danger) !important; } .btn.red:hover { background: var(--fishy) !important; border-color: var(--fishy) !important; } /*Outline button*/ .btn-outline.grey { background: var(--grey-cararra) !important; color: var(--grey-gallery) !important; border-color: var(--dark-silver) !important; } .btn-outline.grey:hover { background: var(--ghost) !important; } .btn-outline.dark { background: var(--grey-cararra) !important; color: var(--dark) !important; border-color: var(--dark) !important; } .btn-outline.dark:hover { background: var(--ghost) !important; } .btn-outline.purple { background: var(--grey-cararra) !important; color: var(--tinkywinky) !important; border-color: var(--tinkywinky) !important; } .btn-outline.purple:hover { background: var(--ghost) !important; } .btn-outline.pink { background: var(--grey-cararra) !important; color: var(--fuchsia) !important; border-color: var(--fuchsia) !important; } .btn-outline.pink:hover { background: var(--ghost) !important; } .btn-outline.blue { background: var(--grey-cararra) !important; color: var(--dark-blue) !important; border-color: var(--obasi-blue) !important; } .btn-outline.blue:hover { background: var(--ghost) !important; } .btn-outline.green { background: var(--grey-cararra) !important; color: var(--grass) !important; border-color: var(--grass) !important; } .btn-outline.green:hover { background: var(--ghost) !important; } .btn-outline.yellow { background: var(--grey-cararra) !important; color: var(--corndog) !important; border-color: var(--corndog) !important; } .btn-outline.yellow:hover { background: var(--ghost) !important; } .btn-outline.orange { background: var(--grey-cararra) !important; color: var(--pumpkin) !important; border-color: var(--pumpkin) !important; } .btn-outline.orange:hover { background: var(--ghost) !important; } .btn-outline.red { background: var(--grey-cararra) !important; color: var(--danger) !important; border-color: var(--danger) !important; } .btn-outline.red:hover { background: var(--ghost) !important; } /*Icon button*/ .ibtn.white {color: var(--broken-white) !important; } .ibtn.white:hover {color: var(--ghost) !important; } .ibtn.grey { color: var(--grey-cascade) !important; } .ibtn.grey:hover { color: var(--dark-silver) !important; } .ibtn.dark { color: var(--dark) !important; } .ibtn.dark:hover { color: var(--grey-gallery) !important; } .ibtn.purple { color: var(--tinkywinky) !important; } .ibtn.purple:hover { color: var(--sparkles) !important; } .ibtn.pink { color: var(--fuchsia) !important; } .ibtn.pink:hover { color: var(--piggy) !important; } .ibtn.pink2 { color: var(--piggy) !important; } .ibtn.pink2:hover { color: var(--fuchsia) !important; } .ibtn.blue { color: var(--obasi-blue) !important; } .ibtn.blue:hover { color: var(--blueberry) !important; } .ibtn.blue2 { color: var(--blue-sky) !important; } .ibtn.blue2:hover { color: var(--blueberry) !important; } .ibtn.blue3 { color: var(--pixie) !important; } .ibtn.blue3:hover { color: var(--blueberry) !important; } .ibtn.green { color: var(--grass) !important; } .ibtn.green:hover { color: var(--ivy) !important; } .ibtn.green2 { color: var(--ivy) !important; } .ibtn.green2:hover { color: var(--obasi-green) !important; } .ibtn.green3 { color: var(--poison) !important; } .ibtn.green3:hover { color: var(--obasi-green) !important; } .ibtn.yellow { color: var(--kaese) !important; } .ibtn.yellow:hover { color: var(--corndog) !important; } .ibtn.yellow2 { color: var(--lemon) !important; } .ibtn.yellow2:hover { color: var(--corndog) !important; } .ibtn.orange { color: var(--pumpkin) !important; } .ibtn.orange:hover { color: var(--rusty) !important; } .ibtn.red { color: var(--danger) !important; } .ibtn.red:hover { color: var(--fishy) !important; } .ibtn.red2 { color: var(--fishy) !important; } .ibtn.red2:hover { color: var(--danger) !important; } /*Omlijnde ibtn*/ div.ibtn_container { width:28px; height:28px; display:inline-flex; cursor:pointer; } div.ibtn_container span { margin:auto; } /*Omlijnde icon*/ div.icoon_container { width:30px; height:30px; display:inline-flex; } div.icoon_container span { margin:auto; } /*Speciale buttons*/ .form_infobtn { padding:4px; margin-top:8px; float:right; } /*Spatie tussen ibtn's in een groepelement*/ .btn_groep_links .ibtn { margin-right:5px; } .btn_groep_rechts .ibtn { margin-left: 5px; } /*Inactieve ibtn*/ .ibtn.uitgeschakeld, .uitgeschakeld .ibtn {cursor:default;} /*Inactieve ibtn in ibtn_container*/ .ibtn_container.uitgeschakeld, .ibtn_container.uitgeschakeld .ibtn { cursor:default; } /* [1.5 BREAKS & BORDERS] */ /*Borders*/ /*Full border*/ .north_border.grey, .n_b.grey { border-top : 1px solid var(--silver) !important;} .east_border.grey, .e_b.grey { border-right : 1px solid var(--silver) !important; } .south_border.grey, .s_b.grey { border-bottom : 1px solid var(--silver) !important; } .west_border.grey, .w_b.grey { border-left : 1px solid var(--silver) !important; } .all_border.grey, .a_b.grey { border : 1px solid var(--silver) !important; } .north_border.dark, .n_b.dark { border-top : 1px solid var(--dark) !important; } .east_border.dark, .e_b.dark { border-right : 1px solid var(--dark) !important; } .south_border.dark, .s_b.dark { border-bottom : 1px solid var(--dark) !important; } .west_border.dark, .w_b.dark { border-left : 1px solid var(--dark) !important; } .all_border.dark, .a_b.dark { border : 1px solid var(--dark) !important; } .north_border.purple, .n_b.purple { border-top : 1px solid var(--tinkywinky) !important; } .east_border.purple, .e_b.purple { border-right : 1px solid var(--tinkywinky) !important; } .south_border.purple, .s_b.purple { border-bottom : 1px solid var(--tinkywinky) !important; } .west_border.purple, .w_b.purple { border-left : 1px solid var(--tinkywinky) !important; } .all_border.purple, .a_b.purple { border : 1px solid var(--tinkywinky) !important; } .north_border.pink, .n_b.pink { border-top : 1px solid var(--fuchsia) !important; } .east_border.pink, .e_b.pink { border-right : 1px solid var(--fuchsia) !important; } .south_border.pink, .s_b.pink { border-bottom : 1px solid var(--fuchsia) !important; } .west_border.pink, .w_b.pink { border-left : 1px solid var(--fuchsia) !important; } .all_border.pink, .a_b.pink { border : 1px solid var(--fuchsia) !important; } .north_border.blue, .n_b.blue { border-top : 1px solid var(--obasi-blue) !important; } .east_border.blue, .e_b.blue { border-right : 1px solid var(--obasi-blue) !important; } .south_border.blue, .s_b.blue { border-bottom : 1px solid var(--obasi-blue) !important; } .west_border.blue, .w_b.blue { border-left : 1px solid var(--obasi-blue) !important; } .all_border.blue, .a_b.blue { border : 1px solid var(--obasi-blue) !important; } .north_border.green, .n_b.green { border-top : 1px solid var(--obasi-green) !important; } .east_border.green, .e_b.green { border-right : 1px solid var(--obasi-green) !important; } .south_border.green, .s_b.green { border-bottom : 1px solid var(--obasi-green) !important; } .west_border.green, .w_b.green { border-left : 1px solid var(--obasi-green) !important; } .all_border.green, .a_b.green { border : 1px solid var(--obasi-green) !important; } .north_border.yellow, .n_b.yellow { border-top : 1px solid var(--kaese) !important; } .east_border.yellow, .e_b.yellow { border-right : 1px solid var(--kaese) !important; } .south_border.yellow, .s_b.yellow { border-bottom : 1px solid var(--kaese) !important; } .west_border.yellow, .w_b.yellow { border-left : 1px solid var(--kaese) !important; } .all_border.yellow, .a_b.yellow { border : 1px solid var(--kaese) !important; } .north_border.orange, .n_b.orange { border-top : 1px solid var(--pumpkin) !important; } .east_border.orange, .e_b.orange { border-right : 1px solid var(--pumpkin) !important; } .south_border.orange, .s_b.orange { border-bottom : 1px solid var(--pumpkin) !important; } .west_border.orange, .w_b.orange { border-left : 1px solid var(--pumpkin) !important; } .all_border.orange, .a_b.orange { border : 1px solid var(--pumpkin) !important; } .north_border.red, .n_b.red { border-top : 1px solid var(--danger) !important; } .east_border.red, .e_b.red { border-right : 1px solid var(--danger) !important; } .south_border.red, .s_b.red { border-bottom : 1px solid var(--danger) !important; } .west_border.red, .w_b.red { border-left : 1px solid var(--danger) !important; } .all_border.red, .a_b.red { border : 1px solid var(--danger) !important; } /*Dashed border*/ .north_dashed.grey, .n_d.grey { border-top : 1px dashed var(--silver) !important; } .east_dashed.grey, .e_d.grey { border-right : 1px dashed var(--silver) !important; } .south_dashed.grey, .s_d.grey { border-bottom : 1px dashed var(--silver) !important; } .west_dashed.grey, .w_d.grey { border-left : 1px dashed var(--silver) !important; } .all_dashed.grey, .a_d.grey { border : 1px solid var(--silver) !important; } .north_dashed.dark, .n_d.dark { border-top : 1px dashed var(--dark) !important; } .east_dashed.dark, .e_d.dark { border-right : 1px dashed var(--dark) !important; } .south_dashed.dark, .s_d.dark { border-bottom : 1px dashed var(--dark) !important; } .west_dashed.dark, .w_d.dark { border-left : 1px dashed var(--dark) !important; } .all_dashed.dark, .a_d.dark { border : 1px solid var(--dark) !important; } .north_dashed.purple, .n_d.purple { border-top : 1px dashed var(--tinkywinky) !important; } .east_dashed.purple, .e_d.purple { border-right : 1px dashed var(--tinkywinky) !important; } .south_dashed.purple, .s_d.purple { border-bottom : 1px dashed var(--tinkywinky) !important; } .west_dashed.purple, .w_d.purple { border-left : 1px dashed var(--tinkywinky) !important; } .all_dashed.purple, .a_d.purple { border : 1px solid var(--tinkywinky) !important; } .north_dashed.pink, .n_d.pink { border-top : 1px dashed var(--fuchsia) !important; } .east_dashed.pink, .e_d.pink { border-right : 1px dashed var(--fuchsia) !important; } .south_dashed.pink, .s_d.pink { border-bottom : 1px dashed var(--fuchsia) !important; } .west_dashed.pink, .w_d.pink { border-left : 1px dashed var(--fuchsia) !important; } .all_dashed.pink, .a_d.pink { border : 1px solid var(--fuchsia) !important; } .north_dashed.blue, .n_d.blue { border-top : 1px dashed var(--obasi-blue) !important; } .east_dashed.blue, .e_d.blue { border-right : 1px dashed var(--obasi-blue) !important; } .south_dashed.blue, .s_d.blue { border-bottom : 1px dashed var(--obasi-blue) !important; } .west_dashed.blue, .w_d.blue { border-left : 1px dashed var(--obasi-blue) !important; } .all_dashed.blue, .a_d.blue { border : 1px solid var(--obasi-blue) !important; } .north_dashed.green, .n_d.green { border-top : 1px dashed var(--obasi-green) !important; } .east_dashed.green, .e_d.green { border-right : 1px dashed var(--obasi-green) !important; } .south_dashed.green, .s_d.green { border-bottom : 1px dashed var(--obasi-green) !important; } .west_dashed.green, .w_d.green { border-left : 1px dashed var(--obasi-green) !important; } .all_dashed.green, .a_d.green { border : 1px solid var(--obasi-green) !important; } .north_dashed.yellow, .n_d.yellow { border-top : 1px dashed var(--kaese) !important; } .east_dashed.yellow, .e_d.yellow { border-right : 1px dashed var(--kaese) !important; } .south_dashed.yellow, .s_d.yellow { border-bottom : 1px dashed var(--kaese) !important; } .west_dashed.yellow, .w_d.yellow { border-left : 1px dashed var(--kaese); } .all_dashed.yellow, .a_d.yellow { border : 1px solid var(--kaese) !important; } .north_dashed.orange, .n_d.orange { border-top : 1px dashed var(--pumpkin) !important; } .east_dashed.orange, .e_d.orange { border-right : 1px dashed var(--pumpkin) !important; } .south_dashed.orange, .s_d.orange { border-bottom : 1px dashed var(--pumpkin) !important; } .west_dashed.orange, .w_d.orange { border-left : 1px dashed var(--pumpkin) !important; } .all_dashed.orange, .a_d.orange { border : 1px solid var(--pumpkin) !important; } .north_dashed.red, .n_d.red { border-top : 1px dashed var(--danger) !important; } .east_dashed.red, .e_d.red { border-right : 1px dashed var(--danger) !important; } .south_dashed.red, .s_d.red { border-bottom : 1px dashed var(--danger) !important; } .west_dashed.red, .w_d.red { border-left : 1px dashed var(--danger) !important; } .all_dashed.red, .a_d.red { border : 1px solid var(--danger) !important; } /*Breakline*/ .breakline { border-top: 1px solid; height:0px; } .breakline_dashed { border-top: 1px dashed; height:0px; } .breakline .t-Form-inputContainer, .breakline_dashed .t-Form-inputContainer { height:0px; } .breakline.grey, .breakline_dashed.grey { border-top-color: var(--silver); } .breakline.dark, .breakline_dashed.dark { border-top-color: var(--dark); } .breakline.purple, .breakline_dashed.purple { border-top-color: var(--tinkywinky); } .breakline.pink, .breakline_dashed.pink { border-top-color: var(--fuchsia); } .breakline.blue, .breakline_dashed.blue { border-top-color: var(--obasi-blue); } .breakline.green, .breakline_dashed.green { border-top-color: var(--obasi-green); } .breakline.yellow, .breakline_dashed.yellow { border-top-color: var(--kaese); } .breakline.orange, .breakline_dashed.orange { border-top-color: var(--pumpkin); } .breakline.red, .breakline_dashed.red { border-top-color: var(--danger); } /*Breaks*/ .break .t-Form-inputContainer { height:12px; } .break_large .t-Form-inputContainer { height:24px; } .break_xlarge .t-Form-inputContainer { height:30px; } /*Margins (positief)*/ .m0 { margin:0px !important; } .m5 { margin:5px !important; } .m8 { margin:8px !important; } .m10 { margin:10px !important; } .m15 { margin:15px !important; } .m20 { margin:20px !important; } .m25 { margin:25px !important; } .m30 { margin:30px !important; } .m50 { margin:50px !important; } .mt0 { margin-top:0px !important; } .mt1 { margin-top:1px !important; } .mt2 {margin-top: 2px !important; } .mt3 {margin-top: 3px !important; } .mt5 { margin-top:5px !important; } .mt7 { margin-top:7px !important; } .mt8 { margin-top:8px !important; } .mt10 { margin-top:10px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt33 { margin-top:33px !important; } .mt35 { margin-top:35px !important; } .mt45 { margin-top:45px !important; } .mt50 { margin-top:50px !important; } .mt60 { margin-top:60px !important; } .mt65 { margin-top:65px !important; } .mt80 { margin-top:80px !important; } .mt90 { margin-top:90px !important; } .mt115 { margin-top:115px !important; } .mr0 { margin-right:0px !important; } .mr5 { margin-right:5px !important; } .mr8 { margin-right:8px !important; } .mr10 { margin-right:10px !important; } .mr12 { margin-right:12px !important; } .mr15 { margin-right:15px !important; } .mr16 { margin-right:16px !important; } .mr20 { margin-right:20px !important; } .mr25 { margin-right:25px !important; } .mr30 { margin-right:30px !important; } .mr50 { margin-right:50px !important; } .mb0 { margin-bottom:0px !important; } .mb5 { margin-bottom:5px !important; } .mb8 { margin-bottom:8px !important; } .mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mb50 { margin-bottom:50px !important; } .ml0 { margin-left:0px !important; } .ml5 { margin-left:5px !important; } .ml8 { margin-left:8px !important; } .ml10 { margin-left:10px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:20px !important; } .ml25 { margin-left:25px !important; } .ml30 { margin-left:30px !important; } .ml35 { margin-left:35px !important; } .ml40 { margin-left:40px !important; } .ml50 { margin-left:50px !important; } .ml60 { margin-left:60px !important; } .ml75 { margin-left:75px !important; } .ml90 { margin-left:90px !important; } .ml120 { margin-left:120px !important; } .ml150 { margin-left:150px !important; } .mtb0 { margin-top:0px !important; margin-bottom:0px !important; } .mtb5 { margin-top:5px !important; margin-bottom:5px !important; } .mtb8 { margin-top:8px !important; margin-bottom:8px !important; } .mtb10 { margin-top:10px !important; margin-bottom:10px !important; } .mtb15 { margin-top:15px !important; margin-bottom:15px !important; } .mtb20 { margin-top:20px !important; margin-bottom:20px !important; } .mtb25 { margin-top:25px !important; margin-bottom:25px !important; } .mtb30 { margin-top:30px !important; margin-bottom:30px !important; } .mtb50 { margin-top:50px !important; margin-bottom:50px !important; } .mlr0 { margin-left:0px !important; margin-right:0px !important; } .mlr5 { margin-left:5px !important; margin-right:5px !important; } .mlr8 { margin-left:8px !important; margin-right:8px !important; } .mlr10 { margin-left:10px !important; margin-right:10px !important; } .mlr15 { margin-left:15px !important; margin-right:15px !important; } .mlr20 { margin-left:20px !important; margin-right:20px !important; } .mlr25 { margin-left:25px !important; margin-right:25px !important; } .mlr30 { margin-left:30px !important; margin-right:30px !important; } .mlr50 { margin-left:50px !important; margin-right:50px !important; } /*Margins (negatief)*/ .m-5 { margin:-5px !important; } .m-8 { margin:-8px !important; } .m-10 { margin:-10px !important; } .m-15 { margin:-15px !important; } .m-20 { margin:-20px !important; } .m-25 { margin:-25px !important; } .m-30 { margin:-30px !important; } .m-50 { margin:-50px !important; } .mt-5 { margin-top:-5px !important; } .mt-8 { margin-top:-8px !important; } .mt-10 { margin-top:-10px !important; } .mt-15 { margin-top:-15px !important; } .mt-20 { margin-top:-20px !important; } .mt-25 { margin-top:-25px !important; } .mt-30 { margin-top:-30px !important; } .mt-40 { margin-top:-40px !important; } .mt-50 { margin-top:-50px !important; } .mr-5 { margin-right:-5px !important; } .mr-10 { margin-right:-10px !important; } .mr-15 { margin-right:-15px !important; } .mr-20 { margin-right:-20px !important; } .mr-25 { margin-right:-25px !important; } .mr-30 { margin-right:-30px !important; } .mr-50 { margin-right:-50px !important; } .mb-5 { margin-bottom:-5px !important; } .mb-10 { margin-bottom:-10px !important; } .mb-15 { margin-bottom:-15px !important; } .mb-20 { margin-bottom:-20px !important; } .mb-25 { margin-bottom:-25px !important; } .mb-30 { margin-bottom:-30px !important; } .mb-50 { margin-bottom:-50px !important; } .ml-5 { margin-left:-5px !important; } .ml-8 { margin-left:-8px !important; } .ml-10 { margin-left:-10px !important; } .ml-15 { margin-left:-15px !important; } .ml-16 { margin-left:-16px !important; } .ml-20 { margin-left:-20px !important; } .ml-25 { margin-left:-25px !important; } .ml-30 { margin-left:-30px !important; } .ml-50 { margin-left:-50px !important; } .ml-60 { margin-left:-60px !important; } .mtb-5 { margin-top:-5px !important; margin-bottom:-5px !important; } .mtb-10 { margin-top:-10px !important; margin-bottom:-10px !important; } .mtb-15 { margin-top:-15px !important; margin-bottom:-15px !important; } .mtb-20 { margin-top:-20px !important; margin-bottom:-20px !important; } .mtb-25 { margin-top:-25px !important; margin-bottom:-25px !important; } .mtb-30 { margin-top:-30px !important; margin-bottom:-30px !important; } .mtb-50 { margin-top:-50px !important; margin-bottom:-50px !important; } .mlr-5 { margin-left:-5px !important; margin-right:-5px; } .mlr-10 { margin-left:-10px !important; margin-right:-10px !important; } .mlr-15 { margin-left:-15px !important; margin-right:-15px !important; } .mlr-20 { margin-left:-20px !important; margin-right:-20px !important; } .mlr-25 { margin-left:-25px !important; margin-right:-25px !important; } .mlr-30 { margin-left:-30px !important; margin-right:-30px !important; } .mlr-50 { margin-left:-50px !important; margin-right:-50px !important; } /*Padding*/ .p0 { padding:0px !important; } .p3 {padding: 3px !important; } .p5 { padding:5px !important; } .p8 { padding:8px !important; } .p10 { padding:10px !important; } .p15 { padding:15px !important; } .p20 { padding:20px !important; } .p25 { padding:25px !important; } .p30 { padding:30px !important; } .p50 { padding:50px !important; } .pt0 { padding-top:0px !important; } .pt3 { padding-top:3px !important; } .pt5 { padding-top:5px !important; } .pt8 { padding-top:8px !important; } .pt10 { padding-top:10px !important; } .pt12 { padding-top:12px !important; } .pt15 { padding-top:15px !important; } .pt20 { padding-top:20px !important; } .pt25 { padding-top:25px !important; } .pt30 { padding-top:30px !important; } .pt50 { padding-top:50px !important; } .pr0 { padding-right:0px !important; } .pr5 { padding-right:5px !important; } .pr8 { padding-right:8px !important; } .pr10 { padding-right:10px !important; } .pr15 { padding-right:15px !important; } .pr20 { padding-right:20px !important; } .pr25 { padding-right:25px !important; } .pr30 { padding-right:30px !important; } .pr50 { padding-right:50px !important; } .pb0 { padding-bottom:0px !important; } .pb5 { padding-bottom:5px !important; } .pb8 { padding-bottom:8px !important; } .pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; } .pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; } .pb30 { padding-bottom:30px !important; } .pb50 { padding-bottom:50px !important; } .pl0 { padding-left:0px !important; } .pl5 { padding-left:5px !important; } .pl8 { padding-left:8px !important; } .pl10 { padding-left:10px !important; } .pl15 { padding-left:15px !important; } .pl20 { padding-left:20px !important; } .pl25 { padding-left:25px !important; } .pl30 { padding-left:30px !important; } .pl50 { padding-left:50px !important; } .ptb0 { padding-top:0px !important; padding-bottom:0px !important; } .ptb5 { padding-top:5px !important; padding-bottom:5px !important; } .ptb8 { padding-top:8px !important; padding-bottom:8px !important; } .ptb10 { padding-top:10px !important; padding-bottom:10px !important; } .ptb12 { padding-top:12px !important; padding-bottom:12px !important; } .ptb15 { padding-top:15px !important; padding-bottom:15px !important; } .ptb20 { padding-top:20px !important; padding-bottom:20px !important; } .ptb25 { padding-top:25px !important; padding-bottom:25px !important; } .ptb30 { padding-top:30px !important; padding-bottom:30px !important; } .ptb50 { padding-top:50px !important; padding-bottom:50px !important; } .plr0 { padding-left:0px !important; padding-right:0px !important; } .plr5 { padding-left:5px !important; padding-right:5px !important; } .plr8 { padding-left:8px !important; padding-right:8px !important; } .plr10 { padding-left:10px !important; padding-right:10px !important; } .plr12 { padding-left:12px !important; padding-right:12px !important; } .plr15 { padding-left:15px !important; padding-right:15px !important; } .plr20 { padding-left:20px !important; padding-right:20px !important; } .plr25 { padding-left:25px !important; padding-right:25px !important; } .plr30 { padding-left:30px !important; padding-right:30px !important; } .plr50 { padding-left:50px !important; padding-right:50px !important; } /* [2. NAVIGATIE] */ /* [2.1 LINKSE NAVIGATIE] */ .a-TreeView-row.is-focused { box-shadow:unset !important; outline:0; } .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-focused { box-shadow:unset !important; } .apex-side-nav.js-navExpanded.t-PageBody--hideLeft .t-Body-title { left: 210px !important; } :not(.u-RTL) .apex-side-nav.js-navExpanded.t-PageBody--hideLeft .t-Body-content { margin-left: 192px; } .t-Body-nav { width: 240px; } /* [2.2 TOP (BAR) NAVIGATIE] */ .t-Header-branding { height:40px; } .t-Header-logo-link { font-size:24px; } .t-NavigationBar-item .t-Icon { margin-right:6px; } .t-TreeNav { background: transparent !important; } /* [3. REGIONS] */ /* [3.0 STANDAARD] */ /*Basis*/ .t-Region, .t-Region .t-Region-body { box-shadow:unset !important; } .t-Region .t-Region-header { font-weight:600; padding-left:6px; } .t-Region-header { min-height:48px; /*24*/ } .t-Region-headerItems .t-Region-headerItems--buttons { min-width:260px; } .t-Region-headerItems { font-size:16px } .t-Region--noUI, .t-Region--noUI>.t-Region-header { border-width: 0 !important; } /*Grotere cellen*/ .t-Region.large .t-Report-report td, .t-Region.large .a-GV-row .a-GV-cell, .t-IRR-region.large .a-IRR-table td { padding: 10px 8px !important; } /* [3.1 EXTRA'S] */ /*Regions uitlijnen*/ /*Region in region naar boven toe uitlijnen*/ .t-Region.t-Region--noBorder .t-Region.t-Region--noBorder:not(.t-Region--removeHeader) { margin-top:-10px; } /*Titel van region zonder padding of border links uitlijnen en verlengen*/ .t-Region.t-Region--noBorder.t-Region--noPadding > .t-Region-header { margin-left:-16px; width: calc(100% + 32px); } /*Info element links uitlijnen*/ .t-Region.t-Region--noBorder .hokje { margin-left:0px; } /*Remove table border bij volledige uitlijning*/ .t-Region.t-Region--noPadding > table { border:none; } /*Hide overflow-x bij no body padding*/ .t-Region.t-Region--noPadding .t-Region-body { overflow-x:hidden; } /*Button rechts uitlijnen bij region zonder border*/ .t-Region.t-Region--noBorder > .t-Region-header { padding-right:6px; } /*Aanklikbaar rapport*/ .t-Region.clickable .t-Report-report tr td, .t-Region.clickable .a-GV-row .a-GV-cell, .t-IRR-region.clickable .a-IRR-table td { cursor:pointer; } /* [3.2 SCHEIDINGSLIJNEN] */ /*Enkel top en bottom scheidingslijn*/ .t-Region.divide_tb > .t-Region-bodyWrap > .t-Region-body > .container > .row:first-child { padding-top:3px; } .t-Region.divide_tb > .t-Region-bodyWrap > .t-Region-body > .container > .row:last-child { padding-bottom:3px; } .t-Region.divide_tb > .t-Region-header { border-bottom:none !important; } /*Scheidingslijn na elke row*/ .t-Region.divide1 > .t-Region-bodyWrap > .t-Region-body > .container > .row { padding-top:3px; } /*Scheidingslijn na elke 2e row*/ .t-Region.divide2 > .t-Region-bodyWrap > .t-Region-body > .container > .row:nth-child(2n) { padding-top:3px; } /*Scheidingslijn na elke 3e row*/ .t-Region.divide3 > .t-Region-bodyWrap > .t-Region-body > .container > .row:nth-child(3n) { padding-top:3px; } /* [3.3 DASHBOARD REGIONS] */ .dashboardblok { height:450px; margin-bottom:10px; } .dashboardblok > .t-Region-bodyWrap { height:398px; } /*.dashboardblok > .t-Region-bodyWrap > .t-Region-body { height:398px; overflow-y:auto; }*/ .dynamicBlok .dashboardblok > .t-Region-bodyWrap > .t-Region-body { height:365px; overflow-y:auto; } .dashboardblok:not(.fixed_filter):not(.fixed_pagin):not(.fixed_info) > .t-Region-bodyWrap > .t-Region-body {height:398px; overflow-y:auto;} /*geen filter, geen paginatie, geen info*/ .dashboardblok.fixed_filter:not(.fixed_pagin):not(.fixed_info) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap, .dashboardblok.fixed_filter:not(.fixed_pagin):not(.fixed_info) > .t-Region-bodyWrap > .t-Region-body .t-Report {height:360px; overflow-y:auto;} /*enkel filter*/ .dashboardblok.fixed_pagin:not(.fixed_filter):not(.fixed_info) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap, .dashboardblok.fixed_pagin:not(.fixed_filter):not(.fixed_info) > .t-Region-bodyWrap > .t-Region-body .t-Timeline {overflow-y:auto; height:350px;} /*enkel paginatie*/ .dashboardblok.fixed_info:not(.fixed_pagin):not(.fixed_filter) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {height:360px; overflow-y:auto;} /*enkel info*/ .dashboardblok.fixed_pagin.fixed_filter:not(.fixed_info) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap, .dashboardblok.fixed_pagin.fixed_filter:not(.fixed_info) > .t-Region-bodyWrap > .t-Region-body .t-Timeline {overflow-y:auto; height:320px;} /*combo paginatie met filter*/ .dashboardblok.fixed_pagin.fixed_info:not(.fixed_filter) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap, .dashboardblok.fixed_pagin.fixed_info:not(.fixed_filter) > .t-Region-bodyWrap > .t-Region-body .t-Timeline {overflow-y:auto; height:320px;} /*combo paginatie met info*/ .dashboardblok.fixfilter > .t-Region-bodyWrap > .t-Region-body { overflow:unset !important; } .dashboardblok > .t-Region-bodyWrap > .t-Region-body table:not(.t-Report-pagination) { margin-top:-1px !important; } /*.dashboardblok .t-Report-pagination {margin-top: 5px !important;} vervangen door padding-top op de td*/ .dashboardblok .t-Report-pagination > tbody > tr > td {padding-top:5px;} .dashboardblok .t-Report-pagination td.pagination {padding:0px !important;} .dashboardblok.scroll > .t-Region-bodyWrap { height:398px; overflow-y: auto; } .dashboardblok .t-Region-body { overflow-x: hidden !important; } .dashboardblok .t-Report-cell { padding:5px 12px !important; } .dashboardblok.fillout .t-Report-cell { padding:0px !important; } .dashboardblok .t-Report-cell.p0 { padding:0px !important;} .dashboardblok .t-Region-body { padding:0px !important; } .dashboardblok .t-Region-title { color: var(--obasi-blue); } /* [3.4 FILTERS] */ /*Kies aantal rijen*/ .aantal_rij { float:right; min-width:50px !important; margin-right:5px; margin-top: 5px; margin-bottom:5px; } /*Keuze filter*/ .maak_keuze { /*float:left; doet de stretch af en toe kapot*/ min-width:120px !important; margin-left:5px; margin-top: 5px; margin-bottom:5px; } /* [3.5 COLLAPSIBLE REGIONS] */ .t-Region.a-Collapsible.is-collapsed .t-Region-header { border:none; } .t-Region.a-Collapsible .t-Button--hideShow, .t-Region.a-Collapsible .t-Button--hideShow:hover { border-radius:100%; } /* [3.6 BUTTON REGIONS] */ /*Algemeen*/ .t-ButtonRegion .t-ButtonRegion-wrap .t-ButtonRegion-col--content .container .row { margin-left:8px; } /*.t-ButtonRegion .t-ButtonRegion-wrap .t-ButtonRegion-col--content .container .row button:not(.gen_btn_r) { margin-top:7px; }*/ /*Label en input sizes*/ .l30 .t-Form-labelContainer label {width:30px !important;} .l45 .t-Form-labelContainer label {width:45px !important;} .l60 .t-Form-labelContainer label {width:60px !important;} .l75 .t-Form-labelContainer label {width:78px !important;} .l90 .t-Form-labelContainer label {width:90px !important;} .l120 .t-Form-labelContainer label {width:120px !important;} .l150 .t-Form-labelContainer label {width:150px !important;} .l180 .t-Form-labelContainer label {width:180px !important;} .l210 .t-Form-labelContainer label {width:210px !important;} .l240 .t-Form-labelContainer label {width:240px !important;} .l270 .t-Form-labelContainer label {width:270px !important;} .l300 .t-Form-labelContainer label {width:300px !important;} .l400 .t-Form-labelContainer label {width:400px !important;} .l500 .t-Form-labelContainer label {width:500px !important;} .i30:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i30 .t-Form-inputContainer .select2, .i30 .t-Form-inputContainer select, .i30 .t-Form-inputContainer .checkbox_group, .i30 .t-Form-inputContainer .radio_group .apex-item-grid, .i30 .apex-item-group--textarea, .i30 .t-Form-inputContainer .t-Form-itemWrapper input, .i30.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i30 .t-Form-itemWrapper {width:30px !important;} .i50:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i50 .t-Form-inputContainer .select2, .i50 .t-Form-inputContainer select, .i50 .t-Form-inputContainer .checkbox_group, .i50 .t-Form-inputContainer .radio_group .apex-item-grid, .i50 .apex-item-group--textarea, .i50 .t-Form-inputContainer .t-Form-itemWrapper input, .i50.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i50 .t-Form-itemWrapper {width:50px !important;} .i60:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i60 .t-Form-inputContainer .select2, .i60 .t-Form-inputContainer select, .i60 .t-Form-inputContainer .checkbox_group, .i60 .t-Form-inputContainer .radio_group .apex-item-grid, .i60 .apex-item-group--textarea, .i60 .t-Form-inputContainer .t-Form-itemWrapper input, .i60.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i60 .t-Form-itemWrapper {width:60px !important;} .i75:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i75 .t-Form-inputContainer .select2, .i75 .t-Form-inputContainer select, .i75 .t-Form-inputContainer .checkbox_group, .i75 .t-Form-inputContainer .radio_group .apex-item-grid, .i75 .apex-item-group--textarea, .i75 .t-Form-inputContainer .t-Form-itemWrapper input, .i75.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i75 .t-Form-itemWrapper {width:78px !important;} .i90:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i90 .t-Form-inputContainer .select2, .i90 .t-Form-inputContainer select, .i90 .t-Form-inputContainer .checkbox_group, .i90 .t-Form-inputContainer .radio_group .apex-item-grid, .i90 .apex-item-group--textarea, .i90 .t-Form-inputContainer .t-Form-itemWrapper input, .i90.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i90 .t-Form-itemWrapper {width:95px !important;} .i120:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i120 .t-Form-inputContainer .select2, .i120 .t-Form-inputContainer select, .i120 .t-Form-inputContainer .checkbox_group, .i120 .t-Form-inputContainer .radio_group .apex-item-grid, .i120 .apex-item-group--textarea, .i120 .t-Form-inputContainer .t-Form-itemWrapper input, .i120.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i120 .t-Form-itemWrapper {width:120px !important;} .i150:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i150 .t-Form-inputContainer .select2, .i150 .t-Form-inputContainer select, .i150 .t-Form-inputContainer .checkbox_group, .i150 .t-Form-inputContainer .radio_group .apex-item-grid, .i150 .apex-item-group--textarea, .i150 .t-Form-inputContainer .t-Form-itemWrapper input, .i150.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i150 .t-Form-itemWrapper {width:150px !important;} .i180:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i180 .t-Form-inputContainer .select2, .i180 .t-Form-inputContainer select, .i180 .t-Form-inputContainer .checkbox_group, .i180 .t-Form-inputContainer .radio_group .apex-item-grid, .i180 .apex-item-group--textarea, .i180 .t-Form-inputContainer .t-Form-itemWrapper input, .i180.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i180 .t-Form-itemWrapper {width:185px !important;} .i200:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i200 .t-Form-inputContainer .select2, .i200 .t-Form-inputContainer select, .i200 .t-Form-inputContainer .checkbox_group, .i200 .t-Form-inputContainer .radio_group .apex-item-grid, .i200 .apex-item-group--textarea, .i200 .t-Form-inputContainer .t-Form-itemWrapper input, .i200.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i200 .t-Form-itemWrapper {width:200px !important;} .i210:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i210 .t-Form-inputContainer .select2, .i210 .t-Form-inputContainer select, .i210 .t-Form-inputContainer .checkbox_group, .i210 .t-Form-inputContainer .radio_group .apex-item-grid, .i210 .apex-item-group--textarea, .i210 .t-Form-inputContainer .t-Form-itemWrapper input, .i210.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i210 .t-Form-itemWrapper {width:210px !important;} .i240:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i240 .t-Form-inputContainer .select2, .i240 .t-Form-inputContainer select, .i240 .t-Form-inputContainer .checkbox_group, .i240 .t-Form-inputContainer .radio_group .apex-item-grid, .i240 .apex-item-group--textarea, .i240 .t-Form-inputContainer .t-Form-itemWrapper input, .i240.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i240 .t-Form-itemWrapper {width:240px !important;} .i250:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i250 .t-Form-inputContainer .select2, .i250 .t-Form-inputContainer select, .i250 .t-Form-inputContainer .checkbox_group, .i250 .t-Form-inputContainer .radio_group .apex-item-grid, .i250 .apex-item-group--textarea, .i250 .t-Form-inputContainer .t-Form-itemWrapper input, .i250.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i250 .t-Form-itemWrapper {width:253px !important;} .i270:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i270 .t-Form-inputContainer .select2, .i270 .t-Form-inputContainer select, .i270 .t-Form-inputContainer .checkbox_group, .i270 .t-Form-inputContainer .radio_group .apex-item-grid, .i270 .apex-item-group--textarea, .i270 .t-Form-inputContainer .t-Form-itemWrapper input, .i270.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i270 .t-Form-itemWrapper {width:270px !important;} .i300:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i300 .t-Form-inputContainer .select2, .i300 .t-Form-inputContainer select, .i300 .t-Form-inputContainer .checkbox_group, .i300 .t-Form-inputContainer .radio_group .apex-item-grid, .i300 .apex-item-group--textarea, .i300 .t-Form-inputContainer .t-Form-itemWrapper input, .i300.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i300 .t-Form-itemWrapper {width:300px !important;} .i360:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i360 .t-Form-inputContainer .select2, .i360 .t-Form-inputContainer select, .i360 .t-Form-inputContainer .checkbox_group, .i360 .t-Form-inputContainer .radio_group .apex-item-grid, .i360 .apex-item-group--textarea, .i360 .t-Form-inputContainer .t-Form-itemWrapper input, .i360.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i360 .t-Form-itemWrapper {width:360px !important;} .i400:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i400 .t-Form-inputContainer .select2, .i400 .t-Form-inputContainer select, .i400 .t-Form-inputContainer .checkbox_group, .i400 .t-Form-inputContainer .radio_group .apex-item-grid, .i400 .apex-item-group--textarea, .i400 .t-Form-inputContainer .t-Form-itemWrapper input, .i400.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i400 .t-Form-itemWrapper {width:400px !important;} .i600:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i600 .t-Form-inputContainer .select2, .i600 .t-Form-inputContainer select, .i600 .t-Form-inputContainer .checkbox_group, .i600 .t-Form-inputContainer .radio_group .apex-item-grid, .i600 .apex-item-group--textarea, .i600 .t-Form-inputContainer .t-Form-itemWrapper input, .i600.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i600 .t-Form-itemWrapper {width:600px !important;} .i900:not(.apex-item-wrapper--radiogroup) .t-Form-inputContainer input, .i900 .t-Form-inputContainer .select2, .i900 .t-Form-inputContainer select, .i900 .t-Form-inputContainer .checkbox_group, .i900 .t-Form-inputContainer .radio_group .apex-item-grid, .i900 .apex-item-group--textarea, .i900 .t-Form-inputContainer .t-Form-itemWrapper input, .i900.apex-item-wrapper--display-only .t-Form-inputContainer .t-Form-itemWrapper, td.i900 .t-Form-itemWrapper {width:900px !important;} .op100 .t-Form-inputContainer .radio_group .apex-item-option, .op100 .t-Form-inputContainer .checkbox_group .apex-item-option { width:100px !important; } .op150 .t-Form-inputContainer .radio_group .apex-item-option, .op150 .t-Form-inputContainer .checkbox_group .apex-item-option { width:150px !important; } .op180 .t-Form-inputContainer .radio_group .apex-item-option, .op180 .t-Form-inputContainer .checkbox_group .apex-item-option { width:180px !important; } .op200 .t-Form-inputContainer .radio_group .apex-item-option, .op200 .t-Form-inputContainer .checkbox_group .apex-item-option { width:200px !important; } .op250 .t-Form-inputContainer .radio_group .apex-item-option, .op250 .t-Form-inputContainer .checkbox_group .apex-item-option { width:250px !important; } .op300 .t-Form-inputContainer .radio_group .apex-item-option, .op300 .t-Form-inputContainer .checkbox_group .apex-item-option { width:300px !important; } .op350 .t-Form-inputContainer .radio_group .apex-item-option, .op350 .t-Form-inputContainer .checkbox_group .apex-item-option { width:350px !important; } .i-stretch, .t-Form--floatLeft .col.i-stretch, .i-stretch .apex-item-wrapper, .i-stretch .apex-item-wrapper .t-Form-inputContainer, .i-stretch .apex-item-wrapper .t-Form-inputContainer .t-Form-itemWrapper input, .i-stretch.apex-item-wrapper--display-only .apex-item-wrapper .t-Form-inputContainer .t-Form-itemWrapper { width:100% !important; } /*Datepicker*/ .t-ButtonRegion .apex-item-wrapper--date-picker .t-Form-inputContainer input { width:120px !important; height:28px; } /*Multiline*/ .t-ButtonRegion.multiline .t-ButtonRegion-buttons { position: absolute; top: 0px; right: 10px; } /*Center uitlijnen*/ .t-ButtonRegion.center .t-ButtonRegion-wrap .t-ButtonRegion-col--content .container .row .apex-col-auto, .t-ButtonRegion.center .t-ButtonRegion-wrap .t-ButtonRegion-col--content .container .row .apex-col-auto .apex-item-wrapper, .t-ButtonRegion.center .t-ButtonRegion-wrap .t-ButtonRegion-col--content .container .row .apex-col-auto .apex-item-wrapper .t-Form-inputContainer, .t-ButtonRegion.center .t-ButtonRegion-wrap .t-ButtonRegion-col--content .container .row .apex-col-auto .apex-item-wrapper .t-Form-inputContainer .t-Form-itemWrapper .apex-item-display-only{ width:100% !important; text-align:center !important; } /*Rechts uitlijnen*/ .t-ButtonRegion.rechts .t-ButtonRegion-col--content .container, .t-ButtonRegion.rechts .t-ButtonRegion-col--content div.container{ float:right; } .t-ButtonRegion.rechts .t-ButtonRegion-wrap .t-ButtonRegion-col--content .container .row { float:right; margin-right:8px; } /* [3.7 INTERACTIVE REGION] */ .t-IRR-region { box-shadow:unset !important; margin-bottom:0px !important; } /* [3.8 INTERACTIVE GRID] */ .a-GV-footer { border-top:none !important; } .a-GV-status { display:none; } /* [3.9 STICKY REGION] */ .sticky_region.is-stuck { border: 5px solid !important; box-shadow: 4px 4px 4px rgba(0,0,0,0.5) !important; } .sticky_region.is-stuck { padding: 15px !important; } .sticky_region.sticky_nopad.is-stuck { padding: 0px !important; } .sticky_region.sticky_thin.is-stuck { border-width:2px !important; } .sticky_region.is-stuck.grey {border-color:var(--dark-silver) !important;} .sticky_region.is-stuck.dark {border-color:var(--dark) !important;} .sticky_region.is-stuck.purple {border-color:var(--tinkywinky) !important;} .sticky_region.is-stuck.pink {border-color:var(--fuchsia) !important;} .sticky_region.is-stuck.blue {border-color:var(--obasi-blue) !important;} .sticky_region.is-stuck.green {border-color:var(--obasi-green) !important;} .sticky_region.is-stuck.yellow {border-color:var(--kaese) !important;} .sticky_region.is-stuck.orange {border-color:var(--pumpkin) !important;} .sticky_region.is-stuck.red {border-color:var(--danger) !important;} /* [3.10 FIXED REGION HEIGHTS] */ .rh25:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(25vh - 12px);} .rh25.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(25vh - 96px);} .rh25.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(25vh - 48px);} /*.rh25.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(25vh - 51px);}*/ .rh25 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(25vh - 52px);} /*.rh25.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(25vh - 51px);}*/ .rh30:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(30vh - 12px);} .rh30.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(30vh - 96px);} .rh30.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(30vh - 48px);} /*.rh30.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(30vh - 51px);}*/ .rh30 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(30vh - 52px);} /*.rh30.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(30vh - 51px);}*/ .rh35:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(35vh - 12px);} .rh35.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(35vh - 96px);} .rh35.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(35vh - 48px);} /*.rh35.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(35vh - 51px);}*/ .rh35 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(35vh - 52px);} /*.rh35.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(35vh - 51px);}*/ .rh40:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(40vh - 12px);} .rh40.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(40vh - 96px);} .rh40.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(40vh - 48px);} /*.rh40.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(40vh - 51px);}*/ .rh40 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(40vh - 52px);} /*.rh40.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(40vh - 51px);}*/ .rh45:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(45vh - 12px);} .rh45.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(45vh - 96px);} .rh45.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(45vh - 48px);} /*.rh45.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(45vh - 51px);}*/ .rh45 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(45vh - 52px);} /*.rh45.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(45vh - 51px);}*/ .rh50:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(50vh - 12px);} .rh50.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(50vh - 96px);} .rh50.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(50vh - 48px);} /*.rh50.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(50vh - 51px);}*/ .rh50 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(50vh - 52px);} /*.rh50.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(50vh - 51px);}*/ .rh55:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(55vh - 12px);} .rh55.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(55vh - 96px);} .rh55.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(55vh - 48px);} /*.rh55.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(55vh - 51px);}*/ .rh55 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(55vh - 52px);} /*.rh55.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(55vh - 51px);}*/ .rh60:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(60vh - 12px);} .rh60.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(60vh - 96px);} .rh60.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(60vh - 48px);} /*.rh60.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(60vh - 51px);}*/ .rh60 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(60vh - 52px);} /*.rh60.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(60vh - 51px);}*/ .rh65:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(65vh - 12px);} .rh65.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(65vh - 96px);} .rh65.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(65vh - 48px);} /*.rh65.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(65vh - 51px);}*/ .rh65 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(65vh - 52px);} /*.rh65.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(65vh - 51px);}*/ .rh70:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(70vh - 12px);} .rh70.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(70vh - 96px);} .rh70.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(70vh - 48px);} /*.rh70.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(70vh - 51px);}*/ .rh70 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(70vh - 52px);} /*.rh70.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(70vh - 51px);}*/ .rh75:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(75vh - 12px);} .rh75.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(75vh - 96px);} .rh75.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(75vh - 48px);} /*.rh75.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(75vh - 51px);}*/ .rh75 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(75vh - 52px);} /*.rh75.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(75vh - 51px);}*/ .rh80:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(80vh - 12px);} .rh80.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(80vh - 96px);} .rh80.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(80vh - 48px);} /*.rh80.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(80vh - 51px);}*/ .rh80 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(80vh - 52px);} /*.rh80.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(80vh - 51px);}*/ .rh85:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(85vh - 12px);} .rh85.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(85vh - 96px);} .rh85.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(85vh - 48px);} /*.rh85.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(85vh - 51px);}*/ .rh85 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(85vh - 52px);} /*.rh85.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(85vh - 51px);}*/ .rh90:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:calc(90vh - 12px);} .rh90.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(90vh - 96px);} .rh90.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:calc(90vh - 48px);} /*.rh90.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(90vh - 51px);}*/ .rh90 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(90vh - 52px);} /*.rh90.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(90vh - 51px);}*/ .vh25.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(25vh - 12px);} .vh25:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(25vh - 48px);} .vh25.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(25vh - 96px);} .vh25.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(25vh - 48px);} /*.vh25.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(25vh - 51px);}*/ .vh25 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(25vh - 52px);} /*.vh25.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(25vh - 51px);}*/ .vh30.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(30vh - 12px);} .vh30:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(30vh - 48px);} .vh30.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(30vh - 96px);} .vh30.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(30vh - 48px);} /*.vh30.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(30vh - 51px);}*/ .vh30 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(30vh - 52px);} /*.vh30.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(30vh - 51px);}*/ .vh35.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(35vh - 12px);} .vh35:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(35vh - 48px);} .vh35.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(35vh - 96px);} .vh35.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(35vh - 48px);} /*.vh35.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(35vh - 51px);}*/ .vh35 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(35vh - 52px);} /*.vh35.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(35vh - 51px);}*/ .vh40.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(40vh - 12px);} .vh40:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(40vh - 48px);} .vh40.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(40vh - 96px);} .vh40.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(40vh - 48px);} /*.vh40.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(40vh - 51px);}*/ .vh40 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(40vh - 52px);} /*.vh40.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(40vh - 51px);}*/ .vh45.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(45vh - 12px);} .vh45:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(45vh - 48px);} .vh45.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(45vh - 96px);} .vh45.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(45vh - 48px);} /*.vh45.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(45vh - 51px);}*/ .vh45 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(45vh - 52px);} /*.vh45.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(45vh - 51px);}*/ .vh50.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(50vh - 12px);} .vh50:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(50vh - 48px);} .vh50.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(50vh - 96px);} .vh50.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(50vh - 48px);} /*.vh50.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(50vh - 51px);}*/ .vh50 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(50vh - 52px);} /*.vh50.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(50vh - 51px);}*/ .vh55.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(55vh - 12px);} .vh55:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(55vh - 48px);} .vh55.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(55vh - 96px);} .vh55.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(55vh - 48px);} /*.vh55.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(55vh - 51px);}*/ .vh55 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(55vh - 52px);} /*.vh55.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(55vh - 51px);}*/ .vh60.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(60vh - 12px);} .vh60:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(60vh - 48px);} .vh60.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(60vh - 96px);} .vh60.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(60vh - 48px);} /*.vh60.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(60vh - 51px);}*/ .vh60 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(60vh - 52px);} /*.vh60.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(60vh - 51px);}*/ .vh65.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(65vh - 12px);} .vh65:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(65vh - 48px);} .vh65.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(65vh - 96px);} .vh65.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(65vh - 48px);} /*.vh65.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(65vh - 51px);}*/ .vh65 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(65vh - 52px);} /*.vh65.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(65vh - 51px);}*/ .vh70.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(70vh - 12px);} .vh70:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(70vh - 48px);} .vh70.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(70vh - 96px);} .vh70.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(70vh - 48px);} /*.vh70.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(70vh - 51px);}*/ .vh70 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(70vh - 52px);} /*.vh70.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(70vh - 51px);}*/ .vh75.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(75vh - 12px);} .vh75:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(75vh - 48px);} .vh75.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(75vh - 96px);} .vh75.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(75vh - 48px);} /*.vh75.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(75vh - 51px);}*/ .vh75 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(75vh - 52px);} /*.vh75.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(75vh - 51px);}*/ .vh80.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(80vh - 12px);} .vh80:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(80vh - 48px);} .vh80.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(80vh - 96px);} .vh80.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(80vh - 48px);} /*.vh80.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(80vh - 51px);}*/ .vh80 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(80vh - 52px);} /*.vh80.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(80vh - 51px);}*/ .vh85.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(85vh - 12px);} .vh85:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(85vh - 48px);} .vh85.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(85vh - 96px);} .vh85.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(85vh - 48px);} /*.vh85.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(85vh - 51px);}*/ .vh85 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(85vh - 52px);} /*.vh85.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(85vh - 51px);}*/ .vh90.t-Region--removeHeader:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body /*.t-Report-tableWrap*/ {overflow-y:scroll; max-height:calc(90vh - 12px);} .vh90:not(.t-Region--removeHeader):not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(90vh - 48px);} .vh90.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(90vh - 96px);} .vh90.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:calc(90vh - 48px);} /*.vh90.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(90vh - 51px);}*/ .vh90 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(90vh - 52px);} /*.vh90.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(90vh - 51px);}*/ .rhpx150 .nodatafound {height:93px;} .rhpx150:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:150px;} .rhpx150.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:66px;} .rhpx150.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:110px;} /*.rhpx150.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(99px);}*/ .rhpx150 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(99px);} /*.rhpx150.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(99px);}*/ .rhpx175 .nodatafound {height:118px;} .rhpx175:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:175px;} .rhpx175.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:91px;} .rhpx175.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:135px;} /*.rhpx175.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(124px);}*/ .rhpx175 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(124px);} /*.rhpx175.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(124px);}*/ .rhpx200 .nodatafound {height:143px;} .rhpx200:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:200px;} .rhpx200.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:116px;} .rhpx200.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:160px;} /*.rhpx200.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(149px);}*/ .rhpx200 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(149px);} /*.rhpx200.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(149px);}*/ .rhpx250 .nodatafound {height:193px;} .rhpx250:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:250px;} .rhpx250.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:166px;} .rhpx250.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:210px;} /*.rhpx250.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(199px);}*/ .rhpx250 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(199px);} /*.rhpx250.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(199px);}*/ .rhpx300 .nodatafound {height:243px;} .rhpx300:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:300px;} .rhpx300.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:216px;} .rhpx300.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:260px;} /*.rhpx300.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(249px);}*/ .rhpx300 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(249px);} /*.rhpx300.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(249px);}*/ .rhpx350 .nodatafound {height:293px;} .rhpx350:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:350px;} .rhpx350.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:311px;} .rhpx350.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:310px;} /*.rhpx350.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(299px);}*/ .rhpx350 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(299px);} /*.rhpx350.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(299px);}*/ .rhpx375 .nodatafound {height:315px;} .rhpx375:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:375px;} .rhpx375.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:336px;} .rhpx375.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:350px;} /*.rhpx350.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(299px);}*/ .rhpx375 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(325px);} /*.rhpx350.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(299px);}*/ .rhpx400 .nodatafound {height:343px;} .rhpx400:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:400px;} .rhpx400.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:316px;} .rhpx400.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:360px;} /*.rhpx400.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(349px);}*/ .rhpx400 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(349px);} /*.rhpx400.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(349px);}*/ .rhpx450 .nodatafound {height:393px;} .rhpx450:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:450px;} .rhpx450.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:366px;} .rhpx450.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:410px;} /*.rhpx450.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(399px);}*/ .rhpx450 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(399px);} /*.rhpx450.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(399px);}*/ .rhpx500 .nodatafound {height:443px;} .rhpx500:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:500px;} .rhpx500.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:416px;} .rhpx500.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:460px;} /*.rhpx500.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(499px);}*/ .rhpx500 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(499px);} /*.rhpx500.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(499px);}*/ .rhpx600 .nodatafound {height:543px;} .rhpx600:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {height:600px;} .rhpx600.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:516px;} .rhpx600.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; height:560px;} /*.rhpx600.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; height:calc(599px);}*/ .rhpx600 .a-IG-body .a-GV-bdy {overflow-y:auto; height:calc(599px);} /*.rhpx600.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; height:calc(599px);}*/ .vhpx150 .nodatafound {max-height:93px;} .vhpx150:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:150px;} .vhpx150.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:66px;} .vhpx150.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:110px;} /*.vhpx150.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(99px);}*/ .vhpx150 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(99px);} /*.vhpx150.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(99px);}*/ .vhpx175 .nodatafound {max-height:118px;} .vhpx175:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:175px;} .vhpx175.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:91px;} .vhpx175.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:135px;} /*.vhpx175.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(124px);}*/ .vhpx175 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(124px);} /*.vhpx175.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(124px);}*/ .vhpx200 .nodatafound {max-height:143px;} .vhpx200:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:200px;} .vhpx200.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:116px;} .vhpx200.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:160px;} /*.vhpx200.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(149px);}*/ .vhpx200 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(149px);} /*.vhpx200.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(149px);}*/ .vhpx250 .nodatafound {max-height:193px;} .vhpx250:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:250px;} .vhpx250.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:166px;} .vhpx250.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:210px;} /*.vhpx250.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(199px);}*/ .vhpx250 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(199px);} /*.vhpx250.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(199px);}*/ .vhpx300 .nodatafound {max-height:243px;} .vhpx300:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:300px;} .vhpx300.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:216px;} .vhpx300.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:260px;} /*.vhpx300.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(249px);}*/ .vhpx300 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(249px);} /*.vhpx300.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(249px);}*/ .vhpx350 .nodatafound {max-height:293px;} .vhpx350:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:350px;} .vhpx350.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:266px;} .vhpx350.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:310px;} /*.vhpx350.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(299px);}*/ .vhpx350 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(299px);} /*.vhpx350.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(299px);}*/ .vhpx400 .nodatafound {max-height:343px;} .vhpx400:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:400px;} .vhpx400.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:316px;} .vhpx400.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:360px;} /*.vhpx400.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(349px);}*/ .vhpx400 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(349px);} /*.vhpx400.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(349px);}*/ .vhpx450 .nodatafound {max-height:393px;} .vhpx450:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:450px;} .vhpx450.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:366px;} .vhpx450.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:410px;} /*.vhpx450.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(399px);}*/ .vhpx450 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(399px);} /*.vhpx450.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(399px);}*/ .vhpx500 .nodatafound {max-height:443px;} .vhpx500:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:500px;} .vhpx500.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:416px;} .vhpx500.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:460px;} /*.vhpx500.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(499px);}*/ .vhpx500 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(499px);} /*.vhpx500.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(499px);}*/ .vhpx600 .nodatafound {max-height:543px;} .vhpx600:not(.fixed_pagin):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body {max-height:600px;} .vhpx600.fixed_pagin:not(.t-Region--removeHeader):not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:516px;} .vhpx600.fixed_pagin.t-Region--removeHeader:not(.groepIRR):not(.fixed_IRR) > .t-Region-bodyWrap > .t-Region-body .t-Report-tableWrap {overflow-y:scroll; max-height:560px;} /*.vhpx600.fixed_IRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto; max-height:calc(599px);}*/ .vhpx600 .a-IG-body .a-GV-bdy {overflow-y:auto; max-height:calc(599px);} /*.vhpx600.groepIRR .a-IRR-tableContainer .t-fht-tbody {overflow-y:auto !important; max-height:calc(599px);}*/ /* [3.11 REGIONS MET GEKLEURDE HEADER] */ /*region met header*/ .kleur_region > .t-Report-colHead { padding: 8px 12px !important; } .kleur_region > .t-Region-header {border-radius:0px;} .kleur_region.grey, .kleur_region.grey .t-Region { border: 1px solid var(--dark-silver); } .kleur_region.grey .t-Region .t-Region-header { border-bottom:1px solid var(--dark-silver); } .kleur_region.grey > .t-Region-header, .kleur_region.grey > .t-Region-header h2 { background-color: var(--dark-silver); color : var(--dark) !important; } .kleur_region.dark, .kleur_region.dark .t-Region { border: 1px solid var(--dark); } .kleur_region.dark .t-Region .t-Region-header { border-bottom:1px solid var(--dark); } .kleur_region.dark > .t-Region-header, .kleur_region.dark > .t-Region-header h2 { background-color: var(--dark); color : var(--ghost) !important; } .kleur_region.purple, .kleur_region.purple .t-Region { border: 1px solid var(--tinkywinky); } .kleur_region.purple .t-Region .t-Region-header { border-bottom:1px solid var(--tinkywinky); } .kleur_region.purple > .t-Region-header, .kleur_region.purple > .t-Region-header h2 { background-color: var(--tinkywinky); color : var(--ghost) !important; } .kleur_region.pink, .kleur_region.pink .t-Region { border: 1px solid var(--fuchsia); } .kleur_region.pink .t-Region .t-Region-header { border-bottom:1px solid var(--fuchsia); } .kleur_region.pink > .t-Region-header, .kleur_region.pink > .t-Region-header h2 { background-color: var(--fuchsia); color : var(--ghost) !important; } .kleur_region.blue, .kleur_region.blue .t-Region { border: 1px solid var(--obasi-blue); } .kleur_region.blue .t-Region .t-Region-header { border-bottom:1px solid var(--obasi-blue); } .kleur_region.blue > .t-Region-header, .kleur_region.blue > .t-Region-header h2 { background-color: var(--obasi-blue); color : var(--ghost) !important; } .kleur_region.blue2, .kleur_region.blue2 .t-Region { border: 1px solid var(--chalk-blue); } .kleur_region.blue2 .t-Region .t-Region-header { border-bottom:1px solid var(--chalk-blue); } .kleur_region.blue2 > .t-Region-header, .kleur_region.blue2 > .t-Region-header h2 { background-color: var(--chalk-blue); color : var(--dark) !important; } .kleur_region.green, .kleur_region.green .t-Region { border: 1px solid var(--ivy); } .kleur_region.green .t-Region .t-Region-header { border-bottom:1px solid var(--ivy); } .kleur_region.green > .t-Region-header, .kleur_region.green > .t-Region-header h2 { background-color: var(--ivy); color : var(--ghost) !important; } .kleur_region.yellow, .kleur_region.yellow .t-Region { border: 1px solid var(--kaese); } .kleur_region.yellow .t-Region .t-Region-header { border-bottom:1px solid var(--kaese); } .kleur_region.yellow > .t-Region-header, .kleur_region.yellow > .t-Region-header h2 { background-color: var(--kaese); color : var(--yellow-mist) !important; } .kleur_region.orange, .kleur_region.orange .t-Region { border: 1px solid var(--pumpkin); } .kleur_region.orange .t-Region .t-Region-header { border-bottom:1px solid var(--pumpkin); } .kleur_region.orange > .t-Region-header, .kleur_region.orange > .t-Region-header h2 { background-color: var(--pumpkin); color : var(--ghost) !important; } .kleur_region.red, .kleur_region.red .t-Region { border: 1px solid var(--danger); } .kleur_region.red .t-Region .t-Region-header { border-bottom:1px solid var(--danger); } .kleur_region.red > .t-Region-header, .kleur_region.red > .t-Region-header h2 { background-color: var(--danger); color : var(--ghost) !important;} /*Region zonder header*/ .t-Region.btn_top_grey { border: 1px solid var(--dark-silver); } .t-Region.btn_top_grey > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--dark-silver); background-color: var(--dark-silver); color : var(--dark) !important; } .t-Region.btn_top_dark { border: 1px solid var(--dark); } .t-Region.btn_top_dark > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--dark); background-color: var(--dark); color : var(--ghost) !important; } .t-Region.btn_top_purple { border: 1px solid var(--tinkywinky); } .t-Region.btn_top_purple > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--tinkywinky); background-color: var(--tinkywinky); color : var(--ghost) !important; } .t-Region.btn_top_pink { border: 1px solid var(--fuchsia); } .t-Region.btn_top_pink > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--fuchsia); background-color: var(--fuchsia); color : var(--ghost) !important; } .t-Region.btn_top_blue { border: 1px solid var(--obasi-blue); } .t-Region.btn_top_blue > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--obasi-blue); background-color: var(--obasi-blue); color : var(--ghost) !important; } .t-Region.btn_top_blue2 { border: 1px solid var(--chalk-blue); } .t-Region.btn_top_blue2 > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--chalk-blue); background-color: var(--chalk-blue); color : var(--dark) !important; } .t-Region.btn_top_green { border: 1px solid var(--ivy); } .t-Region.btn_top_green > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--ivy); background-color: var(--ivy); color : var(--ghost) !important; } .t-Region.btn_top_yellow { border: 1px solid var(--kaese); } .t-Region.btn_top_yellow > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--kaese); background-color: var(--kaese); color : var(--yellow-mist) !important; } .t-Region.btn_top_orange { border: 1px solid var(--pumpkin); } .t-Region.btn_top_orange > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--pumpkin); background-color: var(--pumpkin); color : var(--ghost) !important; } .t-Region.btn_top_red { border: 1px solid var(--danger); } .t-Region.btn_top_red > .t-Region-bodyWrap > .t-Region-buttons.t-Region-buttons--top { border-bottom:1px solid var(--danger); background-color: var(--danger); color : var(--ghost) !important;} /*inkleuren report headers*/ .t-Region.head-grey .t-Report-report th { background:var(--dark-silver) !important; color:var(--dark) !important; } .t-Region.head-dark .t-Report-report th { background:var(--dark) !important; color:var(--broken-white) !important; } .t-Region.head-wizzy .t-Report-report th { background:var(--wizard) !important; color:var(--broken-white) !important; } .t-Region.head-sparky .t-Report-report th { background:var(--sparkles) !important; color:var(--broken-white) !important; } .t-Region.head-tinky .t-Report-report th { background:var(--tinkywinky) !important; color:var(--broken-white) !important; } .t-Region.head-pink .t-Report-report th { background:var(--fuchsia) !important; color:var(--broken-white) !important; } .t-Region.head-blue .t-Report-report th { background:var(--obasi-blue) !important; color:var(--broken-white) !important; } .t-Region.head-green .t-Report-report th { background:var(--obasi-green) !important; color:var(--broken-white) !important; } .t-Region.head-green2 .t-Report-report th { background:var(--ivy) !important; color:var(--broken-white) !important; } .t-Region.head-green3 .t-Report-report th { background:var(--poison) !important; color:var(--dark) !important; } .t-Region.head-yellow .t-Report-report th { background:var(--kaese) !important; color:var(--broken-white) !important; } .t-Region.head-yellow2 .t-Report-report th { background:var(--lemon) !important; color:var(--dark) !important; } .t-Region.head-orange .t-Report-report th { background:var(--pumpkin) !important; color:var(--broken-white) !important; } .t-Region.head-red .t-Report-report th { background:var(--danger) !important; color:var(--broken-white) !important; } .t-Region.head-white .t-Report-report th { background:var(--broken-white) !important; color:var(--grey-gallery) !important; } /* [3.12 REMOVE PADDING] */ .t-Region.pt0 .t-Region-body {padding-top:0px !important;} .t-Region.pr0 .t-Region-body {padding-right:0px !important;} .t-Region.pb0 .t-Region-body {padding-bottom:0px !important;} .t-Region.pl0 .t-Region-body {padding-left:0px !important;} /* [3.13 ITEMS IN HEADERS] */ /*checkbox, lov, icoon, zoekveld, zoekveld klein, input, radio*/ /*Hoofdcontainer*/ div.container_prepend, div.container_append, div.container_before, div.container_after { display:inline-flex !important; } div.container_prepend { margin-right: 20px !important; } div.container_append { margin-left: 10px !important; } div.container_before { margin-right: 10px !important; margin-left: 10px !important; } div.container_after { margin-right: 10px !important; margin-left: 10px !important; } /*Items*/ div.container_prepend .checkbox, div.container_append .checkbox, div.container_before .checkbox, div.container_after .checkbox { position:relative !important; top:3px; } div.container_prepend .checkbox label, div.container_append .checkbox label, div.container_before .checkbox label, div.container_after .checkbox label { position:relative !important; left:5px !important; top:-1px; font-size:14px; } div.container_prepend .lov, div.container_append .lov, div.container_before .lov, div.container_after .lov { position:relative !important; top:-2px; } div.container_prepend .lov select, div.container_append .lov select, div.container_before .lov select, div.container_after .lov select { min-width: 200px; top:2px; position:relative; height:27px; font-size:13px; font-weight:normal; } div.container_prepend .lov label, div.container_append .lov label, div.container_before .lov label, div.container_after .lov label { font-size:85%; font-weight: bold; color: var(--dark); margin-right:10px; position:relative; top:4px; } div.container_prepend .icoon, div.container_append .icoon, div.container_before .icoon, div.container_after .icoon { position:relative !important; top:2px; } div.container_prepend .zoekveld, div.container_append .zoekveld, div.container_before .zoekveld, div.container_after .zoekveld, div.container_prepend .zoekveld_klein, div.container_append .zoekveld_klein, div.container_before .zoekveld_klein, div.container_after .zoekveld_klein, div.container_prepend .input, div.container_append .input, div.container_before .input, div.container_after .input { display:flex; } div.container_prepend .zoekveld input, div.container_prepend .input input, div.container_append .zoekveld input, div.container_append .input input, div.container_before .zoekveld input, div.container_before .input input, div.container_after .zoekveld input, div.container_after .input input { min-width: 200px; height:27px; font-size:13px; font-weight:normal; } div.container_prepend .zoekveld_klein input, div.container_append .zoekveld_klein input, div.container_before .zoekveld_klein input, div.container_after .zoekveld_klein input { width: 80px; height:27px; font-size:13px; font-weight:normal; } div.container_prepend .zoekveld button, div.container_prepend .zoekveld_klein button, div.container_append .zoekveld button, div.container_append .zoekveld_klein button, div.container_before .zoekveld button, div.container_before .zoekveld_klein button, div.container_after .zoekveld button, div.container_after .zoekveld_klein button { width: 27px; height: 27px; margin-left:-1px; } div.container_prepend .zoekveld label, div.container_prepend .zoekveld_klein label, div.container_prepend .input label, div.container_append .zoekveld label, div.container_append .zoekveld_klein label, div.container_append .input label, div.container_before .zoekveld label, div.container_before .zoekveld_klein label, div.container_before .input label, div.container_after .zoekveld label, div.container_after .zoekveld_klein label, div.container_after .input label { font-size:85%; font-weight: bold; color: var(--dark); margin-right:10px; } div.container_prepend .radiobtn .gen_radio_btn input[type="radio"] + label, div.container_append .radiobtn .gen_radio_btn input[type="radio"] + label, div.container_before .radiobtn .gen_radio_btn input[type="radio"] + label, div.container_after .radiobtn .gen_radio_btn input[type="radio"] + label { box-shadow:unset !important; padding:2px 8px !important; font-size:85%; font-weight: bold; } /* [3.14 FIXED HEADERS] */ /*NIEUWE METHODE VANAF 13/03/2024 - vereist gebruik van thead, tbody (en tfoot)*/ .tbl.fixed_head > thead, .t-Region.fixed_head > .t-Region-bodyWrap > .t-Region-body table thead { position: sticky; inset-block-start:0; z-index:99; } .tbl.fixed_foot > tfoot { position: sticky; inset-block-end:0; z-index:99; } .tbl.fixed_head > thead td, .tbl.fixed_head > thead th, .tbl.fixed_foot > tfoot td { background-clip: padding-box !important; } /*.tbl.fixed_col tr td:first-child { position: sticky; inset-inline-start: 0; }*/ /*Fixed headers in apex reports*/ .fixheader th { position: sticky; top: -1px; z-index:99; background: var(--broken-white); background-clip:padding-box !important; } .fixheader th::before { content: ''; width: 100%; height:1px; position: absolute; top: 0; left: 0; background:var(--light-grey); } .fixheader th::after { content: ''; width: 100%; height:1px; position: absolute; bottom: 0; left: 0; background:var(--light-grey); } .fixheader table.t-Report-report { margin: -1px 0px -2px 0px; } /*Fixed headers in packages*/ .fixheader_pck > tbody > tr:first-child td, .fixheader_pck > thead > tr:first-child th { position: sticky; top: -1px; z-index:99; background: var(--broken-white); background-clip:padding-box !important; } .fixheader_pck_multi > tbody > tr.fixrow td, .fixheader_pck_multi > thead > tr.fixrow th { position: sticky; z-index:99; /*background: var(--broken-white);*/ top:0px; background-clip:padding-box !important; } .fixheader_pck_multi > tbody > tr.fixrow2 td { position: sticky; z-index:99; /*background: var(--broken-white);*/ top:50px; background-clip:padding-box !important; } .fixheader_pck_multi > tbody > tr.fixrow3 td { position: sticky; z-index:99; /*background: var(--broken-white);*/ top:100px; background-clip:padding-box !important; } /*vastzetten van 1e(2e) td (of th) dat als header functioneert*/ .fixkol { z-index: 100 !important; left: 0px; } /*op tds wat inhoud bevat*/ .fixkol_scroll { position: sticky; z-index: 99 !important; left: 0px; } .fixrow, .fixrow2, .fixrow3 {height:50px;} /*Scrollgebied activeren*/ .scrollarea { overflow-y:auto; } .scrollarea.noscroller { overflow-y:hidden; } .scrollarea-hor { overflow-x:auto; } .scrollarea-hor.noscroller { overflow-x:hidden; } /* [3.15 FIXED FILTERS] */ .fixfilter-pagination .t-Report, .fixfilter-pagination .t-Timeline { max-height:315px; overflow-y: auto; } .fixfilter .t-Report{ max-height:345px; overflow-y: auto; } .dynamicBlok .dashboardblok.fixfilter .t-Report{ max-height:311px; overflow-y: auto; } /* [4. REPORTS] */ /* [4.0 OVERKOEPELEND] */ /*Report onder formulier*/ .t-Region.below_form .t-Report, .t-Region.below_form .t-Cards, .t-Region.below_form .nodatafound{ margin-top: 20px; padding-top: 20px; } /*Report counters*/ div.teller { width:35px; padding:5px 0px; font-weight:bold; } /*No data found*/ .ndf, ndf { margin: 15px; font-weight:bold; font-size:12px; } /* [4.1 CLASSIC REPORT] */ .t-Report:not(.t-Report--noBorders) .t-Report-report .t-Report-colHead { vertical-align:bottom; /*used to be middle. aangepast wegens middle ni mooi bij veel hogere headers*/ padding:8px 12px; } .t-Report-report .t-Report-cell, /*.t-Region--noPadding .t-Report-report,*/ .t-Region--noPadding .t-Report-report .t-Report-cell { padding: 5px 10px; } /* [4.2 INTERACTIVE REPORT] */ /*Algemeen*/ .a-IRR-table td { padding: 4px 8px !important; } .t-IRR-region.large .a-IRR-table td, .t-Region.large .a-IRR-table td { padding: 10px 8px !important; } .a-IRR-table tr td, .a-IRR-table tr:hover td { background-color: inherit; } .a-IRR-searchFieldContainer { margin-left:-1px; margin-right:-1px; } .a-IRR-controlGroup input, .a-IRR-controlGroup select { height: 34px; } /*Kolombreedte*/ th#icon_kol, td[headers="icon_kol"] {width: 10px;} th#kolom_5_pct, td[headers="kolom_5_pct"] {width: 5%;} th#kolom_10_pct, td[headers="kolom_10_pct"] {width: 10%;} th#kolom_15_pct, td[headers="kolom_15_pct"] {width: 15%;} th#kolom_20_pct, td[headers="kolom_20_pct"] {width: 20%;} th#kolom_25_pct, td[headers="kolom_25_pct"] {width: 25%;} th#kolom_30_pct, td[headers="kolom_30_pct"] {width: 30%;} th#kolom_35_pct, td[headers="kolom_35_pct"] {width: 35%;} th#kolom_40_pct, td[headers="kolom_40_pct"] {width: 40%;} th#kolom_45_pct, td[headers="kolom_45_pct"] {width: 45%;} th#kolom_50_pct, td[headers="kolom_50_pct"] {width: 50%;} th#kolom_55_pct, td[headers="kolom_55_pct"] {width: 55%;} th#kolom_60_pct, td[headers="kolom_60_pct"] {width: 60%;} th#kolom_65_pct, td[headers="kolom_65_pct"] {width: 65%;} th#kolom_70_pct, td[headers="kolom_70_pct"] {width: 70%;} th#kolom_75_pct, td[headers="kolom_75_pct"] {width: 75%;} th#kolom_80_pct, td[headers="kolom_80_pct"] {width: 80%;} th#kolom_85_pct, td[headers="kolom_85_pct"] {width: 85%;} th#kolom_90_pct, td[headers="kolom_90_pct"] {width: 90%;} th#kolom_95_pct, td[headers="kolom_95_pct"] {width: 95%;} th#kolom_100_pct, td[headers="kolom_100_pct"] {width: 100%;} /*Verbergen kolomnaam in titel bij control break*/ .a-IRR-header--group { /*visibility:hidden;*/ color:transparent !important; padding-top:15px !important; padding-bottom:5px !important; } /*Kolomnaam in titel bij control break*/ .a-IRR-header--group > span { visibility:visible; float:left; margin-left:5px; font-size:16px; line-height:32px; } .a-IRR-header--group button { visibility:visible; float:right; } .a-IRR-header--group span.oba { font-size:20px; } .a-IRR-header { padding : 8px; /*border-bottom:none !important;*/ } /*Buttons en filters*/ .a-Button { background-clip: padding-box; border: none; text-shadow: none; } .a-Button.a-Button--calendar { margin-left:-3px; height:28px; } .a-Button--hot:not(:active):focus { background-color:transparent !important; } /* [4.3 INTERACTIVE GRID] */ .a-Toolbar-group input, .a-Toolbar-group select { height: 34px; } .a-Toolbar-inputText { box-shadow: unset; } .a-GV-controlBreakLabel .a-GV-breakLabel { display: none; } /* [4.4 LAZY LOADING] */ .lazyloading {height:320px;} .lazy25 .lazyloading {height:25vh !important;} .lazy35 .lazyloading {height:35vh !important;} .lazy40 .lazyloading {height:40vh !important;} .lazy50 .lazyloading {height:50vh !important;} .lazy55 .lazyloading {height:55vh !important;} .lazy60 .lazyloading {height:60vh !important;} .lazy65 .lazyloading {height:65vh !important;} .lazy70 .lazyloading {height:70vh !important;} .lazy75 .lazyloading {height:75vh !important;} .lazy80 .lazyloading {height:80vh !important;} .lazy85 .lazyloading {height:85vh !important;} .lazy90 .lazyloading {height:90vh !important;} .lazy150px .lazyloading {height:150px !important;} .lazy200px .lazyloading {height:200px !important;} .lazy300px .lazyloading {height:300px !important;} .lazy450px .lazyloading {height:450px !important;} .lazy600px .lazyloading {height:600px !important;} /* [4.5 REPORTS MET GEKLEURDE HEADER] */ .kleur_report.grey .t-Report-report .t-Report-colHead { background-color: var(--dark-silver) !important; color: var(--dark) !important;} .kleur_report.dark .t-Report-report .t-Report-colHead { background-color: var(--dark) !important; color: var(--ghost) !important;} .kleur_report.purple .t-Report-report .t-Report-colHead { background-color: var(--tinkywinky) !important; color: var(--ghost) !important;} .kleur_report.pink .t-Report-report .t-Report-colHead { background-color: var(--fuchsia) !important; color: var(--ghost) !important;} .kleur_report.blue .t-Report-report .t-Report-colHead { background-color: var(--obasi-blue) !important; color: var(--ghost) !important;} .kleur_report.blue2 .t-Report-report .t-Report-colHead { background-color: var(--chalk-blue) !important; color: var(--dark) !important;} .kleur_report.green .t-Report-report .t-Report-colHead { background-color: var(--ivy) !important; color: var(--ghost) !important;} .kleur_report.yellow .t-Report-report .t-Report-colHead { background-color: var(--kaese) !important; color: var(--yellow-mist) !important;} .kleur_report.orange .t-Report-report .t-Report-colHead { background-color: var(--pumpkin) !important; color: var(--ghost) !important;} .kleur_report.red .t-Report-report .t-Report-colHead { background-color: var(--danger) !important; color: var(--ghost) !important;} /* [5. TABLES] */ /* [5.1 Algemeen] */ /*Basis*/ .tbl { border-collapse:collapse; width:100%; } .tbl.apart, .tbl.separ, .tbl.fixed_head, .tbl.fixed_foot, .tbl.fixed_col, .t-Region.fixed_head > .t-Region-bodyWrap > .t-Region-body table { border-collapse:separate !important; border-spacing:0px; } .tbl.equalcols { table-layout:fixed; } .tbl.trans tr{ background-color:transparent !important } .tbl td, .tbl th { padding:6px 10px; } .tbl td { font-size:13px; vertical-align:top; } .tbl th { font-size:14px; vertical-align:middle; text-align:center; font-weight:bold; } .tbl.grid > thead > tr > td, .tbl.grid > tbody > tr > td, .tbl.grid > tfoot > tr > td {border:1px solid; } .tbl.apart.grid > thead > tr > td, .tbl.apart.grid > tbody > tr > td, .tbl.apart.grid > tfoot > tr > td, .tbl.separ.grid > thead > tr > td, .tbl.separ.grid > tbody > tr > td, .tbl.separ.grid > tfoot > tr > td, .tbl.fixed_head.grid > thead > tr > td, .tbl.fixed_head.grid > tbody > tr > td, .tbl.fixed_head.grid > tfoot > tr > td, .tbl.fixed_foot.grid > thead > tr > td, .tbl.fixed_foot.grid > tbody > tr > td, .tbl.fixed_foot.grid > tfoot > tr > td, .tbl.fixed_col.grid > thead > tr > td, .tbl.fixed_col.grid > tbody > tr > td, .tbl.fixed_col.grid > tfoot > tr > td { border-top:1px solid; border-right:1px solid; border-left:unset; border-bottom:unset; } .tbl.apart.grid > thead > tr > td:first-child, .tbl.apart.grid > tbody > tr > td:first-child, .tbl.apart.grid > tfoot > tr > td:first-child, .tbl.separ.grid > thead > tr > td:first-child, .tbl.separ.grid > tbody > tr > td:first-child, .tbl.separ.grid > tfoot > tr > td:first-child, .tbl.fixed_head.grid > thead > tr > td:first-child, .tbl.fixed_head.grid > tbody > tr > td:first-child, .tbl.fixed_head.grid > tfoot > tr > td:first-child, .tbl.fixed_foot.grid > thead > tr > td:first-child, .tbl.fixed_foot.grid > tbody > tr > td:first-child, .tbl.fixed_foot.grid > tfoot > tr > td:first-child, .tbl.fixed_col.grid > thead > tr > td:first-child, .tbl.fixed_col.grid > tbody > tr > td:first-child, .tbl.fixed_col.grid > tfoot > tr > td:first-child { border-left:1px solid; } /*Grid kleuren*/ .tbl.grid.grey > thead > tr > td, .tbl.grid.grey > tbody > tr > td, .tbl.grid.grey > tfoot > tr > td {border-color:var(--dark-silver);} .tbl.grid.dark > thead > tr > td, .tbl.grid.dark > tbody > tr > td, .tbl.grid.dark > tfoot > tr > td {border-color:var(--dark);} .tbl.grid.purple > thead > tr > td, .tbl.grid.purple > tbody > tr > td, .tbl.grid.purple > tfoot > tr > td {border-color:var(--tinkywinky);} .tbl.grid.pink > thead > tr > td, .tbl.grid.pink > tbody > tr > td, .tbl.grid.pink > tfoot > tr > td {border-color:var(--fuchsia);} .tbl.grid.blue > thead > tr > td, .tbl.grid.blue > tbody > tr > td, .tbl.grid.blue > tfoot > tr > td {border-color:var(--obasi-blue);} .tbl.grid.green > thead > tr > td, .tbl.grid.green > tbody > tr > td, .tbl.grid.green > tfoot > tr > td {border-color:var(--obasi-green);} .tbl.grid.yellow > thead > tr > td, .tbl.grid.yellow > tbody > tr > td, .tbl.grid.yellow > tfoot > tr > td {border-color:var(--kaese);} .tbl.grid.orange > thead > tr > td, .tbl.grid.orange > tbody > tr > td, .tbl.grid.orange > tfoot > tr > td {border-color:var(--pumpkin);} .tbl.grid.red > thead > tr td, .tbl.grid.red > tbody > tr td, .tbl.grid.red > tfoot > tr td {border-color:var(--danger);} .tbl.apart.grid.grey > thead > tr > td, .tbl.apart.grid.grey > tbody > tr > td, .tbl.apart.grid.grey > tfoot > tr > td, .tbl.separ.grid.grey > thead > tr > td, .tbl.separ.grid.grey > tbody > tr > td, .tbl.separ.grid.grey > tfoot > tr > td, .tbl.fixed_head.grid.grey > thead > tr > td, .tbl.fixed_head.grid.grey > tbody > tr > td, .tbl.fixed_head.grid.grey > tfoot > tr > td, .tbl.fixed_foot.grid.grey > thead > tr > td, .tbl.fixed_foot.grid.grey > tbody > tr > td, .tbl.fixed_foot.grid.grey > tfoot > tr > td, .tbl.fixed_col.grid.grey > thead > tr > td, .tbl.fixed_col.grid.grey > tbody > tr > td, .tbl.fixed_col.grid.grey > tfoot > tr > td {border-color:var(--dark-silver);} .tbl.apart.grid.dark > thead > tr > td, .tbl.apart.grid.dark > tbody > tr > td, .tbl.apart.grid.dark > tfoot > tr > td, .tbl.separ.grid.dark > thead > tr > td, .tbl.separ.grid.dark > tbody > tr > td, .tbl.separ.grid.dark > tfoot > tr > td, .tbl.fixed_head.grid.dark > thead > tr > td, .tbl.fixed_head.grid.dark > tbody > tr > td, .tbl.fixed_head.grid.dark > tfoot > tr > td, .tbl.fixed_foot.grid.dark > thead > tr > td, .tbl.fixed_foot.grid.dark > tbody > tr > td, .tbl.fixed_foot.grid.dark > tfoot > tr > td, .tbl.fixed_col.grid.dark > thead > tr > td, .tbl.fixed_col.grid.dark > tbody > tr > td, .tbl.fixed_col.grid.dark > tfoot > tr > td {border-color:var(--dark);} .tbl.apart.grid.purple > thead > tr > td, .tbl.apart.grid.purple > tbody > tr > td, .tbl.apart.grid.purple > tfoot > tr > td, .tbl.separ.grid.purple > thead > tr > td, .tbl.separ.grid.purple > tbody > tr > td, .tbl.separ.grid.purple > tfoot > tr > td, .tbl.fixed_head.grid.purple > thead > tr > td, .tbl.fixed_head.grid.purple > tbody > tr > td, .tbl.fixed_head.grid.purple > tfoot > tr > td, .tbl.fixed_foot.grid.purple > thead > tr > td, .tbl.fixed_foot.grid.purple > tbody > tr > td, .tbl.fixed_foot.grid.purple > tfoot > tr > td, .tbl.fixed_col.grid.purple > thead > tr > td, .tbl.fixed_col.grid.purple > tbody > tr > td, .tbl.fixed_col.grid.purple > tfoot > tr > td {border-color:var(--tinkywinky);} .tbl.apart.grid.pink > thead > tr > td, .tbl.apart.grid.pink > tbody > tr > td, .tbl.apart.grid.pink > tfoot > tr > td, .tbl.separ.grid.pink > thead > tr > td, .tbl.separ.grid.pink > tbody > tr > td, .tbl.separ.grid.pink > tfoot > tr > td, .tbl.fixed_head.grid.pink > thead > tr > td, .tbl.fixed_head.grid.pink > tbody > tr > td, .tbl.fixed_head.grid.pink > tfoot > tr > td, .tbl.fixed_foot.grid.pink > thead > tr > td, .tbl.fixed_foot.grid.pink > tbody > tr > td, .tbl.fixed_foot.grid.pink > tfoot > tr > td, .tbl.fixed_col.grid.pink > thead > tr > td, .tbl.fixed_col.grid.pink > tbody > tr > td, .tbl.fixed_col.grid.pink > tfoot > tr > td {border-color:var(--fuchsia);} .tbl.apart.grid.blue > thead > tr > td, .tbl.apart.grid.blue > tbody > tr > td, .tbl.apart.grid.blue > tfoot > tr > td, .tbl.separ.grid.blue > thead > tr > td, .tbl.separ.grid.blue > tbody > tr > td, .tbl.separ.grid.blue > tfoot > tr > td, .tbl.fixed_head.grid.blue > thead > tr > td, .tbl.fixed_head.grid.blue > tbody > tr > td, .tbl.fixed_head.grid.blue > tfoot > tr > td, .tbl.fixed_foot.grid.blue > thead > tr > td, .tbl.fixed_foot.grid.blue > tbody > tr > td, .tbl.fixed_foot.grid.blue > tfoot > tr > td, .tbl.fixed_col.grid.blue > thead > tr > td, .tbl.fixed_col.grid.blue > tbody > tr > td, .tbl.fixed_col.grid.blue > tfoot > tr > td {border-color:var(--obasi-blue);} .tbl.apart.grid.green > thead > tr > td, .tbl.apart.grid.green > tbody > tr > td, .tbl.apart.grid.green > tfoot > tr > td, .tbl.separ.grid.green > thead > tr > td, .tbl.separ.grid.green > tbody > tr > td, .tbl.separ.grid.green > tfoot > tr > td, .tbl.fixed_head.grid.green > thead > tr > td, .tbl.fixed_head.grid.green > tbody > tr > td, .tbl.fixed_head.grid.green > tfoot > tr > td, .tbl.fixed_foot.grid.green > thead > tr > td, .tbl.fixed_foot.grid.green > tbody > tr > td, .tbl.fixed_foot.grid.green > tfoot > tr > td, .tbl.fixed_col.grid.green > thead > tr > td, .tbl.fixed_col.grid.green > tbody > tr > td, .tbl.fixed_col.grid.green > tfoot > tr > td {border-color:var(--obasi-green);} .tbl.apart.grid.yellow > thead > tr > td, .tbl.apart.grid.yellow > tbody > tr > td, .tbl.apart.grid.yellow > tfoot > tr > td, .tbl.separ.grid.yellow > thead > tr > td, .tbl.separ.grid.yellow > tbody > tr > td, .tbl.separ.grid.yellow > tfoot > tr > td, .tbl.fixed_head.grid.yellow > thead > tr > td, .tbl.fixed_head.grid.yellow > tbody > tr > td, .tbl.fixed_head.grid.yellow > tfoot > tr > td, .tbl.fixed_foot.grid.yellow > thead > tr > td, .tbl.fixed_foot.grid.yellow > tbody > tr > td, .tbl.fixed_foot.grid.yellow > tfoot > tr > td, .tbl.fixed_col.grid.yellow > thead > tr > td, .tbl.fixed_col.grid.yellow > tbody > tr > td, .tbl.fixed_col.grid.yellow > tfoot > tr > td {border-color:var(--kaese);} .tbl.apart.grid.orange > thead > tr > td, .tbl.apart.grid.orange > tbody > tr > td, .tbl.apart.grid.orange > tfoot > tr > td, .tbl.separ.grid.orange > thead > tr > td, .tbl.separ.grid.orange > tbody > tr > td, .tbl.separ.grid.orange > tfoot > tr > td, .tbl.fixed_head.grid.orange > thead > tr > td, .tbl.fixed_head.grid.orange > tbody > tr > td, .tbl.fixed_head.grid.orange > tfoot > tr > td, .tbl.fixed_foot.grid.orange > thead > tr > td, .tbl.fixed_foot.grid.orange > tbody > tr > td, .tbl.fixed_foot.grid.orange > tfoot > tr > td, .tbl.fixed_col.grid.orange > thead > tr > td, .tbl.fixed_col.grid.orange > tbody > tr > td, .tbl.fixed_col.grid.orange > tfoot > tr > td {border-color:var(--pumpkin);} .tbl.apart.grid.red > thead > tr td, .tbl.apart.grid.red > tbody > tr td, .tbl.apart.grid.red > tfoot > tr td, .tbl.separ.grid.red > thead > tr td, .tbl.separ.grid.red > tbody > tr td, .tbl.separ.grid.red > tfoot > tr td, .tbl.fixed_head.grid.red > thead > tr td, .tbl.fixed_head.grid.red > tbody > tr td, .tbl.fixed_head.grid.red > tfoot > tr td, .tbl.fixed_foot.grid.red > thead > tr td, .tbl.fixed_foot.grid.red > tbody > tr td, .tbl.fixed_foot.grid.red > tfoot > tr td, .tbl.fixed_col.grid.red > thead > tr td, .tbl.fixed_col.grid.red > tbody > tr td, .tbl.fixed_col.grid.red > tfoot > tr td {border-color:var(--danger);} /*Tbl.apart in combo met bord-...*/ .tbl.apart tr.bord-dark td {border-top:2px solid var(--dark) !important; border-bottom:2px solid var(--dark) !important;} .tbl.apart tr.bord-dark td:first-child {border-left:2px solid var(--dark) !important;} .tbl.apart tr.bord-dark td:last-child {border-right:2px solid var(--dark) !important;} .tbl.apart tr.bord-grey td {border-top:2px solid var(--dark-silver) !important; border-bottom:2px solid var(--dark-silver) !important;} .tbl.apart tr.bord-grey td:first-child {border-left:2px solid var(--dark-silver) !important;} .tbl.apart tr.bord-grey td:last-child {border-right:2px solid var(--dark-silver) !important;} .tbl.apart tr.bord-purple td {border-top:2px solid var(--tinkywinky) !important; border-bottom:2px solid var(--tinkywinky) !important;} .tbl.apart tr.bord-purple td:first-child {border-left:2px solid var(--tinkywinky) !important;} .tbl.apart tr.bord-purple td:last-child {border-right:2px solid var(--tinkywinky) !important;} .tbl.apart tr.bord-pink td {border-top:2px solid var(--fuchsia) !important; border-bottom:2px solid var(--fuchsia) !important;} .tbl.apart tr.bord-pink td:first-child {border-left:2px solid var(--fuchsia) !important;} .tbl.apart tr.bord-pink td:last-child {border-right:2px solid var(--fuchsia) !important;} .tbl.apart tr.bord-blue td {border-top:2px solid var(--obasi-blue) !important; border-bottom:2px solid var(--obasi-blue) !important;} .tbl.apart tr.bord-blue td:first-child {border-left:2px solid var(--obasi-blue) !important;} .tbl.apart tr.bord-blue td:last-child {border-right:2px solid var(--obasi-blue) !important;} .tbl.apart tr.bord-green td {border-top:2px solid var(--obasi-green) !important; border-bottom:2px solid var(--obasi-green) !important;} .tbl.apart tr.bord-green td:first-child {border-left:2px solid var(--obasi-green) !important;} .tbl.apart tr.bord-green td:last-child {border-right:2px solid var(--obasi-green) !important;} .tbl.apart tr.bord-yellow td {border-top:2px solid var(--kaese) !important; border-bottom:2px solid var(--kaese) !important;} .tbl.apart tr.bord-yellow td:first-child {border-left:2px solid var(--kaese) !important;} .tbl.apart tr.bord-yellow td:last-child {border-right:2px solid var(--kaese) !important;} .tbl.apart tr.bord-orange td {border-top:2px solid var(--pumpkin) !important; border-bottom:2px solid var(--pumpkin) !important;} .tbl.apart tr.bord-orange td:first-child {border-left:2px solid var(--pumpkin) !important;} .tbl.apart tr.bord-orange td:last-child {border-right:2px solid var(--pumpkin) !important;} .tbl.apart tr.bord-red td {border-top:2px solid var(--danger) !important; border-bottom:2px solid var(--danger) !important;} .tbl.apart tr.bord-red td:first-child {border-left:2px solid var(--danger) !important;} .tbl.apart tr.bord-red td:last-child {border-right:2px solid var(--danger) !important;} .tbl.apart tr.bord-dashed td {border-top-style:dashed !important; border-bottom-style: dashed !important;} .tbl.apart tr.bord-dashed td:first-child {border-left-style:dashed !important;} .tbl.apart tr.bord-dashed td:last-child {border-right-style:dashed !important;} /*No outer border*/ .tbl.no_border { border: none !important; } /*Selecteerbare rijen*/ .tbl.rowclick tr { cursor:pointer; } /*Selecteerbare cell*/ td .cellclick, td.cellclick { cursor:pointer; } /*Rij niet selecteerbaar maken bij rowclick table*/ tr.no_click { cursor: default !important; } /*Cell niet selecteerbaar maken bij rowclick table*/ td.no_click { cursor:default !important; } /*Referentie rij*/ .ref_row > td { height:0px; padding:0px;} /*Archief / oude record met table opmaak*/ .tbl.archief { background-color: var(--ghost); opacity: 0.8; border-color: var(--grey-cascade) !important; } /*Divider row*/ .divider_row > td {height:0px; padding:3px;} /*Scheidingslijn tussen rows*/ .tbl.tbl_dashed_lines tr {border-bottom:1px dashed;} .tbl.tbl_dashed_lines tr:last-child {border-bottom:none;} .tbl.tbl_solid_lines tr {border-bottom:1px solid;} .tbl.tbl_solid_lines tr:last-child {border-bottom:none;} .tbl_dashed_lines.white tr, .tbl_solid_lines.white tr {border-bottom-color: var(--broken-white);} .tbl_dashed_lines.grey tr, .tbl_solid_lines.grey tr {border-bottom-color: var(--grey-cascade);} .tbl_dashed_lines.dark tr, .tbl_solid_lines.dark tr {border-bottom-color: var(--dark);} .tbl_dashed_lines.purple tr, .tbl_solid_lines.purple tr {border-bottom-color: var(--tinkywinky);} .tbl_dashed_lines.pink tr, .tbl_solid_lines.pink tr {border-bottom-color: var(--fuchsia);} .tbl_dashed_lines.blue tr, .tbl_solid_lines.blue tr {border-bottom-color: var(--oasi-blue);} .tbl_dashed_lines.green tr, .tbl_solid_lines.green tr {border-bottom-color: var(--obasi-green);} .tbl_dashed_lines.yellow tr, .tbl_solid_lines.yellow tr {border-bottom-color: var(--kaese);} .tbl_dashed_lines.orange tr, .tbl_solid_lines.orange tr {border-bottom-color: var(--pumpkin);} .tbl_dashed_lines.red tr, .tbl_solid_lines.red tr {border-bottom-color: var(--danger);} /* [5.2 Selectielijsten] */ /*Table als element in selectielijst*/ .tbl.picklist { padding:8px; cursor:pointer; margin-top:-1px; border:none; } .selectielijst .t-Report-cell { padding:0px !important; } .selectielijst.t-Region--removeHeader .t-Report-report { margin-top: 1px; } .selectielijst .t-Report-wrap, .selectielijst .t-Report-report {width:100%;} /*Datumveld selectielijst met datum*/ .tbl.picklist .datum { width:90px; text-align:center; vertical-align:middle; font-weight:bold; font-size:11px; padding-top:3px !important; padding-bottom:3px !important; line-height:18px; } /*Omkaderen datumveld in selectielijst wanneer geselecteerd*/ .marked td.datum { border: 2px solid var(--obasi-green) !important; } .marked.blue td.datum { border: 2px solid var(--obasi-blue) !important; } .marked.red td.datum { border: 2px solid var(--danger) !important; } /* [5.3 Geselecteerd element] */ .marked { outline: /*5px*/ 3px solid var(--obasi-green) !important; /*lijn smaller want was te dik in heros+*/ outline-offset:/*-4px*/ -2px !important; } .p0.marked {padding:3px !important;} .marked .t-Report-cell { padding: 8px 10px !important; } .t-Button.marked { border:2px solid var(--obasi-green) !important; outline:unset !important; } .marked, .marked td, .t-Button.marked, .marked.even, .marked.oneven, .marked.even td, .marked.oneven td { background: var(--green-mist) !important; color: var(--moss) !important; } td input.marked.datepicker:focus, .t-Form-inputContainer input.marked.datepicker:focus, td input.marked.datepicker:focus-visible, .t-Form-inputContainer input.marked.datepicker:focus-visible, td input.marked.datepicker:hover, .t-Form-inputContainer input.marked.datepicker:hover, td input.marked.password:focus, .t-Form-inputContainer input.marked.password:focus, td input.marked.password:focus-visible, .t-Form-inputContainer input.marked.password:focus-visible, td input.marked.password:hover, .t-Form-inputContainer input.marked.password:hover, td input.marked.popup_lov:focus, .t-Form-inputContainer input.marked.popup_lov:focus, td input.marked.popup_lov:focus-visible, .t-Form-inputContainer input.marked.popup_lov:focus-visible, td input.marked.popup_lov:hover, .t-Form-inputContainer input.marked.popup_lov:hover, td input.marked.text_field:focus, .t-Form-inputContainer input.marked.text_field:focus, td input.marked.text_field:focus-visible, .t-Form-inputContainer input.marked.text_field:focus-visible, td input.marked.text_field:hover, .t-Form-inputContainer input.marked.text_field:hover, td input[type=text].marked:focus, .t-Form-inputContainer input[type=text].marked:focus, td input[type=text].marked:focus-visible, .t-Form-inputContainer input[type=text].marked:focus-visible, td input[type=text].marked:hover, .t-Form-inputContainer input[type=text].marked:hover, td select.marked:focus, .t-Form-inputContainer select.marked:focus, td select.marked:focus-visible, .t-Form-inputContainer select.marked:focus-visible, td select.marked:hover, .t-Form-inputContainer select.marked:hover, td textarea.marked.textarea:focus, .t-Form-inputContainer textarea.marked.textarea:focus, td textarea.marked.textarea:focus-visible, .t-Form-inputContainer textarea.marked.textarea:focus-visible, td textarea.marked.textarea:hover, .t-Form-inputContainer textarea.marked.textarea:hover, .u-TF-item--datepicker.marked:focus, .u-TF-item--datepicker.marked:focus-visible, .u-TF-item--datepicker.marked:hover, .u-TF-item--select.marked:focus, .u-TF-item--select.marked:focus-visible, .u-TF-item--select.marked:hover, .u-TF-item--text.marked:focus, .u-TF-item--text.marked:focus-visible, .u-TF-item--text.marked:hover, .u-TF-item--textarea.marked:focus, .u-TF-item--textarea.marked:focus-visible, .u-TF-item--textarea.marked:hover, .select2-container--default.marked .select2-selection--multiple:focus, .select2-container--default.marked .select2-selection--multiple:focus-visible, .select2-container--default.marked .select2-selection--multiple:hover, .select2-container--default.marked .select2-selection--single:focus, .select2-container--default.marked .select2-selection--single:focus-visible, .select2-container--default.marked .select2-selection--single:hover{ outline-offset:-2px; outline:3px solid var(--obasi-green) !important; } .marked.blue { outline-color:var(--obasi-blue) !important; } .t-Button.marked.blue { border:2px solid var(--obasi-blue) !important; outline:unset !important; } .marked.blue, .marked.blue td, .t-Button.marked.blue, .marked.even.blue, .marked.oneven.blue, .marked.even.blue td, .marked.oneven.blue td { background: var(--blue-mist) !important; color: var(--dark-blue) !important; } td input.marked.blue.datepicker:focus, .t-Form-inputContainer input.marked.blue.datepicker:focus, td input.marked.blue.datepicker:focus-visible, .t-Form-inputContainer input.marked.blue.datepicker:focus-visible, td input.marked.blue.datepicker:hover, .t-Form-inputContainer input.marked.blue.datepicker:hover, td input.marked.blue.password:focus, .t-Form-inputContainer input.marked.blue.password:focus, td input.marked.blue.password:focus-visible, .t-Form-inputContainer input.marked.blue.password:focus-visible, td input.marked.blue.password:hover, .t-Form-inputContainer input.marked.blue.password:hover, td input.marked.blue.popup_lov:focus, .t-Form-inputContainer input.marked.blue.popup_lov:focus, td input.marked.blue.popup_lov:focus-visible, .t-Form-inputContainer input.marked.blue.popup_lov:focus-visible, td input.marked.blue.popup_lov:hover, .t-Form-inputContainer input.marked.blue.popup_lov:hover, td input.marked.blue.text_field:focus, .t-Form-inputContainer input.marked.blue.text_field:focus, td input.marked.blue.text_field:focus-visible, .t-Form-inputContainer input.marked.blue.text_field:focus-visible, td input.marked.blue.text_field:hover, .t-Form-inputContainer input.marked.blue.text_field:hover, td input[type=text].marked.blue:focus, .t-Form-inputContainer input[type=text].marked.blue:focus, td input[type=text].marked.blue:focus-visible, .t-Form-inputContainer input[type=text].marked.blue:focus-visible, td input[type=text].marked.blue:hover, .t-Form-inputContainer input[type=text].marked.blue:hover, td select.marked.blue:focus, .t-Form-inputContainer select.marked.blue:focus, td select.marked.blue:focus-visible, .t-Form-inputContainer select.marked.blue:focus-visible, td select.marked.blue:hover, .t-Form-inputContainer select.marked.blue:hover, td textarea.marked.blue.textarea:focus, .t-Form-inputContainer textarea.marked.blue.textarea:focus, td textarea.marked.blue.textarea:focus-visible, .t-Form-inputContainer textarea.marked.blue.textarea:focus-visible, td textarea.marked.blue.textarea:hover, .t-Form-inputContainer textarea.marked.blue.textarea:hover, .u-TF-item--datepicker.marked.blue:focus, .u-TF-item--datepicker.marked.blue:focus-visible, .u-TF-item--datepicker.marked.blue:hover, .u-TF-item--select.marked.blue:focus, .u-TF-item--select.marked.blue:focus-visible, .u-TF-item--select.marked.blue:hover, .u-TF-item--text.marked.blue:focus, .u-TF-item--text.marked.blue:focus-visible, .u-TF-item--text.marked.blue:hover, .u-TF-item--textarea.marked.blue:focus, .u-TF-item--textarea.marked.blue:focus-visible, .u-TF-item--textarea.marked.blue:hover, .select2-container--default.marked.blue .select2-selection--multiple:focus, .select2-container--default.marked.blue .select2-selection--multiple:focus-visible, .select2-container--default.marked.blue .select2-selection--multiple:hover, .select2-container--default.marked.blue .select2-selection--single:focus, .select2-container--default.marked.blue .select2-selection--single:focus-visible, .select2-container--default.marked.blue .select2-selection--single:hover{ outline-offset:-2px; outline:3px solid var(--obasi-blue) !important; } .marked.purple { outline-color:var(--tinkywinky) !important; } .t-Button.marked.purple { border:2px solid var(--tinkywinky) !important; outline:unset !important; } .marked.purple, .marked.purple td, .t-Button.marked.purple, .marked.even.purple, .marked.oneven.purple, .marked.even.purple td, .marked.oneven.purple td { background: var(--purple-mist) !important; color: var(--wizard) !important; } td input.marked.purple.datepicker:focus, .t-Form-inputContainer input.marked.purple.datepicker:focus, td input.marked.purple.datepicker:focus-visible, .t-Form-inputContainer input.marked.purple.datepicker:focus-visible, td input.marked.purple.datepicker:hover, .t-Form-inputContainer input.marked.purple.datepicker:hover, td input.marked.purple.password:focus, .t-Form-inputContainer input.marked.purple.password:focus, td input.marked.purple.password:focus-visible, .t-Form-inputContainer input.marked.purple.password:focus-visible, td input.marked.purple.password:hover, .t-Form-inputContainer input.marked.purple.password:hover, td input.marked.purple.popup_lov:focus, .t-Form-inputContainer input.marked.purple.popup_lov:focus, td input.marked.purple.popup_lov:focus-visible, .t-Form-inputContainer input.marked.purple.popup_lov:focus-visible, td input.marked.purple.popup_lov:hover, .t-Form-inputContainer input.marked.purple.popup_lov:hover, td input.marked.purple.text_field:focus, .t-Form-inputContainer input.marked.purple.text_field:focus, td input.marked.purple.text_field:focus-visible, .t-Form-inputContainer input.marked.purple.text_field:focus-visible, td input.marked.purple.text_field:hover, .t-Form-inputContainer input.marked.purple.text_field:hover, td input[type=text].marked.purple:focus, .t-Form-inputContainer input[type=text].marked.purple:focus, td input[type=text].marked.purple:focus-visible, .t-Form-inputContainer input[type=text].marked.purple:focus-visible, td input[type=text].marked.purple:hover, .t-Form-inputContainer input[type=text].marked.purple:hover, td select.marked.purple:focus, .t-Form-inputContainer select.marked.purple:focus, td select.marked.purple:focus-visible, .t-Form-inputContainer select.marked.purple:focus-visible, td select.marked.purple:hover, .t-Form-inputContainer select.marked.purple:hover, td textarea.marked.purple.textarea:focus, .t-Form-inputContainer textarea.marked.purple.textarea:focus, td textarea.marked.purple.textarea:focus-visible, .t-Form-inputContainer textarea.marked.purple.textarea:focus-visible, td textarea.marked.purple.textarea:hover, .t-Form-inputContainer textarea.marked.purple.textarea:hover, .u-TF-item--datepicker.marked.purple:focus, .u-TF-item--datepicker.marked.purple:focus-visible, .u-TF-item--datepicker.marked.purple:hover, .u-TF-item--select.marked.purple:focus, .u-TF-item--select.marked.purple:focus-visible, .u-TF-item--select.marked.purple:hover, .u-TF-item--text.marked.purple:focus, .u-TF-item--text.marked.purple:focus-visible, .u-TF-item--text.marked.purple:hover, .u-TF-item--textarea.marked.purple:focus, .u-TF-item--textarea.marked.purple:focus-visible, .u-TF-item--textarea.marked.purple:hover, .select2-container--default.marked.purple .select2-selection--multiple:focus, .select2-container--default.marked.purple .select2-selection--multiple:focus-visible, .select2-container--default.marked.purple .select2-selection--multiple:hover, .select2-container--default.marked.purple .select2-selection--single:focus, .select2-container--default.marked.purple .select2-selection--single:focus-visible, .select2-container--default.marked.purple .select2-selection--single:hover{ outline-offset:-2px; outline:3px solid var(--tinkywinky) !important; } .marked.yellow { outline-color:var(--corndog) !important; } .t-Button.marked.yellow { border:2px solid var(--corndog) !important; outline:unset !important; } .marked.yellow, .marked.yellow td, .t-Button.marked.yellow, .marked.even.yellow, .marked.oneven.yellow, .marked.even.yellow td, .marked.oneven.yellow td { background: var(--yellow-mist) !important; color: var(--kaese) !important; } td input.marked.yellow.datepicker:focus, .t-Form-inputContainer input.marked.yellow.datepicker:focus, td input.marked.yellow.datepicker:focus-visible, .t-Form-inputContainer input.marked.yellow.datepicker:focus-visible, td input.marked.yellow.datepicker:hover, .t-Form-inputContainer input.marked.yellow.datepicker:hover, td input.marked.yellow.password:focus, .t-Form-inputContainer input.marked.yellow.password:focus, td input.marked.yellow.password:focus-visible, .t-Form-inputContainer input.marked.yellow.password:focus-visible, td input.marked.yellow.password:hover, .t-Form-inputContainer input.marked.yellow.password:hover, td input.marked.yellow.popup_lov:focus, .t-Form-inputContainer input.marked.yellow.popup_lov:focus, td input.marked.yellow.popup_lov:focus-visible, .t-Form-inputContainer input.marked.yellow.popup_lov:focus-visible, td input.marked.yellow.popup_lov:hover, .t-Form-inputContainer input.marked.yellow.popup_lov:hover, td input.marked.yellow.text_field:focus, .t-Form-inputContainer input.marked.yellow.text_field:focus, td input.marked.yellow.text_field:focus-visible, .t-Form-inputContainer input.marked.yellow.text_field:focus-visible, td input.marked.yellow.text_field:hover, .t-Form-inputContainer input.marked.yellow.text_field:hover, td input[type=text].marked.yellow:focus, .t-Form-inputContainer input[type=text].marked.yellow:focus, td input[type=text].marked.yellow:focus-visible, .t-Form-inputContainer input[type=text].marked.yellow:focus-visible, td input[type=text].marked.yellow:hover, .t-Form-inputContainer input[type=text].marked.yellow:hover, td select.marked.yellow:focus, .t-Form-inputContainer select.marked.yellow:focus, td select.marked.yellow:focus-visible, .t-Form-inputContainer select.marked.yellow:focus-visible, td select.marked.yellow:hover, .t-Form-inputContainer select.marked.yellow:hover, td textarea.marked.yellow.textarea:focus, .t-Form-inputContainer textarea.marked.yellow.textarea:focus, td textarea.marked.yellow.textarea:focus-visible, .t-Form-inputContainer textarea.marked.yellow.textarea:focus-visible, td textarea.marked.yellow.textarea:hover, .t-Form-inputContainer textarea.marked.yellow.textarea:hover, .u-TF-item--datepicker.marked.yellow:focus, .u-TF-item--datepicker.marked.yellow:focus-visible, .u-TF-item--datepicker.marked.yellow:hover, .u-TF-item--select.marked.yellow:focus, .u-TF-item--select.marked.yellow:focus-visible, .u-TF-item--select.marked.yellow:hover, .u-TF-item--text.marked.yellow:focus, .u-TF-item--text.marked.yellow:focus-visible, .u-TF-item--text.marked.yellow:hover, .u-TF-item--textarea.marked.yellow:focus, .u-TF-item--textarea.marked.yellow:focus-visible, .u-TF-item--textarea.marked.yellow:hover, .select2-container--default.marked.yellow .select2-selection--multiple:focus, .select2-container--default.marked.yellow .select2-selection--multiple:focus-visible, .select2-container--default.marked.yellow .select2-selection--multiple:hover, .select2-container--default.marked.yellow .select2-selection--single:focus, .select2-container--default.marked.yellow .select2-selection--single:focus-visible, .select2-container--default.marked.yellow .select2-selection--single:hover{ outline-offset:-2px; outline:3px solid var(--corndog) !important; } .marked.orange { outline-color:var(--pumpkin) !important; } .t-Button.marked.orange { border:2px solid var(--pumpkin) !important; outline:unset !important; } .marked.orange, .marked.orange td, .t-Button.marked.orange, .marked.even.orange, .marked.oneven.orange, .marked.even.orange td, .marked.oneven.orange td { background: var(--orange-mist) !important; color: var(--rusty) !important; } td input.marked.orange.datepicker:focus, .t-Form-inputContainer input.marked.orange.datepicker:focus, td input.marked.orange.datepicker:focus-visible, .t-Form-inputContainer input.marked.orange.datepicker:focus-visible, td input.marked.orange.datepicker:hover, .t-Form-inputContainer input.marked.orange.datepicker:hover, td input.marked.orange.password:focus, .t-Form-inputContainer input.marked.orange.password:focus, td input.marked.orange.password:focus-visible, .t-Form-inputContainer input.marked.orange.password:focus-visible, td input.marked.orange.password:hover, .t-Form-inputContainer input.marked.orange.password:hover, td input.marked.orange.popup_lov:focus, .t-Form-inputContainer input.marked.orange.popup_lov:focus, td input.marked.orange.popup_lov:focus-visible, .t-Form-inputContainer input.marked.orange.popup_lov:focus-visible, td input.marked.orange.popup_lov:hover, .t-Form-inputContainer input.marked.orange.popup_lov:hover, td input.marked.orange.text_field:focus, .t-Form-inputContainer input.marked.orange.text_field:focus, td input.marked.orange.text_field:focus-visible, .t-Form-inputContainer input.marked.orange.text_field:focus-visible, td input.marked.orange.text_field:hover, .t-Form-inputContainer input.marked.orange.text_field:hover, td input[type=text].marked.orange:focus, .t-Form-inputContainer input[type=text].marked.orange:focus, td input[type=text].marked.orange:focus-visible, .t-Form-inputContainer input[type=text].marked.orange:focus-visible, td input[type=text].marked.orange:hover, .t-Form-inputContainer input[type=text].marked.orange:hover, td select.marked.orange:focus, .t-Form-inputContainer select.marked.orange:focus, td select.marked.orange:focus-visible, .t-Form-inputContainer select.marked.orange:focus-visible, td select.marked.orange:hover, .t-Form-inputContainer select.marked.orange:hover, td textarea.marked.orange.textarea:focus, .t-Form-inputContainer textarea.marked.orange.textarea:focus, td textarea.marked.orange.textarea:focus-visible, .t-Form-inputContainer textarea.marked.orange.textarea:focus-visible, td textarea.marked.orange.textarea:hover, .t-Form-inputContainer textarea.marked.orange.textarea:hover, .u-TF-item--datepicker.marked.orange:focus, .u-TF-item--datepicker.marked.orange:focus-visible, .u-TF-item--datepicker.marked.orange:hover, .u-TF-item--select.marked.orange:focus, .u-TF-item--select.marked.orange:focus-visible, .u-TF-item--select.marked.orange:hover, .u-TF-item--text.marked.orange:focus, .u-TF-item--text.marked.orange:focus-visible, .u-TF-item--text.marked.orange:hover, .u-TF-item--textarea.marked.orange:focus, .u-TF-item--textarea.marked.orange:focus-visible, .u-TF-item--textarea.marked.orange:hover, .select2-container--default.marked.orange .select2-selection--multiple:focus, .select2-container--default.marked.orange .select2-selection--multiple:focus-visible, .select2-container--default.marked.orange .select2-selection--multiple:hover, .select2-container--default.marked.orange .select2-selection--single:focus, .select2-container--default.marked.orange .select2-selection--single:focus-visible, .select2-container--default.marked.orange .select2-selection--single:hover{ outline-offset:-2px; outline:3px solid var(--pumpkin) !important; } .marked.red { outline-color:var(--danger) !important; } .t-Button.marked.red { border:2px solid var(--danger) !important; outline:unset !important; } .marked.red, .marked.red td, .t-Button.marked.red, .marked.even.red, .marked.oneven.red, .marked.even.red td, .marked.oneven.red td { background: var(--red-mist) !important; color: var(--dry-blood) !important; } td input.marked.red.datepicker:focus, .t-Form-inputContainer input.marked.red.datepicker:focus, td input.marked.red.datepicker:focus-visible, .t-Form-inputContainer input.marked.red.datepicker:focus-visible, td input.marked.red.datepicker:hover, .t-Form-inputContainer input.marked.red.datepicker:hover, td input.marked.red.password:focus, .t-Form-inputContainer input.marked.red.password:focus, td input.marked.red.password:focus-visible, .t-Form-inputContainer input.marked.red.password:focus-visible, td input.marked.red.password:hover, .t-Form-inputContainer input.marked.red.password:hover, td input.marked.red.popup_lov:focus, .t-Form-inputContainer input.marked.red.popup_lov:focus, td input.marked.red.popup_lov:focus-visible, .t-Form-inputContainer input.marked.red.popup_lov:focus-visible, td input.marked.red.popup_lov:hover, .t-Form-inputContainer input.marked.red.popup_lov:hover, td input.marked.red.text_field:focus, .t-Form-inputContainer input.marked.red.text_field:focus, td input.marked.red.text_field:focus-visible, .t-Form-inputContainer input.marked.red.text_field:focus-visible, td input.marked.red.text_field:hover, .t-Form-inputContainer input.marked.red.text_field:hover, td input[type=text].marked.red:focus, .t-Form-inputContainer input[type=text].marked.red:focus, td input[type=text].marked.red:focus-visible, .t-Form-inputContainer input[type=text].marked.red:focus-visible, td input[type=text].marked.red:hover, .t-Form-inputContainer input[type=text].marked.red:hover, td select.marked.red:focus, .t-Form-inputContainer select.marked.red:focus, td select.marked.red:focus-visible, .t-Form-inputContainer select.marked.red:focus-visible, td select.marked.red:hover, .t-Form-inputContainer select.marked.red:hover, td textarea.marked.red.textarea:focus, .t-Form-inputContainer textarea.marked.red.textarea:focus, td textarea.marked.red.textarea:focus-visible, .t-Form-inputContainer textarea.marked.red.textarea:focus-visible, td textarea.marked.red.textarea:hover, .t-Form-inputContainer textarea.marked.red.textarea:hover, .u-TF-item--datepicker.marked.red:focus, .u-TF-item--datepicker.marked.red:focus-visible, .u-TF-item--datepicker.marked.red:hover, .u-TF-item--select.marked.red:focus, .u-TF-item--select.marked.red:focus-visible, .u-TF-item--select.marked.red:hover, .u-TF-item--text.marked.red:focus, .u-TF-item--text.marked.red:focus-visible, .u-TF-item--text.marked.red:hover, .u-TF-item--textarea.marked.red:focus, .u-TF-item--textarea.marked.red:focus-visible, .u-TF-item--textarea.marked.red:hover, .select2-container--default.marked.red .select2-selection--multiple:focus, .select2-container--default.marked.red .select2-selection--multiple:focus-visible, .select2-container--default.marked.red .select2-selection--multiple:hover, .select2-container--default.marked.red .select2-selection--single:focus, .select2-container--default.marked.red .select2-selection--single:focus-visible, .select2-container--default.marked.red .select2-selection--single:hover{ outline-offset:-2px; outline:3px solid var(--danger) !important; } /* [5.4 Borders] */ .bw-0 { border-width:0px !important; } .btw-0 { border-top:none !important; } .brw-0 { border-right:none !important; } .bbw-0 { border-bottom:none !important; } .blw-0 { border-left:none !important; } .bw-2 { border-width:2px !important; } .btw-2 { border-top-width:2px !important; } .brw-2 { border-right-width:2px !important; } .bbw-2 { border-bottom-width:2px !important; } .blw-2 { border-left-width:2px !important; } .bw-3 { border-width:3px !important; } .btw-3 { border-top-width:3px !important; } .brw-3 { border-right-width:3px !important; } .bbw-3 { border-bottom-width:3px !important; } .blw-3 { border-left-width:3px !important; } .bw-5 { border-width:5px !important; } .btw-5 { border-top-width:5px !important; } .brw-5 { border-right-width:5px !important; } .bbw-5 { border-bottom-width:5px !important; } .blw-5 { border-left-width:5px !important; } .bw-10 { border-width:10px !important; } .btw-10 { border-top-width:10px !important; } .brw-10 { border-right-width:10px !important; } .bbw-10 { border-bottom-width:10px !important; } .blw-10 { border-left-width:10px !important; } .bc-grey { border-color:var(--dark-silver) !important; } .btc-grey { border-top-color:var(--dark-silver) !important; } .brc-grey { border-right-color:var(--dark-silver) !important; } .bbc-grey { border-bottom-color:var(--dark-silver) !important; } .blc-grey { border-left-color:var(--dark-silver) !important; } .bc-dark { border-color:var(--dark) !important; } .btc-dark { border-top-color:var(--dark) !important; } .brc-dark { border-right-color:var(--dark) !important; } .bbc-dark { border-bottom-color:var(--dark) !important; } .blc-dark { border-left-color:var(--dark) !important; } .bc-purple { border-color:var(--tinkywinky) !important; } .btc-purple { border-top-color:var(--tinkywinky)!important; } .brc-purple { border-right-color:var(--tinkywinky) !important; } .bbc-purple { border-bottom-color:var(--tinkywinky) !important; } .blc-purple { border-left-color:var(--tinkywinky) !important; } .bc-pink { border-color:var(--fuchsia) !important; } .btc-pink { border-top-color:var(--fuchsia)!important; } .brc-pink { border-right-color:var(--fuchsia) !important; } .bbc-pink { border-bottom-color:var(--fuchsia) !important; } .blc-pink { border-left-color:var(--fuchsia) !important; } .bc-blue { border-color:var(--obasi-blue) !important; } .btc-blue { border-top-color:var(--obasi-blue)!important; } .brc-blue { border-right-color:var(--obasi-blue) !important; } .bbc-blue { border-bottom-color:var(--obasi-blue) !important; } .blc-blue { border-left-color:var(--obasi-blue) !important; } .bc-green { border-color:var(--obasi-green) !important; } .btc-green { border-top-color:var(--obasi-green) !important; } .brc-green { border-right-color:var(--obasi-green) !important; } .bbc-green { border-bottom-color:var(--obasi-green) !important; } .blc-green { border-left-color:var(--obasi-green) !important; } .bc-yellow { border-color:var(--kaese) !important; } .btc-yellow { border-top-color:var(--kaese) !important; } .brc-yellow { border-right-color:var(--kaese) !important; } .bbc-yellow { border-bottom-color:var(--kaese) !important; } .blc-yellow { border-left-color:var(--kaese) !important; } .bc-orange { border-color:var(--pumpkin) !important; } .btc-orange { border-top-color:var(--pumpkin) !important; } .brc-orange { border-right-color:var(--pumpkin) !important; } .bbc-orange { border-bottom-color:var(--pumpkin) !important; } .blc-orange { border-left-color:var(--pumpkin) !important; } .bc-red { border-color:var(--danger) !important; } .btc-red { border-top-color:var(--danger) !important; } .brc-red { border-right-color:var(--danger) !important; } .bbc-red { border-bottom-color:var(--danger) !important; } .blc-red { border-left-color:var(--danger) !important; } .ol-1 { outline-width: 1px !important; } .ol-2 { outline-width: 2px !important; } .ol-3 { outline-width: 3px !important; } .ol-4 { outline-width: 4px !important; } /* [5.5 Alignering ]*/ .tal { text-align:left !important; } .tac { text-align:center !important; } .tar { text-align:right !important;} .taj { text-align:justify !important; } .vam { vertical-align:middle !important;} .vab { vertical-align:bottom !important; } .vat { vertical-align:top !important; } /* [5.6 Speciale kols] */ .arrow_kol { width:30px; padding-left:10px; padding-right:10px; text-align:center; vertical-align:middle !important; } .icon_kol, .iconkol, .score_kol, .scorekol, .kol10px { padding-top: 8px !important;/*toegevoegd door contacten telefoon icoon*/ width:10px; } /* [5.7 Kolombreedtes %] */ .kol5pct { width:5% !important; } .kol10pct { width:10% !important; } .kol15pct { width:15% !important; } .kol20pct { width:20% !important; } .kol25pct { width:25% !important; } .kol30pct { width:30% !important; } .kol33pct { width:33% !important; } .kol35pct { width:35% !important; } .kol40pct { width:40% !important; } .kol45pct { width:45% !important; } .kol50pct { width:50% !important; } .kol55pct { width:55% !important; } .kol60pct { width:60% !important; } .kol65pct { width:65% !important; } .kol66pct { width:66% !important; } .kol70pct { width:70% !important; } .kol75pct { width:75% !important; } .kol80pct { width:80% !important; } .kol85pct { width:85% !important; } .kol90pct { width:90% !important; } .kol95pct { width:95% !important; } .kol100pct { width:100% !important; } .w25 {width:25px;} .w30 {width:30px;} .w35 {width:35px;} .w40 {width:40px;} .w45 {width:45px;} .w50 {width:50px;} .w60 {width:60px;} .w70 {width:70px;} .w75 {width:75px;} .w80 {width:80px;} .w90 {width:90px;} .w100 {width:100px;} .w125 {width:125px;} .w150 {width:150px;} .w175 {width:175px;} /* [5.8 Images die uit texteditor komen %] */ figure.image img, p img { max-width:100%; } /* [5.9 popup side-menu] */ /*Op td plaatsen voor positionering menubtn*/ .posrel { position: relative; background-clip:padding-box !important; } /*Menubtn top right*/ .menucaret-tr { position:absolute; top:0px; right:0px; margin:0px !important; } /*Menubtn bottom right*/ .menucaret-br { position:absolute; bottom:0px; right:0px; margin:0px !important; } /*Menubtn bottom left*/ .menucaret-bl { position:absolute; bottom:0px; left:0px; margin:0px !important; } /*Menubtn top left*/ .menucaret-tl { position:absolute; top:0px; left:0px; margin:0px !important; } /*Actie menu*/ .actie_menu { display: inline; width: 200px; text-align: left; position: absolute; z-index: 999 !important; top: 1px; right: -200px; font-weight: normal; } .actie_menu.sm {width:150px !important;} .actie_menu.lg {width:300px !important;} .actie_menu.xl {width:400px !important;} .actie_menu ul { list-style-type: none; margin: 0px 0px 0px 0px; } .actie_menu nav ul li label div{ cursor: pointer; } .actie_menu ul li{ display: block; cursor: pointer; padding: .4rem 8px; position:relative; font-size:12px; } .actie_menu ul li span{ position:absolute; right:10px; top:6px; } .actie_menu.grey {background-color: var(--grey-gallery); color:var(--ghost);} .actie_menu.grey .niv2 {background-color : var(--grey-cascade); color:var(--ghost);} .actie_menu.grey nav {border-left: 6px solid var(--kaese);} .actie_menu.grey.rechts nav {border-right: 6px solid var(--kaese); border-left:unset !important;} .actie_menu.dark {background-color: var(--dark); color:var(--ghost);} .actie_menu.dark .niv2 {background-color : var(--grey-gallery); color:var(--ghost);} .actie_menu.dark nav {border-left: 6px solid var(--dark-silver);} .actie_menu.dark.rechts nav {border-right: 6px solid var(--dark-silver); border-left:unset !important;} .actie_menu.purple {background-color: var(--tinkywinky); color:var(--ghost);} .actie_menu.purple .niv2 {background-color : var(--lavendel); color:var(--ghost);} .actie_menu.purple nav {border-left: 6px solid var(--fuchsia);} .actie_menu.purple.rechts nav {border-right: 6px solid var(--fuchsia); border-left:unset !important;} .actie_menu.pink {background-color: var(--fuchsia); color:var(--ghost);} .actie_menu.pink .niv2 {background-color : var(--piggy); color:var(--fuchsia);} .actie_menu.pink nav {border-left: 6px solid var(--tinkywinky);} .actie_menu.pink.rechts nav {border-right: 6px solid var(--tinkywinky); border-left:unset !important;} .actie_menu.blue {background-color: var(--dark-blue); color:var(--ghost);} .actie_menu.blue .niv2 {background-color : var(--obasi-blue); color:var(--ghost);} .actie_menu.blue nav {border-left: 6px solid var(--kaese);} .actie_menu.blue.rechts nav {border-right: 6px solid var(--kaese); border-left:unset !important;} .actie_menu.light-blue {background-color: var(--chalk-blue); color:var(--dark-blue);} .actie_menu.light-blue .niv2 {background-color : var(--chalk-blue); color:var(--dark-blue);} .actie_menu.light-blue nav {border-left: 6px solid var(--kaese);} .actie_menu.light-blue.rechts nav {border-right: 6px solid var(--kaese); border-left:unset !important;} .actie_menu.green {background-color: var(--moss); color:var(--ghost);} .actie_menu.green .niv2 {background-color : var(--obasi-green); color:var(--ghost);} .actie_menu.green nav {border-left: 6px solid var(--kaese);} .actie_menu.green.rechts nav {border-right: 6px solid var(--kaese); border-left:unset !important;} .actie_menu.yellow {background-color: var(--kaese); color:var(--ghost);} .actie_menu.yellow .niv2 {background-color : var(--smiley); color:var(--ghost);} .actie_menu.yellow nav {border-left: 6px solid var(--danger);} .actie_menu.yellow.rechts nav {border-right: 6px solid var(--danger); border-left:unset !important;} .actie_menu.orange {background-color: var(--kaese); color:var(--ghost);} .actie_menu.orange .niv2 {background-color : var(--corally); color:var(--pumpkin);} .actie_menu.orange nav {border-left: 6px solid var(--pumpkin);} .actie_menu.orange.rechts nav {border-right: 6px solid var(--pumpkin); border-left:unset !important;} .actie_menu.red {background-color: var(--danger); color:var(--ghost);} .actie_menu.red .niv2 {background-color : var(--fishy); color:var(--dark);} .actie_menu.red nav {border-left: 6px solid var(--dark);} .actie_menu.red.rechts nav {border-right: 6px solid var(--dark); border-left:unset !important;} .actie_menu.white {background-color: var(--light-grey); color:var(--dark);} .actie_menu.white .niv2 {background-color : var(--ghost); color:var(--dark);} .actie_menu.white nav {border-left: 6px solid var(--dark);} .actie_menu.white.rechts nav {border-right: 6px solid var(--dark); border-left:unset !important;} .actie_menu_extend { display: inline; width: 400px; text-align: left; position: absolute; z-index: 1; top: 1px; right: -600px; font-weight: normal; padding: 10px 15px; } .actie_menu_extend.grey {background-color: var(--grey-cascade); color:var(--ghost);} .actie_menu_extend.dark {background-color: var(--grey-gallery); color:var(--ghost);} .actie_menu_extend.purple {background-color: var(--lavendel); color:var(--ghost);} .actie_menu_extend.pink {background-color: var(--piggy); color:var(--ghost);} .actie_menu_extend.blue {background-color: var(--cloudy); color:var(--ghost);} .actie_menu_extend.green {background-color: var(--obasi-green); color:var(--ghost);} .actie_menu_extend.yellow {background-color: var(--smiley); color:var(--ghost);} .actie_menu_extend.orange {background-color: var(--corally); color:var(--ghost);} .actie_menu_extend.red {background-color: var(--fishy); color:var(--ghost);} .actie_menu_extend.white {background-color: var(--ghost); color:var(--dark);} /* [6. MODALS (DIALOGS)] */ /*Verwijderen sluitkruisje in header*/ .ui-dialog .ui-dialog-titlebar-close { display:none; } /*Footer*/ .t-Dialog-footer, .t-Dialog-footer .t-ButtonRegion, .t-Wizard-footer { height:40px; } /*Body*/ .t-Dialog-page .t-Dialog-body, .t-Wizard--modal .t-Wizard-body { bottom:40px; } .ui-dialog .ui-dialog-titlebar { background-color: var(--obasi-green) !important; color: var(--broken-white) !important; } /*Remove padding van dialog-body*/ .t-Dialog-page.p0 .t-Dialog-body { padding: 0px !important; } /* [7. FORMULIEREN] */ /* [7.1 STANDAARD] */ /*Algemeen*/ .apex-item-select, .a-IRR-selectList[size="1"], .apex-item-select[size="1"] { text-indent: 0px !important;} .inline-block {display:inline-block;} .apex-item-wrapper--checkbox .apex-item-option, .apex-item-wrapper--radiogroup .apex-item-option { align-items: center !important; } .apex-item-wrapper--radiogroup .gen_radio .apex-item-option { margin-top:3px; /*fix voor schaal 1299 HONOS HFK*/ } .t-Form-fieldContainer--stacked .t-Form-label { float: none; } .t-Form-inputContainer input:not([type=checkbox]):not([type=radio]), .t-Form-inputContainer select.apex_item-select, .apex-item-select[size="1"] { height:28px !important; max-height:28px !important; padding-left:10px; } .col-1 .t-Form-inputContainer input:not([type=checkbox]):not([type=radio]) {padding-left:3px !important;} .t-Form-inputContainer input[type="radio"], .t-Form-inputContainer input[type="checkbox"], .t-Form-inputContainer input[type="radio"] + label, .t-Form-inputContainer input[type="checkbox"] + label { min-height:16px !important; /*height:16px geeft problemen wanneer de tekst op meerdere lijnen komt te staan*/ } .t-Form-inputContainer .gen_switch input[type="radio"], .t-Form-inputContainer .gen_switch input[type="radio"] + label { height:28px !important; } .gen_switch label {padding:4px 8px !important; } .t-Form-inputContainer span.display_only { border:none; padding: .2rem 0; } .t-Form-inputContainer span.display_only:focus, .t-Form-inputContainer span.display_only:hover { background:transparent; } .t-Form-label { float:left; font-weight:bold; text-align:left; padding:.3rem 0; } .t-Form-labelContainer { text-align:left !important; } .radio_group { width:100%; } [type="radio"],[type="checkbox"] { cursor:pointer; } .show_pointer { cursor:pointer; } textarea { resize:vertical !important; } td input:not([type='checkbox']):not([type='radio']) { height:28px; } /*not's toegevoegd wegens verschuiving tussen label en vinkje*/ td:not(.dblock) > input[type="text"]:not(.color_input), td:not(.dblock) select { width:100% !important; } td:not(.dblock) select.w-60 { width:calc(100% - 60px) !important; } td:not(.dblock) select.w-30 { width:calc(100% - 30px) !important; } td input[type="text"].hasDatepicker, td.hasDatepicker input[type="text"], td span input[type="text"].hasDatepicker { width:calc(100% - 30px) !important; } td input[type="text"].hasUOM, td.hasUOM input[type="text"] { width:calc(100% - 50px) !important; } td input[type="text"].gen_input_btn { width:73% !important; } /*Stretch label above item*/ .label_stretch label { width:100%; } /*Grotere inputvelden*/ .large_input .t-Form-inputContainer input, .large_input .t-Form-inputContainer select, .large_input .apex-item-select[size="1"] { height:40px !important; max-height:40px !important; } /*Uitzondering op hoogte voor loginscherm*/ .t-Login-region .t-Form-inputContainer input:not([type=checkbox]):not([type=radio]), .t-Login-region .t-Form-inputContainer select.apex_item-select, .t-Login-region .apex-item-select[size="1"] { height:40px !important; max-height:40px !important; padding-left: 40px !important; } .t-Login-region .t-Form-inputContainer .select2 { width:100% !important; min-height:40px; } .t-Login-region .select2-container .select2-selection--single { min-height:40px; } .t-Login-region .select2-container .select2-selection--single .select2-selection__arrow { top: 6px !important; } .t-Login-region .t-Form-inputContainer .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px !important; } /*Omkaderen item*/ .framed { border:2px solid; height:28px; display:inline-flex; align-items:center; } .framed.dark {border-color:var(--dark);} .framed.grey {border-color:var(--dark-silver);} .framed.blue {border-color:var(--obasi-blue);} .framed.green {border-color:var(--obasi-green);} .framed.red {border-color:var(--danger);} /*Center aligneren inhoud in inputfield*/ .tac_item .t-Form-labelContainer, .tac_item .t-Form-inputContainer, .tac_item input, input.tac-item { text-align:center !important; } .tac_item .t-Form-inputContainer .display_only { margin:auto; } /*Aligneren prefix/suffix indien verschillend element*/ suffix {margin-left:5px; font-weight:bold; margin-top:3px; display:inline-flex; font-size:95%;} prefix {margin-right:5px; font-weight:bold; margin-top:3px; display:inline-flex; font-size:95%;} /*verplicht item*/ .verplicht:before { content: "\e058"; font-family: apex-5-icon-font !important; font-size: 16px; vertical-align: bottom; color:red; } /*sterretje vooraan toevoegen bij verplichte items in oudere html-structuren*/ .t-Form-fieldContainer.is-required .t-Form-label::before, .required_label .t-Form-inputContainer::before { content: "\e058"; font-family: apex-5-icon-font !important; font-size: 16px; vertical-align: bottom; color: red; } .t-Form-fieldContainer.is-required .t-Form-label::after, .a-Icon.icon-asterisk::before { /*content: "" !important;*/ display:none; } .t-Form--labelsAbove .t-Form-fieldContainer.is-required .t-Form-label::before, .t-Form-fieldContainer--stacked.is-required .t-Form-label::before { display: inline; } /*Fix chrome issue verdwijnende velden*/ .apex-item-select, .apex-item-text, .apex-item-textarea, .apex-item-multi, .a-IRR-search-field, .t-Form-inputContainer input.datepicker, .t-Form-inputContainer input.password, .t-Form-inputContainer input.popup_lov, .t-Form-inputContainer input.text_field, .t-Form-inputContainer input[type="text"], .t-Form-inputContainer select.selectlist, .t-Form-inputContainer select.selectlist[size="1"], .t-Form-inputContainer select.yes_no, .t-Form-inputContainer select[multiple], .t-Form-inputContainer textarea.textarea, .t-Form-select, .t-Form-textarea, .u-TF-item--datepicker, .u-TF-item--select, .u-TF-item--text, .u-TF-item--textarea, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { backface-visibility: hidden; } /*File upload*/ input[type='file'] { color:transparent; width:200px; } .apex-item-file-dropzone-label { height:26px; } /*Disabled items*/ .item_dis {pointer-events:none;} .item_dis .select2-container--default .select2-selection--single .select2-selection__rendered, .item_dis .select2-container--default .select2-selection--multiple .select2-selection__rendered, .item_dis .selectlist { opacity:0.5 !important; } .item_dis .select2-container--default .select2-selection--single .select2-selection__arrow, .item_dis .select2-container--default .select2-selection--multiple .select2Arrow{ display: none; } /*Read only input*/ .read_only_input, .read_only_input:hover, .read_only_input:focus { border:unset !important; outline: unset !important; } .read_only_input input, .read_only_input:hover input, .read_only_input:focus input { background-color:var(--ghost) !important; cursor: none !important; pointer-events: none !important; } /* [7.2 GEGENEREERDE ITEMS] */ /*Algemeen*/ .stretch { width: 100% !important; display: inline-flex; } .stretch .apex-item-display-only { width: 100% !important; display: inline-flex; } /*Datepicker*/ .gen_date { width:80%; line-height:1.6rem; height:28px; background:var(--broken-white); border:1px solid var(--dark-silver); } .ui-datepicker-trigger { margin-top:-4px !important; } /*Reset button datepicker indien default apex item*/ .apex-item-wrapper--date-picker .ui-datepicker-trigger, .apex-item-wrapper--date-picker2 .ui-datepicker-trigger, .apex-item-wrapper--datepicker2 .ui-datepicker-trigger { margin-top: 0px !important; } /*Input field & textarea*/ .gen_input, .gen_number, .gen_paswoord, .gen_email { background:var(--broken-white); border:1px solid var(--dark-silver); border-radius:2px; display: inline-block; font-size: 12px; /*1.2rem*/ line-height: 1.6rem; padding: .3rem; vertical-align: top; width: 100%; transition: background-color .1s ease,border .1s ease; text-align: left !important; height:28px; } .gen_textarea { background:var(--broken-white); border:1px solid var(--dark-silver); border-radius:2px; display: inline-block; font-size: 12px; /*1.2rem*/ line-height: 1.6rem; padding: .3rem; vertical-align: top; width: 100%; transition: background-color .1s ease,border .1s ease; text-align: left !important; } /*Select, select2, numberfield*/ .gen_select, .gen_select2 { background:var(--broken-white); border:1px solid var(--dark-silver); border-radius:2px; display: inline-block; font-size: 12px; line-height: 1.6rem; padding: .3rem; vertical-align: top; width: 100%; transition: background-color .1s ease,border .1s ease; height:28px; text-indent:2px; } .gen_select_view, .gen_select2_view { background: transparent; border: none; font-size: 12px; padding: .3rem; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; pointer-events: none; cursor: default; height:28px; } /*Select of input field met icon*/ .gen_select_icon, .gen_input_icon { background:var(--broken-white); border:1px solid var(--dark-silver); border-radius:2px; display: inline-block; font-size: 12px; line-height: 1.6rem; padding: .3rem; vertical-align: top; width: 96%; transition: background-color .1s ease,border .1s ease; height:28px; } .gen_icon_r { margin-top:5px; margin-left:10px; display:inline-flex; } .gen_icon_l { margin-top:5px; margin-right:10px; display:inline-flex; } .gen_icon_r span, .gen_icon_l span {margin:auto;} /*Inputfield met button*/ .gen_input_btn, .gen_select_btn { background: var(--broken-white); border: 1px solid var(--dark-silver); border-radius: 2px; display: inline-block; font-size: 12px; /*1.2rem*/ line-height: 1.6rem; padding: .3rem; vertical-align: top; width: 100%; transition: background-color .1s ease,border .1s ease; height: 28px; } .gen_btn_r { margin-left: -1px; z-index: 1; text-align: center; vertical-align: middle; height: 28px; min-width: 34px; display:inline-flex; order: 99; } .gen_btn_l { margin-right: -1px; z-index: 1; text-align: center; vertical-align: middle; height: 28px; min-width: 34px; position: relative; display: inline-flex; } .gen_btn_r span, .gen_btn_l span {margin:auto;} /*Radio option als buttons*/ .radio_hor { display: flex; } .t-Region-header .radiobtn .gen_radio_btn {height:28px !important; margin-top:5px !important;} .t-Region-header .radiobtn .gen_radio_btn label {padding:0px 10px !important; font-size:12px !important; font-weight:normal !important;} .gen_radio_btn_group { text-align:center; width:100%; } .gen_radio_btn { display: inline-flex; margin: 5px auto; } .gen_radio_btn input[type=radio] { opacity: 0; position: fixed; } .gen_radio_btn label { padding:6px 10px; } .gen_radio_btn input[type="radio"]+label { cursor: pointer; /*width: 70px;*/ display: inline-block; margin:0px 4px; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4); font-weight:bold; border-radius:2px; height:inherit !important; } .gen_radio_btn .radio_group { margin-top:-3px; /*aanpassing owv schaal 1323 Valscreening OZG*/ } /*Button langs inputfield rechts (use append)*/ .input_btn_r .t-Form-inputContainer {display:flex;} .input_btn_r .t-Form-itemWrapper {width:85%;} .input_btn_r .t-Form-inputContainer button {margin-left:-1px; z-index: 1;} /*Voor uploadfield*/ .input_btn_r .t-Form-inputContainer label {margin-left:-1px; z-index: 1;} .input_btn_r input[type="file"] {position: absolute; left: -99999rem;} /*Button langs inputfield links (use prepend)*/ .input_btn_l .t-Form-inputContainer {display:flex;} .input_btn_l .t-Form-itemWrapper {width:85%;} .input_btn_l .t-Form-inputContainer button {margin-right:-1px; z-index: 1;} /* [7.3 DISABLED ITEMS] */ input[type]:disabled, textarea:disabled { opacity:0.5; cursor:default; pointer-events:none; } .uitgeschakeld { opacity:0.5; pointer-events:none; } .lichter { opacity:0.7; } .fake_disabled textarea{ opacity: 0.5; color:rgb(0,0,0) !important; } .fake_disabled .apex-item-textarea-counter{ display:none !important; } /* [7.4 VALIDATIONS] */ .error_row { margin-left: 0px !important; /*25*/ margin-right: 0px !important; /*25*/ padding: 5px 15px; /*3px 15px*/ margin-bottom: 5px; text-align: left !important; } .error_row p { margin:0px !important; } .error_row p::before { content: "\ed16"; font-family: 'obasi-font'; margin-right: 10px; font-size: 150%; } .error_row p span { font-weight:bold; margin-right:15px; } .apex-item-wrapper--radiogroup.foutief, .apex-item-wrapper--checkbox.foutief { margin-bottom:5px; } /* [7.5 COLOR PICKER] */ /*Algemeen*/ .color_preview_mini { height: 28px; width: 18px; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } .color_preview { height: 12px; width: 12px; border-radius: 100%; display: block; position: absolute; margin: 8px; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } .color_input { padding-left: 28px !important; width: 80%; } .a-Button.a-Button--colorpicker { border-radius: 0 2px 2px 0; margin-left: -5px; padding: 4px 8px; height: 28px; } .t-Form-inputContainer .a-Button--colorpicker{ order: 3; } /* [7.6] */ /* [7.7 TEXTAREA COUNTERS EN STATUSSEN] */ /*Statusmelding*/ #status_container { float: right; margin-right:15px; } .status_pending { color: var(--pumpkin); } .status_saved { color: var(--obasi-green); } /* [7.8 DATE/TIME PICKER] */ #ui-datepicker-div { padding:0px !important; } #ui-datepicker-div a.ui-state-default { border-radius:unset !important; margin:0px !important; width:37px !important; height:37px !important; } .ui-datepicker .ui-datepicker-header { border-radius:unset !important; } .ui-datepicker td a.ui-state-default.ui-state-active { font-weight:700 !important; } .ui-datepicker td a.ui-state-default:focus { box-shadow:unset !important; outline:0; } .ui-datepicker td span.ui-state-default.ui-state-active { font-weight:700 !important; } .ui-datepicker td span.ui-state-default:focus { box-shadow:unset !important; outline:0; } .ui-datepicker-calendar th { padding:5px 0px !important; } .ui-datepicker-calendar td { padding:0px !important; } body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close, body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover, body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover { margin-bottom: 2px; } .ui-datepicker .ui-datepicker-buttonpane button { padding:1px 5px !important; margin-left:1px !important; margin-right:1px !important; width:82px !important; } .ui-datepicker span.spanTime select { width:40px !important; } /* [7.9 SELECT2] */ /*Algemene opbouw*/ .select2 { width:100% !important; min-height:28px; } .select2-container--default .select2-results > .select2-results__options { max-height:400px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 23px !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { line-height: 15px !important; } .select2-selection--multiple .select2-selection__clear { margin-right:2px !important; margin-top:2px !important; } .select2-container--default .select2-selection--multiple { line-height:10px; min-height:28px; } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border-radius: none !important; } .select2-container--default .select2-selection--multiple:focus, .select2-container--default .select2-selection--multiple:hover, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:hover { border-radius:none !important; } .select2-container .select2-selection--single .select2-selection__placeholder { margin-left:3px !important; color:#242424 !important; } .select2-container .select2-selection--single .select2-selection__placeholder font{ font-size:16px !important; opacity:0.6 !important; margin-left:7px !important; } /*Disabled*/ .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered, .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered { opacity:0.5 !important; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow, .select2-container--default.select2-container--disabled .select2-selection--multiple .select2Arrow{ display: none; } /*Niveaus bij tree in select2*/ .niveau_0, .niveau_1, .no_click, .noClick { font-weight:bold; color:var(--dark) !important; } .niveau_1 { padding-left:15px; } .niveau_2 { padding-left:30px; } .niveau_3 { padding-left:45px; } .niveau_4 { padding-left:60px; } .niveau_5 { padding-left:75px; } /*Arrow*/ .select2Arrow { position: absolute; right: -2px; bottom: 4px; width: 20px; cursor: pointer; } /* [7.10 SLIDERS] */ .slider_lbl_l { margin-top:-10px; } .slider_lbl_c { margin-top:-10px; text-align:center; } .slider_lbl_r { margin-top:-10px; text-align:right; } .slider_icon_l { float:left; margin-top:-10px; } .slider_icon_r { float:right; margin-top:-10px } .slider_icon_l span span::before, .slider_icon_r span span::before, .slider_icon_l span span, .slider_icon_r span span {font-size:32px !important;;} .slider_icon_l.dark span span, .slider_icon_r.dark span span { color:var(--dark);} .slider_icon_l.grey span span, .slider_icon_r.grey span span { color:var(--dark-silver);} .slider_icon_l.purple span span, .slider_icon_r.purple span span { color:var(--tinkywinky);} .slider_icon_l.pink span span, .slider_icon_r.pink span span { color:var(--fuchsia);} .slider_icon_l.blue span span, .slider_icon_r.blue span span { color:var(--obasi-blue);} .slider_icon_l.green span span, .slider_icon_r.green span span { color:var(--obasi-green);} .slider_icon_l.yellow span span, .slider_icon_r.yellow span span { color:var(--kaese);} .slider_icon_l.orange span span, .slider_icon_r.orange span span { color:var(--pumpkin);} .slider_icon_l.red span span, .slider_icon_r.red span span { color:var(--danger);} .slider_container { padding: 0px 10px; } .slider_container .ui-slider { top: 0px !important; } .ui-slider-pips .ui-slider-pip { font-size:16px !important; /*1em*/ top:15px !important; } .ui-slider-pips .ui-slider-pip-initial-2, .ui-slider-pips [class*="ui-slider-pip-initial"] { font-size: 12px; /*10px*/ } .ui-slider-pips .ui-slider-pip-selected-2, .ui-slider-pips [class*="ui-slider-pip-selected"] { font-size: 12px; /*10px*/ } /* [8. CARDS] */ /* [8.1 KLEUREN] */ .t-Card-icon .t-Icon {color:var(--broken-white); border:none;} .t-Cards:not(.t-Cards--block):not(.t-Cards--featured) .t-Card-icon.outline, .t-Cards:not(.t-Cards--block):not(.t-Cards--featured) .t-Card-icon.filled { background:transparent;} .t-Card-icon.kleur1 { background:var(--dark-blue);} .t-Card-icon.kleur2 { background:var(--obasi-blue);} .t-Card-icon.kleur3 { background:var(--moss);} .t-Card-icon.kleur4 { background:var(--grass);} .t-Card-icon.kleur5 { background:var(--dry-blood);} .t-Card-icon.kleur6 { background:var(--danger);} .t-Card-icon.kleur7 { background:var(--pumpkin);} .t-Card-icon.kleur8 { background:var(--kaese);} .t-Card-icon.kleur9 { background:var(--tinkywinky);} .t-Card-icon.kleur10 { background:var(--sparkles);} .t-Card-icon.kleur11 { background:var(--fuchsia);} .t-Card-icon.kleur12 { background:var(--grey-gallery);} .t-Card-icon.kleur13 { background:var(--dark);} .t-Card-icon.outline.kleur1 .t-Icon {color:var(--dark-blue); border:2px solid var(--dark-blue);} .t-Card-icon.outline.kleur2 .t-Icon {color:var(--obasi-blue); border:2px solid var(--obasi-blue);} .t-Card-icon.outline.kleur3 .t-Icon {color:var(--moss); border:2px solid var(--moss);} .t-Card-icon.outline.kleur4 .t-Icon {color:var(--grass); border:2px solid var(--obasi-green);} .t-Card-icon.outline.kleur5 .t-Icon {color:var(--dry-blood); border:2px solid var(--dry-blood);} .t-Card-icon.outline.kleur6 .t-Icon {color:var(--danger); border:2px solid var(--danger);} .t-Card-icon.outline.kleur7 .t-Icon {color:var(--pumpkin); border:2px solid var(--pumpkin);} .t-Card-icon.outline.kleur8 .t-Icon {color:var(--kaese); border:2px solid var(--kaese);} .t-Card-icon.outline.kleur9 .t-Icon {color:var(--tinkywinky); border:2px solid var(--tinkywinky);} .t-Card-icon.outline.kleur10 .t-Icon {color:var(--sparkles); border:2px solid var(--sparkles);} .t-Card-icon.outline.kleur11 .t-Icon {color:var(--fuchsia); border:2px solid var(--fuchsia);} .t-Card-icon.outline.kleur12 .t-Icon {color:var(--grey-gallery); border:2px solid var(--grey-gallery);} .t-Card-icon.outline.kleur13 .t-Icon {color:var(--dark); border:2px solid var(--dark);} .t-Card-icon.filled.kleur1 .t-Icon {color:var(--dark-blue);} .t-Card-icon.filled.kleur2 .t-Icon {color:var(--obasi-blue);} .t-Card-icon.filled.kleur3 .t-Icon {color:var(--moss);} .t-Card-icon.filled.kleur4 .t-Icon {color:var(--grass);} .t-Card-icon.filled.kleur5 .t-Icon {color:var(--dry-blood);} .t-Card-icon.filled.kleur6 .t-Icon {color:var(--danger);} .t-Card-icon.filled.kleur7 .t-Icon {color:var(--pumpkin);} .t-Card-icon.filled.kleur8 .t-Icon {color:var(--kaese);} .t-Card-icon.filled.kleur9 .t-Icon {color:var(--tinkywinky);} .t-Card-icon.filled.kleur10 .t-Icon {color:var(--sparkles);} .t-Card-icon.filled.kleur11 .t-Icon {color:var(--fuchsia);} .t-Card-icon.filled.kleur12 .t-Icon {color:var(--grey-gallery);} .t-Card-icon.filled.kleur13 .t-Icon {color:var(--dark);} .t-Card-colorFill.kleur1, .t-Card-footer.kleur1 { background:var(--dark-blue);} .t-Card-colorFill.kleur2, .t-Card-footer.kleur2 { background:var(--obasi-blue);} .t-Card-colorFill.kleur3, .t-Card-footer.kleur3 { background:var(--moss);} .t-Card-colorFill.kleur4, .t-Card-footer.kleur4 { background:var(--grass);} .t-Card-colorFill.kleur5, .t-Card-footer.kleur5 { background:var(--dry-blood);} .t-Card-colorFill.kleur6, .t-Card-footer.kleur6 { background:var(--danger);} .t-Card-colorFill.kleur7, .t-Card-footer.kleur7 { background:var(--pumpkin);} .t-Card-colorFill.kleur8, .t-Card-footer.kleur8 { background:var(--kaese);} .t-Card-colorFill.kleur9, .t-Card-footer.kleur9 { background:var(--tinkywinky);} .t-Card-colorFill.kleur10, .t-Card-footer.kleur10 { background:var(--sparkles);} .t-Card-colorFill.kleur11, .t-Card-footer.kleur11 { background:var(--fuchsia);} .t-Card-colorFill.kleur12, .t-Card-footer.kleur12 { background:var(--grey-gallery);} .t-Card-colorFill.kleur13, .t-Card-footer.kleur13 { background:var(--dark);} .t-Cards.t-Cards--featured .t-Card-wrap.kleur1 { border:2px solid var(--dark-blue); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur2 { border:2px solid var(--obasi-blue); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur3 { border:2px solid var(--moss); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur4 { border:2px solid var(--grass); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur5 { border:2px solid var(--dry-blood); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur6 { border:2px solid var(--danger); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur7 { border:2px solid var(--pumpkin); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur8 { border:2px solid var(--kaese); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur9 { border:2px solid var(--tinkywinky); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur10 { border:2px solid var(--sparkles); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur11 { border:2px solid var(--fuchsia); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur12 { border:2px solid var(--grey-gallery); } .t-Cards.t-Cards--featured .t-Card-wrap.kleur13 { border:2px solid var(--dark); } /* [8.2 DEFAULT] */ .full_width_cards .t-Cards-item {min-width:100%;} .t-Card { border-radius:2px; display:flex; transition: all .1s ease-out; margin:8px; } .full_width_cards .t-Card, .full_width_cards .t-Card-wrap { border: none !important; outline: unset !important; padding:0px !important; } .t-Cards--animRaiseCard .t-Card:hover { cursor: pointer; position: relative; top: -3px !important; transition: all 0.1s ease-out; transform: translateY(-3px) !important; -webkit-transform: translateY(-3px) !important; box-shadow: 0 10px 4px -4px rgba(0,0,0,.05); } .t-Cards:not(.t-Cards--block):not(.t-Cards--featured):not(.t-Cards--basic):not(.t-Cards--compact) .t-Card-body { margin-top:27px; } .t-Cards.t-Cards--displaySubtitle:not(.t-Cards--block):not(.t-Cards--featured):not(.t-Cards--basic):not(.t-Cards--compact) .t-Card-body { margin-top:8px; } .t-Cards.t-Cards--displaySubtitle .t-Card-subtitle { display:block !important; } .t-Cards .t-Card-footer { display:none; } .t-Cards .t-Card-wrap { padding:12px; width:100%; } .t-Cards.t-Cards--displayIcons .t-Card-icon, .t-Cards.t-Cards--displayInitials .t-Card-icon { border-radius: 100%; width: 50px; height: 50px; position: absolute; right: 10px; top:7px; } .t-Cards.t-Cards--displayIcons .t-Card-icon.icon2, .t-Cards.t-Cards--displayInitials .t-Card-icon.icon2 { right:45px !important; } .t-Card .t-Card-initials { margin-bottom:8px; font-size:24px; } .t-Card-title { font-size:16px !important; font-weight:bold !important; } .t-Card-subtitle { font-size:15px !important; margin-top:-16px; } .t-Cards.t-Cards--hideBody.t-Cards--displaySubtitle .t-Card-icon { top:10px; } .t-Cards.t-Cards--hideBody .t-Card-title { margin-bottom:0px; } .t-Cards.t-Cards--hideBody.t-Cards--displaySubtitle .t-Card-title { margin-bottom:12px; } .t-Cards.t-Cards--hideBody.t-Cards--displaySubtitle .t-Card-subtitle { margin-bottom:0px; } .t-Cards.t-Cards--hideBody.t-Cards--displayIcons:not(.t-Cards--displaySubtitle) .t-Card-title, .t-Cards.t-Cards--hideBody.t-Cards--displayInitials:not(.t-Cards--displaySubtitle) .t-Card-title { margin-top:6px; margin-bottom:6px; } .t-Cards.t-Cards--displayIcons.t-Cards--iconsRounded .t-Card-icon, .t-Cards.t-Cards--displayInitials.t-Cards--iconsRounded .t-Card-icon { border-radius:10px; } .t-Cards.t-Cards--displayIcons.t-Cards--iconsSquare .t-Card-icon, .t-Cards.t-Cards--displayInitials.t-Cards--iconsSquare .t-Card-icon { border-radius:unset; } .t-Card-icon .t-Icon { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } /* [8.3 BASIC] */ .t-Cards--basic .t-Card-title { top: unset; transform: unset; -webkit-transform: unset; font-weight:600 !important; } .t-Cards.t-Cards--basic.t-Cards--displayIcons .t-Card-icon, .t-Cards.t-Cards--basic.t-Cards--displayInitials .t-Card-icon { border-radius: 100%; width: 50px; height: 50px; position: absolute; left: 12px; top:12px; } .t-Cards.t-Cards--basic.t-Cards--displayIcons.t-Cards--iconsRounded .t-Card-icon, .t-Cards.t-Cards--basic.t-Cards--displayInitials.t-Cards--iconsRounded .t-Card-icon { border-radius:10px; } .t-Cards.t-Cards--basic.t-Cards--displayIcons.t-Cards--iconsSquare .t-Card-icon, .t-Cards.t-Cards--basic.t-Cards--displayInitials.t-Cards--iconsSquare .t-Card-icon { border-radius:unset; } .t-Cards.t-Cards--basic .t-Card-title { line-height:3rem !important; margin-bottom:10px; } .t-Cards.t-Cards--basic.t-Cards--displaySubtitle .t-Card-title { line-height:2.2rem !important; margin-bottom:0px; } .t-Cards.t-Cards--basic.t-Cards--displaySubtitle .t-Card-subtitle { display:block !important; } .t-Cards.t-Cards--basic .t-Card-titleWrap { padding:0px 15px 4px 15px !important; } .t-Cards.t-Cards--basic.t-Cards--displayIcons .t-Card-titleWrap, .t-Cards.t-Cards--basic.t-Cards--displayInitials .t-Card-titleWrap { padding:16px 15px 18px 75px !important; } .t-Cards.t-Cards--basic.t-Cards--hideBody .t-Card-titleWrap { box-shadow:unset; } .t-Cards.t-Cards--basic .t-Card-wrap { padding:0px; } .t-Cards.t-Cards--basic.t-Cards--hideBody.t-Cards--displaySubtitle .t-Card-title { margin-bottom:0px; } .t-Cards.t-Cards--basic.t-Cards--hideBody.t-Cards--displaySubtitle .t-Card-subtitle { margin-bottom:0px; } /* [8.4 BLOCK] */ .t-Cards.t-Cards--block .t-Card-wrap { padding:0px; } .t-Cards.t-Cards--block.t-Cards--displayIcons .t-Card-icon, .t-Cards.t-Cards--block.t-Cards--displayInitials .t-Card-icon { align-items:center; justify-content:center; margin:0px; padding:10px; border-radius:unset; width:auto; height:auto; position:initial; } .t-Cards.t-Cards--block.t-Cards--displayIcons .t-Icon, .t-Cards.t-Cards--block.t-Cards--displayInitials .t-Icon { text-shadow:unset; width:64px; height:64px; background-color:rgba(0,0,0,0.1); border-radius:100%; } .t-Cards.t-Cards--block.t-Cards--displayIcons .t-Card-icon.outline .t-Icon, .t-Cards.t-Cards--block.t-Cards--displayInitials .t-Card-icon.outline .t-Icon { background-color:rgba(255,255,255,0.9); } .t-Cards.t-Cards--block .t-Card-titleWrap { padding:12px 12px 0px 12px; } .t-Cards.t-Cards--block.t-Cards--hideBody .t-Card-titleWrap { text-align: center; margin-bottom: 16px; } .t-Cards.t-Cards--block.t-Cards--hideBody:not(.t-Cards--displaySubtitle) .t-Card-title { font-size:16px !important; } .t-Cards.t-Cards--block .t-Card-body { padding: 0px 12px 8px 12px; } .t-Cards.t-Cards--block.t-Cards--displayIcons.t-Cards--iconsRounded .t-Icon, .t-Cards.t-Cards--block.t-Cards--displayInitials.t-Cards--iconsRounded .t-Icon { border-radius:10px; } .t-Cards.t-Cards--block.t-Cards--displayIcons.t-Cards--iconsSquare .t-Icon, .t-Cards.t-Cards--block.t-Cards--displayInitials.t-Cards--iconsSquare .t-Icon { border-radius:unset; } .t-Cards.t-Cards--block .t-Card-subtitle { margin-top:0px; } .t-Cards.t-Cards--block .t-Card-subtitle { margin-bottom:8px !important; margin-top:-12px; } /* [8.5 COMPACT] */ .t-Cards.t-Cards--compact.t-Cards--displaySubtitle .t-Card-subtitle { display:block !important; } .t-Cards.t-Cards--compact .t-Card-wrap { padding:0px; } .t-Cards.t-Cards--compact .t-Card-titleWrap { padding:0px 48px 0px 8px; } .t-Cards.t-Cards--compact.t-Cards--displayIcons .t-Card-icon, .t-Cards.t-Cards--compact.t-Cards--displayInitials .t-Card-icon { border-radius: 100%; width: 30px; height: 30px; position: absolute; right: 10px; top:10px; } .t-Cards.t-Cards--compact.t-Cards--displaySubtitle.t-Cards--displayIcons .t-Card-icon, .t-Cards.t-Cards--compact.t-Cards--displaySubtitle.t-Cards--displayInitials .t-Card-icon { top:15px; } .t-Cards.t-Cards--compact.t-Cards--hideBody.t-Cards--displaySubtitle .t-Card-icon { top:13px; } .t-Cards.t-Cards--compact.t-Cards--displayIcons .t-Icon { font-size:16px !important; } .t-Cards.t-Cards--compact .t-Card-initials { font-size:16px; margin-bottom:4px; } .t-Cards.t-Cards--compact.t-Cards--displayIcons.t-Cards--iconsRounded .t-Card-icon, .t-Cards.t-Cards--compact.t-Cards--displayInitials.t-Cards--iconsRounded .t-Card-icon { border-radius:10px; } .t-Cards.t-Cards--compact.t-Cards--displayIcons.t-Cards--iconsSquare .t-Card-icon, .t-Cards.t-Cards--compact.t-Cards--displayInitials.t-Cards--iconsSquare .t-Card-icon { border-radius:unset; } .t-Cards--compact .t-Card-title { font-size:20px !important; line-height:3rem; } .t-Cards.t-Cards--compact.t-Cards--hideBody .t-Card-title { margin-bottom:0px; } .t-Cards.t-Cards--compact .t-Card-subtitle { margin-bottom:8px; } .t-Cards.t-Cards--compact.t-Cards--hideBody.t-Cards--displaySubtitle .t-Card-subtitle { margin-bottom: 10px; } /* [8.6 FEATURED] */ .t-Cards.t-Cards--featured:not(.t-Cards--block) .t-Card-wrap { padding:0px; } .t-Cards.t-Cards--featured:not(.t-Cards--block) .t-Card-footer { height:10px; display:block; } .t-Cards.t-Cards--featured.t-Cards--displayIcons .t-Card-icon, .t-Cards.t-Cards--featured.t-Cards--displayInitials .t-Card-icon { align-items:center; justify-content:center; margin:0px; padding:10px; border-radius:unset; width:auto; height:auto; position:initial; } .t-Cards.t-Cards--featured.t-Cards--displayIcons .t-Icon, .t-Cards.t-Cards--featured.t-Cards--displayInitials .t-Icon { text-shadow:unset; width:64px; height:64px; background-color:rgba(0,0,0,0.1); border-radius:100%; } .t-Cards.t-Cards--featured.t-Cards--displayIcons .t-Card-icon.outline .t-Icon, .t-Cards.t-Cards--featured.t-Cards--displayInitials .t-Card-icon.outline .t-Icon { background-color:rgba(255,255,255,0.9); } .t-Cards.t-Cards--featured .t-Card-titleWrap { padding:12px; } .t-Cards.t-Cards--featured.t-Cards--displayIcons.t-Cards--iconsRounded .t-Icon, .t-Cards.t-Cards--featured.t-Cards--displayInitials.t-Cards--iconsRounded .t-Icon { border-radius:10px; } .t-Cards.t-Cards--featured.t-Cards--displayIcons.t-Cards--iconsSquare .t-Icon, .t-Cards.t-Cards--featured.t-Cards--displayInitials.t-Cards--iconsSquare .t-Icon { border-radius:unset; } .t-Cards.t-Cards--featured .t-Card-subtitle { margin-top:0px; } .t-Cards.t-Cards--featured.t-Cards--hideBody .t-Card-subtitle { margin-bottom:8px; margin-top:-12px; } /* [8.7 CONTACT CARDS] */ .contact_card .t-Card, .contact_card_basic .t-Card { display:block !important; } .contact_card .t-Card .t-Card-titleWrap, .contact_card_basic .t-Card .t-Card-titleWrap { min-height:75px; } .contact_card .t-Card .t-Card-title, .contact_card_basic .t-Card .t-Card-title { width: 60%; } .contact_card .t-Card-body { min-height: 110px; margin-bottom:15px; } .contact_card .t-Card .t-Card-footer { max-height:25px; display:block; padding: 5px 10px; margin-bottom:8px; position:absolute; bottom:0; right:0; width:100%; } .contact_card.t-Cards-item, .contact_card_basic.t-Cards-item { margin-top:15px; } .contact_card .blok1, .contact_card .blok2, .contact_card .blok3 { margin-bottom:10px; } /*.contact_card .t-Card .t-Card-title,*/ .contact_card_basic .t-Card .t-Card-title { margin-top: 12px; } /* [8.8 FOTO CARDS] */ .t-Cards.t-Cards--basic .foto_card .t-Card-titleWrap { height:170px; padding:60px 10px 15px 10px !important; } .t-Cards.t-Cards--basic .foto_card .t-Card-title { font-size:14px !important; font-weight:bold; text-transform:uppercase; } .t-Cards.t-Cards--basic .foto_card .t-Card-subtitle { font-size:13px !important; margin-top:-6px; } .t-Cards.t-Cards--basic .foto_card .t-Card-body { margin-bottom:0px !important; margin-top:0px !important; padding-top:0px !important; } .t-Cards.t-Cards--basic .foto_card .t-Card-body { min-height:20px; } .t-Cards.t-Cards--basic .foto_card .t-Card-desc { margin-top:16px; font-weight:normal; } /*foto card fact*/ .foto_card_fact {width:12.5%;} .foto_card_fact .img_td {padding-top:15px;} .foto_card_fact .t-Card-title { color: var(--obasi-blue); font-weight: bold !important; font-size:13px !important;} .foto_card_fact .t-Card-subtitle { color: var(--dark);} .t-Cards.t-Cards--basic .foto_card_fact .t-Card-desc {font-weight:normal;} .t-Cards.t-Cards--basic .t-Card-titleWrap {padding: 10px 15px 5px 10px !important;} /*minimal foto card*/ .foto_card_minimal {width:12.5%;} .foto_card_minimal .img_td {padding-top:15px;} .foto_card_minimal .t-Card-wrap {padding-bottom:15px !important;} .foto_card_minimal .t-Card-title { color: var(--obasi-blue); font-weight: bold !important; font-size:13px !important;} .foto_card_minimal .t-Card-subtitle { color: var(--dark);} .t-Card-wrap.dark {outline:5px solid var(--dark); outline-offset:-5px;} .t-Card-wrap.grey {outline:5px solid var(--dark-silver); outline-offset:-5px;} .t-Card-wrap.purple {outline:5px solid var(--tinkywinky); outline-offset:-5px;} .t-Card-wrap.pink {outline:5px solid var(--fuchsia); outline-offset:-5px;} .t-Card-wrap.blue {outline:5px solid var(--obasi-blue); outline-offset:-5px;} .t-Card-wrap.green {outline:5px solid var(--obasi-green); outline-offset:-5px;} .t-Card-wrap.yellow {outline:5px solid var(--kaese); outline-offset:-5px;} .t-Card-wrap.orange {outline:5px solid var(--pumpkin); outline-offset:-5px;} .t-Card-wrap.red {outline:5px solid var(--danger); outline-offset:-5px;} /* [8.9 FACTUUR CARDS] */ .t-Card.factuur {min-height:125px;} .t-Card.factuur .factuur_card_bedrag { float:right; font-weight:bold; font-size:25px; margin-right:12px; opacity:0.7; } .t-Card.factuur .t-Card-icon .t-Icon { border-width:4px; } .t-Cards.t-Cards--basic .t-Card.factuur .t-Card-titleWrap { padding:0px 15px 0px 75px !important; } .t-Cards.t-Cards--basic .t-Card.factuur .t-Card-body { padding:12px 8px 10px 0px !important ; } .t-Card.factuur .factuur_card_datum { margin-top:0px; } .t-Card.factuur .t-Card-title { font-weight:bold; font-size:18px !important; color:var(--obasi-blue); margin-top:5px; } .t-Card.factuur .factuur_card_desc { margin-top:5px; font-weight:bold; opacity: 0.6; } .t-Card.factuur .factuur_card_url { text-align:right; padding-top:15px; padding-right:16px; } .t-Card.factuur .t-Card-info { text-align:right; font-size:11px; padding-right:12px; } /* [8.10 EXTRAS] */ /* [8.11 RIBBONS] */ /*Algemeen*/ .ribbon_groep_rechts { position:absolute; right:15px; top:-6px; width:95%; z-index: 100; } .ribbon_groep_links { position:absolute; left:15px; top:-6px; width:95%; z-index: 100; } .ribbon_groep_rechts.above_tbl{ position:relative; right:10px; top:15px; width:100%; } .ribbon_groep_links.above_tbl{ position:relative; left:10px; top:15px; width:100%; } .ribbon_groep_rechts .ribbon { float:right; margin-left:5px; display:inline-flex; } .ribbon_groep_links .ribbon { float:left; margin-right:5px; display:inline-flex; } .ribbon_groep_rechts .ribbon span, .ribbon_groep_links .ribbon span { margin:auto; } .ribbon { font-size:16px; width:30px; height:30px; } .ribbon, .ribbon.ibtn { background-color:var(--broken-white); } .ribbon.left { float:left; } .ribbon.right { float:right; } .ribbon.shadow, .ribbon.ibtn.shadow { box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.4) !important; } .ribbon.link { cursor:pointer; } .ribbon .ribbon-sub { height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: -1; } /*Square ribbon*/ .ribbon.square, .ribbon.square.ibtn { color: var(--broken-white) !important; } .ribbon.square.dark { background-color: var(--dark); } .ribbon.square.grey { background-color: var(--dark-silver); } .ribbon.square.blue { background-color: var(--obasi-blue); } .ribbon.square.green { background-color: var(--obasi-green); } .ribbon.square.green2 { background-color: var(--moss); } .ribbon.square.orange { background-color: var(--pumpkin); } .ribbon.square.yellow { background-color: var(--corndog); } .ribbon.square.purple { background-color: var(--tinkywinky); } .ribbon.square.pink { background-color: var(--fuchsia); } .ribbon.square.red { background-color: var(--danger); } .ribbon.outline, .ribbon.outline.ibtn { background-color:var(--ghost); } /*Square-bordered ribbon*/ .ribbon.outline, .ribbon.outline.ibtn { color: var(--dark) !important; background-color:var(--ghost); } .ribbon.outline.dark { border:3px solid var(--dark); } .ribbon.outline.grey { border:3px solid var(--dark-silver); } .ribbon.outline.blue { border:3px solid var(--obasi-blue); } .ribbon.outline.green { border:3px solid var(--obasi-green); } .ribbon.outline.green2 { border:3px solid var(--moss); } .ribbon.outline.orange { border:3px solid var(--pumpkin); } .ribbon.outline.yellow { border:3px solid var(--corndog); } .ribbon.outline.purple { border:3px solid var(--tinkywinky); } .ribbon.outline.pink { border:3px solid var(--fuchsia); } .ribbon.outline.red { border:3px solid var(--danger); } /*Circle ribbon*/ .ribbon.circle { border-radius:100%; color:var(--dark); padding:3px; margin:3px; background:var(--ghost); } .ribbon.circle.dark { border:2px solid var(--dark); } .ribbon.circle.grey { border:2px solid var(--dark-silver); } .ribbon.circle.blue { border:2px solid var(--obasi-blue); } .ribbon.circle.green { border:2px solid var(--obasi-green); } .ribbon.circle.green2 { border:2px solid var(--ivy); } .ribbon.circle.orange { border:2px solid var(--pumpkin); } .ribbon.circle.yellow { border:2px solid var(--corndog); } .ribbon.circle.purple { border:2px solid var(--tinkywinky); } .ribbon.circle.pink { border:2px solid var(--fuchsia); } .ribbon.circle.red { border:2px solid var(--danger); } /* [8.12 TEGELS] */ .tile { margin: 0px 0px 8px 0px; border-radius: 10px; display: block; overflow:hidden; float:left; width:195px; text-align:center; } .tile:hover{ cursor: pointer; } .tile_label { font-size: 13px; height: 40px; } .tile_icon { padding: 8px; } .tile_icon:hover{ border-radius: 10px 10px 0px 0px; } /* [8.13 HCF-CARD] */ .hcf_card .t-Card { display:block !important; } .hcf_card .t-Card .t-Card-titleWrap { min-height:75px; text-align:left; display:block; padding-left:20px; } .hcf_card .t-Card .t-Card-title { width: 60%; } .hcf_card .t-Card-body { padding:10px 10px 50px 10px; } .hcf_card .t-Card .t-Card-footer { min-height:25px !important; border-top:1px solid var(--light-grey); display:block; padding: 7px 10px; margin-bottom:8px; position:absolute; bottom:7px; right:0; width:100%; } .hcf_card.t-Cards-item { margin-top:15px; } .hcf_card .blok1, .hcf_card .blok2, .hcf_card .blok3 { margin-bottom:10px; } .hcf_card .t-Card .t-Card-title { margin-top: 12px; } /* [9 AGENDA / KALENDER] */ /*Algemeen*/ .fc-toolbar { border:none; } .fc-toolbar h2 { font-weight:bold; font-size:20px; } .fc-view:active, .fc-view:focus { outline:0; } /*Agenda-items*/ .fc-time-grid-event:hover { cursor:pointer; } .fc-event .fc-bg { opacity:0.0 !important; } .fc-month-view .fc-day-number { cursor:pointer; } /*Samenvoegen agendatype filters*/ .fc .fc-button-group > :last-child { margin-left: -1px !important; } /*Default button styling*/ .fc .ui-button:hover, .fc .ui-button:focus { outline:0px; } .fc-right .ui-button:active, .fc-right .ui-button.ui-state-active { outline:0px; } /*Agenda header*/ .fc-time span { font-size:85%; } /*Tekst opties*/ .vet .fc-title { font-weight: bold !important; } .doorstrepen .fc-title { text-decoration: line-through !important; } .cursief .fc-title { font-style: italic !important; } .onderstrepen .fc-title { text-decoration: underline !important; } /* [10. ELEMENTEN] */ /* [10.1 TIMELINE] */ .tijdslijn_compact .t-Region-body { padding-bottom: 0px; } .t-Timeline--compact .t-Timeline-content, .t-Timeline--compact .t-Timeline-user { padding: 0px !important; /*eerder 8px, aanpassing nieuwe versie timeline*/ } .t-Timeline--compact .t-Timeline-content { display:unset !important; } .t-Timeline.minimaxi_badge .t-Timeline-body { padding-top:0px !important; } .t-Timeline.minimaxi_nobadge .t-Timeline-body { padding: 10px 8px !important; } .t-Timeline--compact .t-Timeline-desc { white-space:pre-wrap; margin-top:5px !important; } .t-Timeline--compact .t-Timeline-type { /*min-width:120px; aanpassing nieuwe versie timeline*/ padding:5px 8px !important; background-color: transparent !important; } .t-Timeline--compact .t-Timeline-typeWrap { float:right; } .t-Timeline--compact .t-Timeline-title{ line-height:18px !important; margin: 0px !important; color:var(--obasi-blue); } .t-Timeline-title { font-size: 14px; line-height: 18px; } .t-Timeline-item:hover { cursor:pointer; } .t-Timeline + .t-Report-pagination { border-top:none !important; } .dashboardblok > .t-Region-bodyWrap > .t-Region-body .t-Timeline-content table{ margin-top:0px !important; } /* [10.2 ALERTIFY / ALERT NOTIFICATION] */ /*Alertify*/ .alertify, .alertify-log { border:7px solid !important; border-radius: 5px !important; font-family : arial !important; padding:10px !important; text-shadow:none !important; } .alertify-log { text-align:center !important; } .alertify-button { background-image:none !important; border-radius: 2px !important; box-shadow:none !important; min-width:70px; text-shadow:unset !important; } .alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus { border:none !important; } .alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus { border:none !important; } .alertify-dialog { padding:5px !important; } .alertify-button { margin: 5px; } .alertify-message { font-size: 14px; font-weight: bold; /*margin-bottom: 30px;*/ max-height: 500px; overflow-y: auto; } /*Alertify-confirm cancel button*/ .alertifyCloseBtn { position:absolute; top:10px; right:10px; } /*Alert notification*/ #t_Alert_Notification { display: block !important; margin-bottom:25px; } #t_Alert_Notification .t-Alert-wrap { padding: 0px !important; } #t_Alert_Notification .t-Alert-content { padding: 0px !important; } .t-Alert--page .a-Notification-item::before, .t-Alert--page .a-Notification-item::marker { visibility: hidden !important; } .t-Alert--page .t-Alert-title { font-size:14px !important; } .t-Alert--page .a-Notification-list { padding:0px !important; } .a-Button.a-Button--notification { background: transparent; border: 1px solid var(--dark-silver); } .a-Button.a-Button--notification { box-shadow: none; margin: 21px 0px 0px 0px; padding: 4px 8px; } .a-Button.a-Button--notification > span { font-size: 20px; } .aErrMsgTitle { display:none !important; } .htmldbStdErr, .t-Alert--page .a-Notification-item { list-style:none !important; } .t-Alert--page .a-Notification-item { font-size: 14px; margin: .4rem 2.4rem .4rem 2.4rem; } .t-Alert--page .a-Notification-list { max-height: max-content !important; overflow: auto; } .a-Notification-item:has(span) { text-align:left !important; } /*Page alert*/ .t-Alert--page { padding:0px 10px; } .t-Alert--page .t-Button--closeAlert { position:absolute; min-width:0; right:0px !important; top:0px !important; } /*Icons in alert*/ .t-Alert-icon, .t-Alert-icon .t-Icon { font-weight:bold !important; font-size:35px !important; } /* [10.3 BADGES] */ /*Algemeen*/ .t-BadgeList-item:before, .t-BadgeList-item:after { content:unset !important; } .t-BadgeList-label { font-weight:bold; } .t-BadgeList-item a, .t-BadgeList-item a:hover, .t-BadgeList--circular .t-BadgeList-value a, .t-BadgeList--circular .t-BadgeList-value a:hover { box-shadow:unset; font-weight:bold; background: transparent; } a.t-BadgeList-wrap:focus, a.t-BadgeList-wrap:focus .t-BadgeList-value, a.t-BadgeList-wrap:hover .t-BadgeList-value, .t-BadgeList-wrap:focus-within, a.t-BadgeList-wrap:hover::before, a.t-BadgeList-wrap:hover::after { box-shadow:unset !important; background-color:transparent !important; color:inherit !important; } /*Kleuren*/ .t-BadgeList--circular .badge.grey .t-BadgeList-value { border-color:var(--dark-silver) !important; } .t-BadgeList--circular .badge.dark .t-BadgeList-value { border-color:var(--dark) !important; } .t-BadgeList--circular .badge.purple .t-BadgeList-value { border-color:var(--sparkles) !important; } .t-BadgeList--circular .badge.pink .t-BadgeList-value { border-color:var(--piggy) !important; } .t-BadgeList--circular .badge.blue .t-BadgeList-value { border-color:var(--obasi-blue) !important; } .t-BadgeList--circular .badge.green .t-BadgeList-value { border-color:var(--obasi-green) !important; } .t-BadgeList--circular .badge.yellow .t-BadgeList-value { border-color:var(--kaese) !important; } .t-BadgeList--circular .badge.orange .t-BadgeList-value { border-color:var(--pumpkin) !important; } .t-BadgeList--circular .badge.red .t-BadgeList-value { border-color:var(--danger) !important; } .t-BadgeList--circular .badge.grey .t-BadgeList-label { color:var(--dark-silver) !important; } .t-BadgeList--circular .badge.dark .t-BadgeList-label { color:var(--dark) !important; } .t-BadgeList--circular .badge.purple .t-BadgeList-label { color:var(--sparkles) !important; } .t-BadgeList--circular .badge.pink .t-BadgeList-label { color:var(--fuchsia) !important; } .t-BadgeList--circular .badge.blue .t-BadgeList-label { color:var(--obasi-blue) !important; } .t-BadgeList--circular .badge.green .t-BadgeList-label { color:var(--obasi-green) !important; } .t-BadgeList--circular .badge.yellow .t-BadgeList-label { color:var(--kaese) !important; } .t-BadgeList--circular .badge.orange .t-BadgeList-label { color:var(--pumpkin) !important; } .t-BadgeList--circular .badge.red .t-BadgeList-label { color:var(--danger) !important; } .t-BadgeList--circular .badge.grey a.t-BadgeList-wrap, .t-BadgeList--circular .badge.grey a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.grey .t-BadgeList-value a, .t-BadgeList--circular .badge.grey .t-BadgeList-value a:hover { color:var(--grey-gallery)!important; } .t-BadgeList--circular .badge.dark a.t-BadgeList-wrap, .t-BadgeList--circular .badge.dark a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.dark .t-BadgeList-value a, .t-BadgeList--circular .badge.dark .t-BadgeList-value a:hover { color:var(--dark)!important; } .t-BadgeList--circular .badge.purple a.t-BadgeList-wrap, .t-BadgeList--circular .badge.purple a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.purple .t-BadgeList-value a, .t-BadgeList--circular .badge.purple .t-BadgeList-value a:hover { color:var(--tinkywinky)!important; } .t-BadgeList--circular .badge.pink a.t-BadgeList-wrap, .t-BadgeList--circular .badge.pink a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.pink .t-BadgeList-value a, .t-BadgeList--circular .badge.pink .t-BadgeList-value a:hover { color:var(--fuchsia)!important; } .t-BadgeList--circular .badge.blue a.t-BadgeList-wrap, .t-BadgeList--circular .badge.blue a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.blue .t-BadgeList-value a, .t-BadgeList--circular .badge.blue .t-BadgeList-value a:hover { color:var(--dark-blue)!important; } .t-BadgeList--circular .badge.green a.t-BadgeList-wrap, .t-BadgeList--circular .badge.green a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.green .t-BadgeList-value a, .t-BadgeList--circular .badge.green .t-BadgeList-value a:hover { color:var(--moss)!important; } .t-BadgeList--circular .badge.yellow a.t-BadgeList-wrap, .t-BadgeList--circular .badge.yellow a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.yellow .t-BadgeList-value a, .t-BadgeList--circular .badge.yellow .t-BadgeList-value a:hover { color:var(--corndog)!important; } .t-BadgeList--circular .badge.orange a.t-BadgeList-wrap, .t-BadgeList--circular .badge.orange a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.orange .t-BadgeList-value a, .t-BadgeList--circular .badge.orange .t-BadgeList-value a:hover { color:var(--rusty)!important; } .t-BadgeList--circular .badge.red a.t-BadgeList-wrap, .t-BadgeList--circular .badge.red a.t-BadgeList-wrap:hover, .t-BadgeList--circular .badge.red .t-BadgeList-value a, .t-BadgeList--circular .badge.red .t-BadgeList-value a:hover { color:var(--dry-blood)!important; } .t-BadgeList--dash .badge.grey .t-BadgeList-label { color:var(--grey-gallery) !important; } .t-BadgeList--dash .badge.dark .t-BadgeList-label { color:var(--dark) !important; } .t-BadgeList--dash .badge.purple .t-BadgeList-label { color:var(--tinkywinky) !important; } .t-BadgeList--dash .badge.pink .t-BadgeList-label { color:var(--fuchsia) !important; } .t-BadgeList--dash .badge.blue .t-BadgeList-label { color:var(--dark-blue) !important; } .t-BadgeList--dash .badge.green .t-BadgeList-label { color:var(--moss) !important; } .t-BadgeList--dash .badge.yellow .t-BadgeList-label { color:var(--corndog) !important; } .t-BadgeList--dash .badge.orange .t-BadgeList-label { color:var(--rusty) !important; } .t-BadgeList--dash .badge.red .t-BadgeList-label { color:var(--dry-blood) !important; } .t-BadgeList--dash .badge.grey a.t-BadgeList-wrap, .t-BadgeList--dash .badge.grey a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.grey .t-BadgeList-value a, .t-BadgeList--dash .badge.grey .t-BadgeList-value a:hover { border-color:var(--dark-silver) !important; color:var(--grey-gallery)!important; } .t-BadgeList--dash .badge.dark a.t-BadgeList-wrap, .t-BadgeList--dash .badge.dark a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.dark .t-BadgeList-value a, .t-BadgeList--dash .badge.dark .t-BadgeList-value a:hover { border-color:var(--dark) !important; color:var(--dark)!important; } .t-BadgeList--dash .badge.purple a.t-BadgeList-wrap, .t-BadgeList--dash .badge.purple a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.purple .t-BadgeList-value a, .t-BadgeList--dash .badge.purple .t-BadgeList-value a:hover { border-color:var(--sparkles) !important; color:var(--tinkywinky)!important; } .t-BadgeList--dash .badge.pink a.t-BadgeList-wrap, .t-BadgeList--dash .badge.pink a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.pink .t-BadgeList-value a, .t-BadgeList--dash .badge.pink .t-BadgeList-value a:hover { border-color:var(--piggy) !important; color:var(--fuchsia)!important; } .t-BadgeList--dash .badge.blue a.t-BadgeList-wrap, .t-BadgeList--dash .badge.blue a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.blue .t-BadgeList-value a, .t-BadgeList--dash .badge.blue .t-BadgeList-value a:hover { border-color:var(--obasi-blue) !important; color:var(--dark-blue)!important; } .t-BadgeList--dash .badge.green a.t-BadgeList-wrap, .t-BadgeList--dash .badge.green a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.green .t-BadgeList-value a, .t-BadgeList--dash .badge.green .t-BadgeList-value a:hover { border-color:var(--obasi-green) !important; color:var(--moss)!important; } .t-BadgeList--dash .badge.yellow a.t-BadgeList-wrap, .t-BadgeList--dash .badge.yellow a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.yellow .t-BadgeList-value a, .t-BadgeList--dash .badge.yellow .t-BadgeList-value a:hover { border-color:var(--kaese) !important; color:var(--corndog)!important; } .t-BadgeList--dash .badge.orange a.t-BadgeList-wrap, .t-BadgeList--dash .badge.orange a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.orange .t-BadgeList-value a, .t-BadgeList--dash .badge.orange .t-BadgeList-value a:hover { border-color:var(--pumpkin) !important; color:var(--rusty)!important; } .t-BadgeList--dash .badge.red a.t-BadgeList-wrap, .t-BadgeList--dash .badge.red a.t-BadgeList-wrap:hover, .t-BadgeList--dash .badge.red .t-BadgeList-value a, .t-BadgeList--dash .badge.red .t-BadgeList-value a:hover { border-color:var(--danger) !important; color:var(--dry-blood)!important; } .t-BadgeList--circular .badge.grey .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.grey .t-BadgeList-wrap:focus-within { background-color: var(--ghost) !important; } .t-BadgeList--circular .badge.dark .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.dark .t-BadgeList-wrap:focus-within { background-color: var(--light-grey) !important; } .t-BadgeList--circular .badge.purple .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.purple .t-BadgeList-wrap:focus-within { background-color: var(--purple-mist) !important; } .t-BadgeList--circular .badge.pink .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.pink .t-BadgeList-wrap:focus-within { background-color: var(--purple-mist) !important; } .t-BadgeList--circular .badge.blue .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.blue .t-BadgeList-wrap:focus-within { background-color: var(--blue-mist) !important; } .t-BadgeList--circular .badge.green .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.green .t-BadgeList-wrap:focus-within { background-color: var(--green-mist) !important; } .t-BadgeList--circular .badge.yellow .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.yellow .t-BadgeList-wrap:focus-within { background-color: var(--orange-mist) !important; } .t-BadgeList--circular .badge.orange .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.orange .t-BadgeList-wrap:focus-within { background-color: var(--orange-mist) !important; } .t-BadgeList--circular .badge.red .t-BadgeList-value a:hover, .t-BadgeList--dash .badge.red .t-BadgeList-wrap:focus-within { background-color: var(--red-mist) !important; } /*Achtergrond kleuren bij geslecteerde badge*/ .t-BadgeList-item.badge.grey.focus a, .t-BadgeList-item.badge.grey.focus a .t-BadgeList-value {background-color:var(--ghost);} .t-BadgeList-item.badge.dark.focus a, .t-BadgeList-item.badge.dark.focus a .t-BadgeList-value {background-color:var(--light-grey);} .t-BadgeList-item.badge.purple.focus a, .t-BadgeList-item.badge.purple.focus a .t-BadgeList-value {background-color:var(--purple-mist);} .t-BadgeList-item.badge.pink.focus a, .t-BadgeList-item.badge.pink.focus a .t-BadgeList-value {background-color:var(--purple-mist);} .t-BadgeList-item.badge.blue.focus a, .t-BadgeList-item.badge.blue.focus a .t-BadgeList-value {background-color:var(--blue-mist);} .t-BadgeList-item.badge.green.focus a, .t-BadgeList-item.badge.green.focus a .t-BadgeList-value {background-color:var(--green-mist);} .t-BadgeList-item.badge.yellow.focus a, .t-BadgeList-item.badge.yellow.focus a .t-BadgeList-value {background-color:var(--orange-mist);} .t-BadgeList-item.badge.orange.focus a, .t-BadgeList-item.badge.orange.focus a .t-BadgeList-value {background-color:var(--orange-mist);} .t-BadgeList-item.badge.red.focus a, .t-BadgeList-item.badge.red.focus a .t-BadgeList-value {background-color:var(--red-mist);} /*Circular afmetingen*/ .t-BadgeList--circular.t-BadgeList--small .t-BadgeList-value { width: 32px; height: 32px; line-height: 28px; font-size: 12px; border:2px solid; } .t-BadgeList--circular.t-BadgeList--medium .t-BadgeList-value { width: 48px; height: 48px; line-height: 38px; font-size: 16px; border:4px solid; } .t-BadgeList--circular.t-BadgeList--large .t-BadgeList-value { width: 64px; height: 64px; line-height: 46px; font-size: 20px; border:7px solid; } .t-BadgeList--circular.t-BadgeList--xlarge .t-BadgeList-value { width: 96px; height: 96px; line-height: 72px; font-size: 24px; border:10px solid; } .t-BadgeList--circular.t-BadgeList--xxlarge .t-BadgeList-value { width: 128px; height: 128px; line-height: 92px; font-size: 32px; border:15px solid; } /*Grid afmetingen*/ .t-BadgeList--dash.t-BadgeList--small a.t-BadgeList-wrap { border:2px solid; height:70px; padding:10px; } .t-BadgeList--dash.t-BadgeList--medium a.t-BadgeList-wrap { border:4px solid; height:90px; padding:10px; } .t-BadgeList--dash.t-BadgeList--large a.t-BadgeList-wrap { border:7px solid; height:110px; padding:10px; } .t-BadgeList--dash.t-BadgeList--xlarge a.t-BadgeList-wrap { border:10px solid; height:130px; padding:0px; } .t-BadgeList--dash.t-BadgeList--xxlarge a.t-BadgeList-wrap { border:15px solid; height:170px; padding:0px; } .t-BadgeList--dash.t-BadgeList--small .t-BadgeList-label { font-size:12px !important; } .t-BadgeList--dash.t-BadgeList--medium .t-BadgeList-label { font-size:16px !important; } .t-BadgeList--dash.t-BadgeList--large .t-BadgeList-label { font-size:20px !important; } .t-BadgeList--dash.t-BadgeList--xlarge .t-BadgeList-label { font-size:24px !important; } .t-BadgeList--dash.t-BadgeList--xxlarge .t-BadgeList-label { font-size:32px !important; } /* [10.4 TREE] */ .tree .menu span{ margin-left:15px; } .tree_icon, .tree_icon::before { margin-right:15px; font-size:20px !important; margin-top:-2px; } .tree_item { cursor:pointer; line-height:1.2; position:relative; } .tree_item font { display:inline-flex; margin-top:8px; margin-bottom:6px; } .tree .tree_item font content { width:85%; } .tree_item ul { margin-top:0px; margin-bottom:0px; } .tree_map { font-weight:bold; } .tree_pijl { position:absolute; right:15px;; } ul.tree { margin:0rem !important; padding:0 !important; } .sub_tree { margin-left:0px; margin-right:0px; } ul.tree li { list-style-type:none; } ul.tree li.menu { border-top:none; font-weight:600; text-align:right; margin-bottom:5px; } ul.tree > li:last-child { border-bottom:1px solid var(--silver); } .tree_selected { font-weight: bold !important; } /* [10.5 SORTERING] */ .sortcrumb { font: 17px Helvetica, Arial, Sans-Serif; list-style: none; margin: 0px; overflow: hidden; padding: 0; position: relative; margin-top:1px; } .sortcrumb em { display: block; font-size: 0.9em; } .sortcrumb li { float: left; } .sortcrumb li em { cursor: default; padding: 10px 0 10px 55px; position: relative; text-decoration: none; margin-bottom:-5px; margin-top:-5px; line-height:1em; } .sortcrumb li em:after { border-bottom: 50px solid transparent; border-top: 50px solid transparent; content: " "; left: 100%; margin-top: -50px; position: absolute; top: 50%; z-index: 2; } .sortcrumb li em:before { border-bottom: 50px solid transparent; border-top: 50px solid transparent; content: " "; left: 100%; margin-left: 1px; margin-top: -50px; position: absolute; top: 50%; z-index: 1; } .sortcrumb li:last-child em { cursor: default; padding-left: 45px; padding-right: 20px; } /* [10.6 ] PRETIUS NESTED REPORT*/ td > .rowDetailsContainer { padding:0px !important; } /* [10.7 FLEXBOX] */ .list { align-items: stretch; display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-wrap: wrap; -moz-box-direction: normal; -moz-box-orient: horizontal; flex-direction: row; -ms-flex-direction: row; -ms-flex-wrap: wrap; -webkit-align-items: stretch; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; } .list-item { display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; } /* [10.8 COUNTERS] */ .tot_counter { border-radius: 2px; font-weight: bold; margin-left:10px; padding: 2px 6px; margin-right:2px; } .tot_counter.dark { background-color: var(--dark); color: var(--broken-white); } .tot_counter.grey { background-color: var(--dark-silver); color: var(--broken-white); } .tot_counter.blue { background-color: var(--obasi-blue); color: var(--broken-white); } .tot_counter.green { background-color: var(--obasi-green); color: var(--broken-white); } .tot_counter.orange { background-color: var(--pumpkin); color: var(--broken-white); } .tot_counter.yellow { background-color: var(--corndog); color: var(--broken-white); } .tot_counter.purple { background-color: var(--tinkywinky); color: var(--broken-white); } .tot_counter.pink { background-color: var(--fuchsia); color: var(--broken-white); } .tot_counter.red { background-color: var(--danger); color: var(--broken-white); } /* [10.9 LOADING SPINNER] */ #cover-spin { background-color: rgba(0,0,0,0.6); bottom:0; left:0; position:fixed; right:0; top:0; width:100%; z-index:9999; } @-webkit-keyframes spin { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } /* [10.10 TOOLTIP] */ /*Default*/ .tooltip { z-index: 10000; position: absolute; top: 0px; font-weight: bold; left: 24px; border-radius: 4px; font-size: 14px; padding: 10px; width: max-content; max-width: 50%; height:max-content; line-height: 1.5; } /*Dark*/ .tooltip.dark { border: 2px solid var(--dark); background: var(--dark); color: var(--broken-white); } /*Blue*/ .tooltip.blue { border: 2px solid var(--obasi-blue); background: var(--obasi-blue); color: var(--broken-white); } /*Green*/ .tooltip.green { border: 2px solid var(--obasi-green); background: var(--obasi-green); color: var(--broken-white); } /*Orange*/ .tooltip.orange { border: 2px solid var(--pumpkin); background: var(--pumpkin); color: var(--broken-white); } /*Yellow*/ .tooltip.yellow { border: 2px solid var(--corndog); background: var(--corndog); color: var(--broken-white); } /*Purple*/ .tooltip.purple { border: 2px solid var(--tinkywinky); background: var(--tinkywinky); color: var(--broken-white); } /*Pink*/ .tooltip.pink { border: 2px solid var(--fuchsia); background: var(--fuchsia); color: var(--broken-white); } /*Red*/ .tooltip.red { border: 2px solid var(--danger); background: var(--danger); color: var(--broken-white); } /*MCB TOOLTIP*/ .mcb_tooltip { position: relative; display: inline-block; } .mcb_tooltip .mcb_tooltiptext { visibility: hidden; z-index: 10000; position: absolute; bottom: 0px; font-weight: bold; border-radius: 6px; padding: 5px; width: 260px; left: -265px; height:max-content; line-height: 1.5; border: 2px solid var(--dark); background: var(--dark); color: var(--broken-white); opacity: 0; transition: opacity 1s; } .mcb_tooltip .mcb_tooltiptext::after { content: ""; position: absolute; top: 100%; margin-left: -5px; border: 2px solid var(--dark); } .mcb_tooltip:hover .mcb_tooltiptext { visibility: visible; opacity: 1; } /* [10.11 SCROLLBAR] */ /*CHROME / SAFARI */ ::-webkit-scrollbar { width: auto; /*8px;*/ } ::-webkit-scrollbar-thumb:hover { width: auto; /*10px;*/ } /*FIREFOX ::-moz-scrollbar { width: 8px; } ::-moz-scrollbar-thumb:hover { width: 10px; } /* [10.12 TABSMENU] */ .t-Region .apex-rds a { height: 28px; } .t-Region .apex-rds a, .t-Region .a-Tabs a { border-radius: 2px; font-weight: normal; font-size: 95%; } .apex-rds .apex-rds-selected a, .a-Tabs .a-Tabs-selected a { border-radius: 0px; box-shadow: none; } .apex-rds a:focus, .a-Tabs a:focus { border-radius: 0px; box-shadow: none; } .apex-rds li, .a-Tabs li { margin-right: 10px; } .apex-rds .apex-rds-selected span, .a-Tabs .a-Tabs-selected span { box-shadow: unset; } .apex-rds-container { padding-bottom: 5px; } .apex-rds-item:hover, .t-Tabs-item:hover { background-color: transparent; border-radius: 0px; font-weight: bold; } .apex-rds a span, .a-Tabs a span, .apex-rds a { padding: 2px 5px !important; } .t-Tabs-link { padding: 5px 5px !important; } .apex-rds-hover.left, .apex-rds-hover.right { display:none !important; } .marked { } .p0.marked {padding:3px !important;} .marked .t-Report-cell { padding: 8px 10px !important; } .t-Button.marked { border:2px solid var(--obasi-green) !important; outline:unset !important; } .marked, .marked td, .t-Button.marked, .marked.even, .marked.oneven, .marked.even td, .marked.oneven td { } /* [10.13 LEGENDE] */ .legende_div { display:inline-block; cursor:pointer; border-left:2px solid var(--dark-silver); padding-left:5px; margin-bottom:5px;} .legende_div.no_click, .legende_div.noclick {cursor:default !important;} .legende_icon {display:inline-flex; } .legende_tekst { margin-right:10px; font-weight:bold; color:var(--dark-grey); display:inline-block; margin-left:5px;} .legende_div.infoBlokHighlight .legende_tekst {color:var(--pumpkin);} .legende_div .legende_icon.ribbon { margin: 0px 10px 0px 0px !important; width:23px !important; height:23px !important;} .legende_div .legende_icon span {margin:auto; font-size:20px !important;} .legende_div .legende_icon span:before {font-size:16px !important;} /*20px*/ .legende_div .legende_icon.boxed span, .legende_div .legende_icon.boxed span:before {font-size:12px !important;} /* [10.14 DROPZONE] */ /*standaard*/ .obasi_drop .dropzone { min-height: 50px !important; border:3px dashed var(--dark-silver) !important; background:var(--broken-white) !important; padding:0px !important; text-align:center; } .obasi_drop.grey .dropzone {border-color:var(--dark-silver) !important;} .obasi_drop.dark .dropzone {border-color:var(--dark) !important;} .obasi_drop.purple .dropzone {border-color:var(--tinkywinky) !important;} .obasi_drop.pink .dropzone {border-color:var(--fuchsia) !important;} .obasi_drop.blue .dropzone {border-color:var(--obasi-blue) !important;} .obasi_drop.green .dropzone {border-color:var(--obasi-green) !important;} .obasi_drop.yellow .dropzone {border-color:var(--kaese) !important;} .obasi_drop.orange .dropzone {border-color:var(--pumpkin) !important;} .obasi_drop.red .dropzone {border-color:var(--danger) !important;} .obasi_drop .dropzone .dz-preview .dz-image { border-radius:5px; width:100%; height:100%; } .obasi_drop .dropzone .dz-preview .dz-image img { width:100%; } .obasi_drop .dropzone { width:100px !important; height:100px !important; } .obasi_drop .dropzone .dz-message { text-align:center; margin:28px 15px; } .obasi_drop .dropzone .dz-message span span, .obasi_drop .dropzone .dz-message span span::before{ font-size:32px !important; } .obasi_drop .dropzone .dz-preview .dz-error-message, .obasi_drop .dropzone .dz-preview .dz-success-mark, .obasi_drop .dropzone .dz-preview .dz-error-mark { display:none; } .obasi_drop .dropzone .dz-preview { position:relative; display:inline-block; margin:10px; max-width:65%; max-height:90%; min-height:0px; } .obasi_drop .dropzone .dz-preview.dz-file-preview .dz-details, .obasi_drop .dropzone .dz-preview.dz-image-preview .dz-details { top:4px; left:-4px; font-size:12px; min-width:0px; max-width:80px; max-height:40px; padding: 0px; opacity:1 !important; } .obasi_drop .dropzone .dz-preview .dz-details .dz-size { margin-bottom:42px; font-size:13px; } .obasi_drop .dropzone .dz-preview .dz-remove { position:absolute; top:-8px; right:-10px; z-index:900; background:transparent; } .obasi_drop .dropzone .dz-preview .dz-progress { position:absolute; bottom:4px; width:80px; left:calc(50% - 40px); z-index:900; background:transparent; margin-top:0px; margin-left:0px; } .obasi_drop .dropzone .dz-preview .dz-details .dz-filename { pointer-events:none !important; } .obasi_drop .dz-error-mark g { opacity: 1 !important; fill: var(--danger) !important; fill-opacity: 1 !important; stroke: var(--danger) !important; } /*compact*/ .obasi_drop.compact .dropzone { width:100px !important; height:50px !important; } .obasi_drop.compact .dropzone .dz-message { margin:8px 0px; } .obasi_drop.compact .dropzone .dz-message span span, .obasi_drop.compact .dropzone .dz-message span span::before{ font-size:24px !important; } .obasi_drop.compact .dropzone .dz-preview .dz-details { display:none; } .obasi_drop.compact .dropzone .dz-preview { position:relative; display:inline-block; margin:2px; max-width:43%; max-height:90%; min-height:0px; } .obasi_drop.compact .dropzone .dz-preview .dz-remove { position:absolute; top:0px; right:-20px; z-index:900; background:transparent; } .obasi_drop.compact .dropzone .dz-preview .dz-progress { position:absolute; bottom:4px; width:80px; left:calc(50% - 40px); z-index:900; background:transparent; margin-top:0px; margin-left:0px; } /*stretchy*/ .obasi_drop.stretchy .dropzone { height: 60px !important; width: 100% !important; text-align: left; padding-left: 8px !important; padding-top: 5px !important; } .obasi_drop.stretchy .dropzone .dz-message { margin:5px 0px; } .obasi_drop.stretchy .dropzone .dz-message span span, .obasi_drop.compact .dropzone .dz-message span span::before{ font-size:24px !important; } .obasi_drop.stretchy .dropzone .dz-preview .dz-image { border-radius: 5px; width: 45px; height: 100%; top: 0px; margin-top: -2px; } .obasi_drop.stretchy .dropzone .dz-preview.dz-file-preview .dz-details, .obasi_drop.stretchy .dropzone .dz-preview.dz-image-preview .dz-details { top:0px; left:6px; font-size:12px; min-width:0px; max-width:80px; max-height:40px; padding: 0px; } .obasi_drop.stretchy .dropzone .dz-preview .dz-details .dz-size { position: absolute; top: 20px; left: 38px; min-width: 200px; text-align: left; margin-bottom:0px; } .obasi_drop.stretchy .dropzone .dz-preview .dz-details .dz-filename { position: absolute; top: 10px; left: 100px; } .obasi_drop.stretchy .dropzone .dz-preview { position:relative; display:inline-block; margin:2px; max-width:43%; max-height:90%; min-height:0px; } .obasi_drop.stretchy .dropzone .dz-preview .dz-remove { position:absolute; top:0px; right:-20px; z-index:900; background:transparent; } .obasi_drop.stretchy .dropzone .dz-preview .dz-progress { position:absolute; bottom:4px; width:80px; left:calc(50% - 40px); z-index:900; background:transparent; margin-top:0px; margin-left:0px; } /*large*/ .obasi_drop.large .dropzone { width:160px !important; height:160px !important; border-width:4px !important; } .obasi_drop.large .dropzone .dz-message { margin:50px 15px; } .obasi_drop.large .dropzone .dz-message span span, .obasi_drop.large .dropzone .dz-message span span::before{ font-size:48px !important; } .obasi_drop.large .dropzone .dz-preview { position:relative; display:inline-block; margin:20px 10px; max-width:65%; max-height:90%; min-height:0px; } .obasi_drop.large .dropzone .dz-preview .dz-details { top:8px; left:-20px; font-size:14px; min-width:0px; max-width:unset; padding: 0px; text-align:center; width:140px; } .obasi_drop.large .dropzone .dz-preview .dz-details .dz-size { margin-bottom:75px; font-size:14px; } .obasi_drop.large .dropzone .dz-preview .dz-remove { position:absolute; top:-10px; right:-12px; z-index:900; background:transparent; } .obasi_drop.large .dropzone .dz-preview .dz-remove span{ font-size:24px; } .obasi_drop.large .dropzone .dz-preview .dz-progress { position:absolute; bottom:4px; width:120px; left:calc(50% - 60px); z-index:900; background:transparent; margin-top:0px; margin-left:0px; } /* [10.15 SUPER LOV PLUGIN] */ .superlov-dialog .ui-dialog-titlebar-close { display:block !important; } .plugin-com-skillbuilders-super-lov fieldset { background: none !important; } .plugin-com-skillbuilders-super-lov .superlov-control-buttons button { height: 28px !important; width: 28px !important; padding-top: 10px; margin-top: -3px; margin-right: 5px; } #superlov-column-select { width: 150px !important; background:unset !important; border:1px solid var(--silver) !important; height:25px !important; } #superlov_styled_filter { height: 35px; padding: 0px; } div.superlov-button-container { border: none !important; } div.superlov-button-container td { padding: 0px !important; } .superlov-table-wrapper table th { text-align: left !important; } .superlov-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .superlov-table-wrapper { width:100% !important; } #superlov-fetch-results { width:99% !important; } #superlov_styled_filter { border:none !important; } #superlov-filter { outline:1px solid var(--silver) !important; } #superlov-filter:hover,#superlov-filter:focus { outline: 2px solid var(--obasi-blue) !important; } .superlov-search-icon { margin-left: 10px; } /* [10.16 PAGINATION] */ /*deprecated????*/ .pagi_div { width: 30px; height: 30px; position: relative; display: inline-block; padding-top: 5px; } .pagi_nr { cursor:pointer; border-radius: 2px; font-weight: bold; } /* [10.17 SPLIT PANES (RESIZABLE)] */ .ui-resizable-s { bottom:0px !important; } /*Vertikaal*/ .panel-container-vertical { display: flex; flex-direction: column; height: 87vh; overflow: hidden; } .panel-top { flex: 0 0 auto; height: 35vh; min-height:15vh; max-height:65vh; width: 100%; } .panel-top .inner-top { overflow: hidden; overflow-y: auto; } .panel-bottom { flex: 1 1 auto; min-height: 15vh; } .panel-bottom .inner-bottom { overflow: hidden; overflow-y: auto; } .splitter-hor { height: 15px !important; cursor: row-resize !important; text-align:center !important; } .splitter-hor .icoon { cursor:row-resize !important; } .splitter-hor.dark { background:var(--dark); } .splitter-hor.dark .icoon { color:var(--ghost); } .splitter-hor.grey { background:var(--dark-silver); } .splitter-hor.grey .icoon { color:var(--dark); } .splitter-hor.purple { background:var(--tinkywinky); } .splitter-hor.purple .icoon { color:var(--ghost); } .splitter-hor.pink { background:var(--fuchsia); } .splitter-hor.pink .icoon { color:var(--soapy); } .splitter-hor.blue { background:var(--obasi-blue); } .splitter-hor.blue .icoon { color:var(--blue-mist); } .splitter-hor.green { background:var(--poison); } .splitter-hor.green .icoon { color:var(--ivy); } .splitter-hor.yellow { background:var(--kaese); } .splitter-hor.yellow .icoon { color:var(--ghost); } .splitter-hor.orange { background:var(--pumpkin); } .splitter-hor.orange .icoon { color:var(--peach); } .splitter-hor.red { background:var(--danger); } .splitter-hor.red .icoon { color:var(--ghost); } /*Horizontaal*/ .panel-container-horizontal { display: flex; flex-direction: row; width:100%; overflow: hidden; } .panel-left { flex: 0 0 auto; width: 50%; min-width:20%; max-width:80%; padding:10px; } .panel-left .inner-left { overflow: hidden; overflow-x: auto; } .panel-right { flex: 1 1 auto; width: 50%; min-width:20%; max-width:80%; padding:10px; } .panel-right .inner-right { overflow: hidden; overflow-x: auto; } .splitter-vert { width: 15px !important; cursor: col-resize !important; display:table !important; text-align:center; } .splitter-vert .icoon { cursor:col-resize !important; display:table-cell; vertical-align:middle;} .splitter-vert.dark { background:var(--dark); } .splitter-vert.dark .icoon { color:var(--ghost); } .splitter-vert.grey { background:var(--dark-silver); } .splitter-vert.grey .icoon { color:var(--dark); } .splitter-vert.purple { background:var(--tinkywinky); } .splitter-vert.purple .icoon { color:var(--ghost); } .splitter-vert.pink { background:var(--fuchsia); } .splitter-vert.pink .icoon { color:var(--soapy); } .splitter-vert.blue { background:var(--obasi-blue); } .splitter-vert.blue .icoon { color:var(--blue-mist); } .splitter-vert.green { background:var(--poison); } .splitter-vert.green .icoon { color:var(--ivy); } .splitter-vert.yellow { background:var(--kaese); } .splitter-vert.yellow .icoon { color:var(--ghost); } .splitter-vert.orange { background:var(--pumpkin); } .splitter-vert.orange .icoon { color:var(--peach); } .splitter-vert.red { background:var(--danger); } .splitter-vert.red .icoon { color:var(--ghost); } /* [10.18 IMAGES] */ .patimg_small, .patimg_small img { width:60px; height:80px; object-fit:cover; } .patimg_medium, .patimg_medium img { width:75px; height:100px; object-fit:cover; } .patimg_large, .patimg_large img { width:90px; height:120px; object-fit:cover; } .patimg_xlarge, .patimg_xlarge img { width:120px; height:160px; object-fit:cover; } .patimg_xxlarge, .patimg_xxlarge img { width:180px; height:240px; object-fit:cover; } /* [10.19 TOON/VERBERG PASWOORD ICOON] */ .psw-icon { margin-left: -25px; top: 3px; position: relative; z-index: 2; } .t-Login-body .psw-icon { right : 5px; margin-left: -25px; top:9px; position: relative; z-index: 2; }