/**********************************************************************
MASTER STYLESHEET
versie 2020
-----------------------------------------------------------------------
Deze stylesheet bevat alle overkoepelende css voor de apex appcanlicaties
**********************************************************************/

/*********************************************************************
[ 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
		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
		Span voor of na een tekst
		Aligneren elementen zoals tekst en icon in div
		Containers voor speciale teksten en regions
		Container voor code
		Gegevensset
		Titels
	 [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
	 [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
			Tabel breder maken in report-cell indien no-padding region
			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] 		
	 [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] 	
 [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] 
 [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
 [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
		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 ] 
	
	 [7.5 COLOR PICKER] 
		Algemeen
		Generated color picker
	
	 [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] 
	 [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
		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;
								
		}
		
		
		/*Combo background-colors - text-colors*/
		.bg-grey { background:var(--dark-silver) !important; color:var(--dark) !important; }
		.bg-dark { background:var(--dark) !important; color:var(--broken-white) !important; }
		.bg-wizzy { background:var(--wizard) !important; color:var(--broken-white) !important; }
		.bg-sparky { background:var(--sparkles) !important; color:var(--broken-white) !important; }
		.bg-tinky { background:var(--tinkywinky) !important; color:var(--broken-white) !important; }
		.bg-pink { background:var(--fuchsia) !important; color:var(--broken-white) !important; }
		.bg-blue { background:var(--obasi-blue) !important; color:var(--broken-white) !important; }
		.bg-green { background:var(--obasi-green) !important; color:var(--broken-white) !important; }
		.bg-yellow { background:var(--kaese) !important; color:var(--broken-white) !important; }
		.bg-orange { background:var(--pumpkin) !important; color:var(--broken-white) !important; }
		.bg-red { background:var(--danger) !important; color:var(--broken-white) !important; }
		.bg-white { background:var(--broken-white) !important; color:var(--grey-gallery) !important; }
		
		.bg-yellow-mediumdark { background:var(--smiley) !important; color:var(--dark) !important; }
		
		.bg-grey-mediumlight { background:var(--light-grey) !important; color:var(--dark) !important; }
		.bg-purple-mediumlight { background:var(--soapy) !important; color:var(--dark) !important; }
		.bg-pink-mediumlight { background:var(--sakura) !important; color:var(--dark) !important; }
		.bg-blue-mediumlight { background:var(--chalk-blue) !important; color:var(--dark) !important; }
		.bg-green-mediumlight { background:var(--chalk-green) !important; color:var(--dark) !important; }
		.bg-yellow-mediumlight { background:var(--chalk-yellow) !important; color:var(--dark) !important; }
		.bg-orange-mediumlight { background:var(--peach) !important; color:var(--dark) !important; }
		.bg-red-mediumlight { background:var(--watermelon) !important; color:var(--dark) !important; }
		
		.bg-grey-light { background:var(--ghost) !important; color:var(--dark) !important; }
		.bg-purple-light { background:var(--purple-mist) !important; color:var(--dark) !important; }
		.bg-blue-light { background:var(--blue-mist) !important; color:var(--dark) !important; }
		.bg-green-light { background:var(--green-mist) !important; color:var(--dark) !important; }
		.bg-yellow-light { background:var(--yellow-mist) !important; color:var(--dark) !important; }
		.bg-orange-light { background:var(--orange-mist) !important; color:var(--dark) !important; }
		.bg-red-light { background:var(--red-mist) !important; color:var(--dark) !important; }
		.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 5px;
			display: 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); }

		
		/*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); }
			.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); }
			.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;}
		.vh40 {max-height:40vh;}
		.vh45 {max-height:45vh;}
		.vh50 {max-height:50vh;}
		.vh60 {max-height:60vh;}
		.vh70 {max-height:70vh;}
		.vh75 {max-height:75vh;}
		.vh80 {max-height:80vh;}
		
		/*Element verbergen*/
		.verberg {display:none !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;}
		
		/*Lists (ul & ol)*/
		ul li,ol li, li {
			font-size:inherit;  /*11px*/
			font-weight:normal;
		}
		td > ul, td > ol {
			margin-top:0px;
		}
		
		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;}
		
		/*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%;}
		.kleiner {font-size:95% !important;}
		.klein {font-size:85% !important;}
		.mini {font-size:75% !important;} 		/*70%*/
		.camel {text-transform:capitalize;}
		.tekst {white-space:pre-line; overflow-wrap:anywhere; line-height:2rem;}
		.label {font-size:95% !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 { text-decoration: underline !important; }
		.normal {font-weight:normal !important;}
		
		/*Span voor of na een tekst*/
		.span_after > span {margin-left:8px;}
		.span_before > span {margin-right:8px;}
		
		/*Aligneren elementen zoals tekst en icon in div*/
		.item_align {
			display:flex;
			align-items: center;
		}
				
		/*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{
			font-size:24px !important; 
		}
		.t1 {
			font-size:18px !important; 
			font-weight:bold !important;
		}	
		.t2 {
			font-size:16px !important; 
			font-weight:bold !important;
		}
		.t3 {
			font-size:14px !important; 
			text-decoration:underline !important;
		}
		.t4 {
			font-size:14px !important; 
		}
		
		.t0.white, .t1.white, .t2.white, .t3.white, .t4.white {color:var(--broken-white) !important;}
		.t0.grey, .t1.grey, .t2.grey, .t3.grey, .t4.grey {color:var(--grey-cascade) !important;}
		.t0.dark, .t1.dark, .t2.dark, .t3.dark, .t4.dark {color:var(--dark) !important;}
		.t0.purple, .t1.purple, .t2.purple, .t3.purple, .t4.purple { color:var(--tinkywinky) !important; }
		.t0.pink, .t1.pink, .t2.pink, .t3.pink, .t4.pink {color:var(--fuchsia) !important;}
		.t0.blue, .t1.blue, .t2.blue, .t3.blue, .t4.blue {color:var(--obasi-blue) !important;}
		.t0.green, .t1.green, .t2.green, .t3.green, .t4.green {color:var(--obasi-green) !important;}
		.t0.yellow, .t1.yellow, .t2.yellow, .t3.yellow, .t4.yellow {color:var(--kaese) !important;}
		.t0.orange, .t1.orange, .t2.orange, .t3.orange, .t4.orange {color:var(--pumpkin) !important;}
		.t0.red, .t1.red, .t2.red, .t3.red, .t4.red {color:var(--danger) !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.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;}
		
		/*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;
				display:inline-flex;
				margin-bottom:3px;
			}
			div.icon_groep_rechts div {
				width:30px;
				height:30px;
				margin-left:5px;
				display:inline-flex;
				margin-bottom:3px;
			}
			div.icon_groep_links div span,
			div.icon_groep_rechts div span {
				margin:auto;
			}

		
	/* [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-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;
		}
		
		/*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 { border-top : 1px solid var(--silver) !important;}
			.east_border.grey { border-right : 1px solid var(--silver) !important; }
			.south_border.grey { border-bottom : 1px solid var(--silver) !important; }
			.west_border.grey { border-left : 1px solid var(--silver) !important; }
			.all_border.grey { border : 1px solid var(--silver) !important; }

			.north_border.dark { border-top : 1px solid var(--dark) !important; }
			.east_border.dark { border-right : 1px solid var(--dark) !important; }
			.south_border.dark { border-bottom : 1px solid var(--dark) !important; }
			.west_border.dark { border-left : 1px solid var(--dark) !important; }
			.all_border.dark { border : 1px solid var(--dark) !important; }
			
			.north_border.purple { border-top : 1px solid var(--tinkywinky) !important; }
			.east_border.purple { border-right : 1px solid var(--tinkywinky) !important; }
			.south_border.purple { border-bottom : 1px solid var(--tinkywinky) !important; }
			.west_border.purple { border-left : 1px solid var(--tinkywinky) !important; }
			.all_border.purple { border : 1px solid var(--tinkywinky) !important; }
			
			.north_border.pink { border-top : 1px solid var(--fuchsia) !important; }
			.east_border.pink { border-right : 1px solid var(--fuchsia) !important; }
			.south_border.pink { border-bottom : 1px solid var(--fuchsia) !important; }
			.west_border.pink { border-left : 1px solid var(--fuchsia) !important; }
			.all_border.pink { border : 1px solid var(--fuchsia) !important; }
			
			.north_border.blue { border-top : 1px solid var(--obasi-blue) !important; }
			.east_border.blue { border-right : 1px solid var(--obasi-blue) !important; }
			.south_border.blue { border-bottom : 1px solid var(--obasi-blue) !important; }
			.west_border.blue { border-left : 1px solid var(--obasi-blue) !important; }
			.all_border.blue { border : 1px solid var(--obasi-blue) !important; }
			
			.north_border.green { border-top : 1px solid var(--obasi-green) !important; }
			.east_border.green { border-right : 1px solid var(--obasi-green) !important; }
			.south_border.green { border-bottom : 1px solid var(--obasi-green) !important; }
			.west_border.green { border-left : 1px solid var(--obasi-green) !important; }
			.all_border.green { border : 1px solid var(--obasi-green) !important; }
			
			.north_border.yellow { border-top : 1px solid var(--kaese) !important; }
			.east_border.yellow { border-right : 1px solid var(--kaese) !important; }
			.south_border.yellow { border-bottom : 1px solid var(--kaese) !important; }
			.west_border.yellow { border-left : 1px solid var(--kaese) !important; }
			.all_border.yellow { border : 1px solid var(--kaese) !important; }
			
			.north_border.orange { border-top : 1px solid var(--pumpkin) !important; }
			.east_border.orange { border-right : 1px solid var(--pumpkin) !important; }
			.south_border.orange { border-bottom : 1px solid var(--pumpkin) !important; }
			.west_border.orange { border-left : 1px solid var(--pumpkin) !important; }
			.all_border.orange { border : 1px solid var(--pumpkin) !important; }
			
			.north_border.red { border-top : 1px solid var(--danger) !important; }
			.east_border.red { border-right : 1px solid var(--danger) !important; }
			.south_border.red { border-bottom : 1px solid var(--danger) !important; }
			.west_border.red { border-left : 1px solid var(--danger) !important; }
			.all_border.red { border : 1px solid var(--danger) !important; }
		
			/*Dashed border*/
			.north_dashed.grey { border-top : 1px dashed var(--silver) !important; }
			.east_dashed.grey { border-right : 1px dashed var(--silver) !important; }
			.south_dashed.grey { border-bottom : 1px dashed var(--silver) !important; }
			.west_dashed.grey { border-left : 1px dashed var(--silver) !important; }
			.all_dashed.grey { border : 1px solid var(--silver) !important; }
			
			.north_dashed.dark { border-top : 1px dashed var(--dark) !important; }
			.east_dashed.dark { border-right : 1px dashed var(--dark) !important; }
			.south_dashed.dark { border-bottom : 1px dashed var(--dark) !important; }
			.west_dashed.dark { border-left : 1px dashed var(--dark) !important; }
			.all_dashed.dark { border : 1px solid var(--dark) !important; }
			
			.north_dashed.purple { border-top : 1px dashed var(--tinkywinky) !important; }
			.east_dashed.purple { border-right : 1px dashed var(--tinkywinky) !important; }
			.south_dashed.purple { border-bottom : 1px dashed var(--tinkywinky) !important; }
			.west_dashed.purple { border-left : 1px dashed var(--tinkywinky) !important; }
			.all_dashed.purple { border : 1px solid var(--tinkywinky) !important; }
			
			.north_dashed.pink { border-top : 1px dashed var(--fuchsia) !important; }
			.east_dashed.pink { border-right : 1px dashed var(--fuchsia) !important; }
			.south_dashed.pink { border-bottom : 1px dashed var(--fuchsia) !important; }
			.west_dashed.pink { border-left : 1px dashed var(--fuchsia) !important; }
			.all_dashed.pink { border : 1px solid var(--fuchsia) !important; }
			
			.north_dashed.blue { border-top : 1px dashed var(--obasi-blue) !important; }
			.east_dashed.blue { border-right : 1px dashed var(--obasi-blue) !important; }
			.south_dashed.blue { border-bottom : 1px dashed var(--obasi-blue) !important; }
			.west_dashed.blue { border-left : 1px dashed var(--obasi-blue) !important; }
			.all_dashed.blue { border : 1px solid var(--obasi-blue) !important; }
			
			.north_dashed.green { border-top : 1px dashed var(--obasi-green) !important; }
			.east_dashed.green { border-right : 1px dashed var(--obasi-green) !important; }
			.south_dashed.green { border-bottom : 1px dashed var(--obasi-green) !important; }
			.west_dashed.green { border-left : 1px dashed var(--obasi-green) !important; }
			.all_dashed.green { border : 1px solid var(--obasi-green) !important; }
			
			.north_dashed.yellow { border-top : 1px dashed var(--kaese) !important; }
			.east_dashed.yellow { border-right : 1px dashed var(--kaese) !important; }
			.south_dashed.yellow { border-bottom : 1px dashed var(--kaese) !important; }
			.west_dashed.yellow { border-left : 1px dashed var(--kaese); }
			.all_dashed.yellow { border : 1px solid var(--kaese) !important; }
			
			.north_dashed.orange { border-top : 1px dashed var(--pumpkin) !important; }
			.east_dashed.orange { border-right : 1px dashed var(--pumpkin) !important; }
			.south_dashed.orange { border-bottom : 1px dashed var(--pumpkin) !important; }
			.west_dashed.orange { border-left : 1px dashed var(--pumpkin) !important; }
			.all_dashed.orange { border : 1px solid var(--pumpkin) !important; }
			
			.north_dashed.red { border-top : 1px dashed var(--danger) !important; }
			.east_dashed.red { border-right : 1px dashed var(--danger) !important; }
			.south_dashed.red { border-bottom : 1px dashed var(--danger) !important; }
			.west_dashed.red { border-left : 1px dashed var(--danger) !important; }
			.all_dashed.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; }
		.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; }
		
		.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-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; }
		
		/*Margins (left) as cols */
		.ml-col1 {margin-left: calc(8.33% - 8px) !important;}
		.ml-col2 {margin-left: calc(16.67% - 8px) !important;}
		.ml-col3 {margin-left: calc(25% - 8px) !important;}
		.ml-col4 {margin-left: calc(33.33% - 8px) !important;}
		.ml-col5 {margin-left: calc(41.67% - 8px) !important;}
		.ml-col6 {margin-left: calc(50% - 8px) !important;}
		.ml-col7 {margin-left: calc(58.33% - 8px) !important;}
		.ml-col8 {margin-left: calc(66.67% - 8px) !important;}
		.ml-col9 {margin-left: calc(75% - 8px) !important;}
		.ml-col10 {margin-left: calc(83.33% - 8px) !important;}
		.ml-col11 {margin-left: calc(91.67% - 8px) !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; }
		.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; }
		.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-Button .fa, .t-NavigationBar-item .t-Button .oba {
			font-size: 25px !important;
		}*/
		
		.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 h2.t-Region-title, .t-Region-header .t-Region-title {
			min-height:24px;
		}*/ /*te herbekijken waar en waarom*/
		
		.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;
			}
			/*Tabel breder maken in report-cell indien no-padding region*/
			.t-Region.t-Region--noPadding .t-Report-cell > table,
			.t-Region.t-Region--noPadding .t-Report-cell > div > table	{
				margin-left:-8px;
				width: calc(100% + 16px);
			}
			/*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;
		}
		
		.dashboardblok > .t-Region-bodyWrap > .t-Region-body table{
			margin-top:-2px;
		}
		
		.dashboardblok .t-Report-pagination {margin-top: 5px !important;}
		.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 .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;
		}
		/*Keuze filter*/
		.maak_keuze {
			float:left;
		}
	
	/* [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-Form-inputContainer, .t-ButtonRegion .t-Form-labelContainer {
			margin-top: 5px;
		}
		
		.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{
			margin-top:7px;
		}
		
		/*.t-ButtonRegion .t-ButtonRegion-col--content .container { margin-left:-16px !important;}*/
		
		/*.t-ButtonRegion > .t-ButtonRegion-wrap > .t-ButtonRegion-col--content > .container > .row {margin-bottom:5px;}*/ /*is niet bruikbaar bij verspringende items bij kleine resoluties*/
		
		
		/*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;}

		.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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		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,
		td.i900 .t-Form-itemWrapper 
		{width:900px !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 {
			width:100% !important;
		}
		
		
		/*Datepicker*/
		.t-ButtonRegion .apex-item-wrapper--date-picker .t-Form-inputContainer input {
			width:120px !important;
		}
		
		/*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{
			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 > .t-Region-bodyWrap > .t-Region-body {height:25vh;}
		.rh35 > .t-Region-bodyWrap > .t-Region-body {height:35vh;}
		.rh40 > .t-Region-bodyWrap > .t-Region-body {height:40vh;}
		.rh50 > .t-Region-bodyWrap > .t-Region-body {height:50vh;}
		.rh55 > .t-Region-bodyWrap > .t-Region-body {height:55vh;}
		.rh60 > .t-Region-bodyWrap > .t-Region-body {height:60vh;}
		.rh65 > .t-Region-bodyWrap > .t-Region-body {height:65vh;}
		.rh70 > .t-Region-bodyWrap > .t-Region-body {height:70vh;}
		.rh75 > .t-Region-bodyWrap > .t-Region-body {height:75vh;}
		.rh80 > .t-Region-bodyWrap > .t-Region-body {height:80vh;}
		.rh85 > .t-Region-bodyWrap > .t-Region-body {height:85vh;}
		.rh90 > .t-Region-bodyWrap > .t-Region-body {height:90vh;}

		.vh25 > .t-Region-bodyWrap > .t-Region-body {max-height:25vh;}
		.vh35 > .t-Region-bodyWrap > .t-Region-body {max-height:35vh;}
		.vh40 > .t-Region-bodyWrap > .t-Region-body {max-height:40vh;}
		.vh50 > .t-Region-bodyWrap > .t-Region-body {max-height:50vh;}
		.vh55 > .t-Region-bodyWrap > .t-Region-body {max-height:55vh;}
		.vh60 > .t-Region-bodyWrap > .t-Region-body {max-height:60vh;}
		.vh65 > .t-Region-bodyWrap > .t-Region-body {max-height:65vh;}
		.vh70 > .t-Region-bodyWrap > .t-Region-body {max-height:70vh;}
		.vh75 > .t-Region-bodyWrap > .t-Region-body {max-height:75vh;}
		.vh80 > .t-Region-bodyWrap > .t-Region-body {max-height:80vh;}
		.vh85 > .t-Region-bodyWrap > .t-Region-body {max-height:85vh;}
		.vh90 > .t-Region-bodyWrap > .t-Region-body {max-height:90vh;}
		
		.rhpx150 > .t-Region-bodyWrap > .t-Region-body {height:150px;}
		.rhpx200 > .t-Region-bodyWrap > .t-Region-body {height:200px;}
		.rhpx300 > .t-Region-bodyWrap > .t-Region-body {height:300px;}
		.rhpx450 > .t-Region-bodyWrap > .t-Region-body {height:400px;}

		.vhpx150 > .t-Region-bodyWrap > .t-Region-body {max-height:150px;}
		.vhpx200 > .t-Region-bodyWrap > .t-Region-body {max-height:200px;}
		.vhpx300 > .t-Region-bodyWrap > .t-Region-body {max-height:300px;}
		.vhpx450 > .t-Region-bodyWrap > .t-Region-body {max-height:400px;}
		
	/* [3.11 REGIONS MET GEKLEURDE 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;}

	/* [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] */
		/*Fixed headers in apex reports*/
		.fixheader th { 
		  position: sticky;
		  top: -1px;
		  z-index:99;
		  background: var(--broken-white);
		}

		.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 tr:first-child td { 
		  position: sticky;
		  top: -1px;
		  z-index:99;
		  background: var(--broken-white);
		}

		/*.fixheader_pck tr:first-child td::before { 
			content: '';
			width: 100%;
			height:1px;
			position: absolute;
			top: 0;
			left: 0;
			background:var(--light-grey);
		}
  
		.fixheader_pck tr:first-child td::after { 
			content: '';
			width: 100%;
			height:1px;
			position: absolute;
			bottom: 0;
			left: 0;
			background:var(--light-grey);
		}*/
		
		.fixheader_pck_multi tr.fixrow td {
			position: sticky;
			z-index:99;
			/*background: var(--broken-white);*/
			top:0px;
		}
		.fixheader_pck_multi tr.fixrow2 td {
			position: sticky;
			z-index:99;
			/*background: var(--broken-white);*/
			top:50px;
		}
		.fixheader_pck_multi tr.fixrow3 td {
			position: sticky;
			z-index:99;
			/*background: var(--broken-white);*/
			top:100px;
		}
		
		.fixrow, .fixrow2, .fixrow3 {height:50px;}
		
		/*Scrollgebied activeren*/
		.scrollarea {
			overflow-y:auto;
		}
		.scrollarea-hor {
			overflow-x:auto;
		}

	/* [3.15 FIXED FILTERS] */	
		.fixfilter-pagination .t-Report, .fixfilter-pagination .t-Timeline {
			height:326px;
			overflow-y: auto;
		}

		.fixfilter .t-Report{
			height:354px;  /*349 - aangepast naar 354 owv HEROS*/
			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:middle;
			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 {
			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:-1px;
			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;}
	
/* [5. TABLES] */
	/* [5.1 Algemeen] */	
		/*Basis*/
		.tbl {
			border-collapse:collapse;
			width:100%;
		}

		.tbl.apart {
			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 > tbody > tr > td {border:1px solid; }
		.tbl.apart.grid > tbody > tr > td {
			border-top:1px solid;
			border-right:1px solid;
			border-left:unset;
			border-bottom:unset;
		}
		.tbl.apart.grid > tbody > tr > td:first-child {
			border-left:1px solid;
		}
		
		/*.tbl.apart.grid > tbody > tr:last-child > td {
			border-bottom: 1px solid;
		}*/
			
		/*Grid kleuren*/
		.tbl.grid.grey > tbody > tr > td		{border-color:var(--dark-silver);}
		.tbl.grid.dark > tbody > tr > td		{border-color:var(--dark);}
		.tbl.grid.purple > tbody > tr > td	    {border-color:var(--tinkywinky);}
		.tbl.grid.pink > tbody > tr > td		{border-color:var(--fuchsia);}
		.tbl.grid.blue > tbody > tr > td		{border-color:var(--obasi-blue);}
		.tbl.grid.green > tbody > tr > td	    {border-color:var(--obasi-green);}
		.tbl.grid.yellow > tbody > tr > td   	{border-color:var(--kaese);}
		.tbl.grid.orange > tbody > tr > td	    {border-color:var(--pumpkin);}
		.tbl.grid.red > tbody > tr td			{border-color:var(--danger);}
		
		.tbl.apart.grid.grey > tbody > tr > td		{border-color:var(--dark-silver);}
		.tbl.apart.grid.dark > tbody > tr > td		{border-color:var(--dark);}
		.tbl.apart.grid.purple > tbody > tr > td	{border-color:var(--tinkywinky);}
		.tbl.apart.grid.pink > tbody > tr > td		{border-color:var(--fuchsia);}
		.tbl.apart.grid.blue > tbody > tr > td		{border-color:var(--obasi-blue);}
		.tbl.apart.grid.green > tbody > tr > td	    {border-color:var(--obasi-green);}
		.tbl.apart.grid.yellow > tbody > tr > td   	{border-color:var(--kaese);}
		.tbl.apart.grid.orange > tbody > tr > td	{border-color:var(--pumpkin);}
		.tbl.apart.grid.red > tbody > 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;
		}
		
		.selectielijst .t-Report-cell {
			padding:0px 8px !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:75px;
			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 {
			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 {
			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 {
			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 {
			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 {
			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 {
			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; }
		
		.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; }


	/* [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 {
			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; }
	
	/* [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;
		}
		/*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 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.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.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.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.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.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.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.orange {background-color: var(--pumpkin); color:var(--ghost);}
			.actie_menu.orange .niv2 {background-color : var(--corally); color:var(--pumpkin);}
			.actie_menu.orange nav {border-left: 6px solid var(--kaese);}
		.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.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_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:50px;
		}
		/*Body*/
		.t-Dialog-page .t-Dialog-body, .t-Wizard--modal .t-Wizard-body {
			bottom:50px;
		}
		.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*/
		
		.inline-block {display:inline-block;}
		
		.apex-item-wrapper--checkbox .apex-item-option,
		.apex-item-wrapper--radiogroup .apex-item-option { 
			align-items: center !important;
			/*display: inline-flex;*/ /*deze oplossing geeft issues bij gebruik in 1 kolom*/
		}
	
		.apex-item-wrapper--radiogroup .apex-item-option {
			margin-top:6px;
		}
		
		.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,
		.t-Form-inputContainer select.apex_item-select,
		.apex-item-select[size="1"]
		{
			height:28px !important;
			max-height:28px !important;
			padding-left:10px;
		}
		.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
		{
			height:16px !important;
		}
		
		.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;
		}
		.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:.4rem 0;
		}
		.t-Form-labelContainer {
			text-align:left !important;
		}
		
		.radio_group {
			width:100%;
		}
		
		[type="radio"],[type="checkbox"] {
			cursor:pointer;
		}
		
		textarea { resize:vertical !important; }
		
		td input { height:28px; }
		td input[type="text"], td select { width:100% !important; }
		td input[type="text"].hasDatepicker, td.hasDatepicker input[type="text"] { 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,
		.t-Login-region .t-Form-inputContainer select,
		.t-Login-region .apex-item-select[size="1"] {
			height:40px !important;
			max-height: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 {
			text-align:center !important;
		}
		
		
		/*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;
		}
		
		/*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;
		}
		
	/* [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;
			}
			
			.gen_select_view, .gen_select2_view {
				background: transparent;
				border: none;
				font-size: 12px;
				padding: .3rem;
				width: 100%;
				-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;
			}

			.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*/
			}
			
			/*.gen_radio_btn input[type="radio"]:checked + label, .gen_radio_btn input[type="radio"]:hover + label {
				width: fit-content;
			}*/
		
		/*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;}
		.lichter { opacity:0.7; }
	
	/* [7.4 ] */
		
	
	/* [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;
		}

/*		.kleurkeuze .color-picker {
			background-color:transparent;
			border:none;
			padding:0px;
			width:0px;
		}
		.kleurkeuze td img {
			width:15px !important;
			height:15px !important;
		}
		.kleurkeuze td > img {
			width:22px !important;
			height:22px !important;
		}
		
		/*Generated color picker*/
/*		.gen_kleur {
			cursor:pointer;
			padding:0px;
			width:22px;
			height:25px;
			border:none;
		}
	
	/* [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;
		}
		
		/*.select2-container--default .select2-selection--multiple .select2-selection__choice {
			padding: 0 2px !important;
			margin-top:1px !important;
			margin-right:2px !important;
		}*/ /*weg voor duidelijke redenen*/
		
		/*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;
		}
		.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);}

		.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(--obasi-green);}
		.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-Cards:not(.t-Cards--block):not(.t-Cards--featured) .t-Card-icon.outline { background:transparent;}
	
		.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(--obasi-green); 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-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(--obasi-green);}
		.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(--obasi-green); }
		.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;
		}
		.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;
		}

		.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;
		}
		
	/* [8.3 BASIC] */
		.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:20px !important;
		}
		.t-Cards.t-Cards--basic .foto_card .t-Card-subtitle {
			font-size:15px !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;
		}
		
		/*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] */
		.icondiv {
			position:absolute;
			z-index:100;
		}
		.icondiv.bottom_right {
			bottom:7px;
			right:6px;
			width:60%;
			text-align:right;
		}
		.icondiv.bottom_left {
			bottom:0px;
			left:18px;
			width:40%;
		}
		.icondiv.top_left {
			top:10px;
			left:18px;
			width:30%;
			display:inline-flex;
		}
		.icondiv.top_right {
			top:10px;
			right:6px;
			width:65%;
			text-align:right;
		}
		.icondiv div div {
			display:inline-flex;
			font-size:16px;
			width:30px;
			height:30px;
			}
		.icondiv div div span {margin:auto;}
		
		.icondiv.top_left span,
		.icondiv.bottom_left span	{
			margin-right: 5px;
		}
		
		.icondiv.top_right div,
		.icondiv.bottom_right div {
			display:inline-flex;
		}
		

	/* [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.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.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.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:8px !important;
		}
		.t-Timeline--compact .t-Timeline-body {
			padding-top:0px !important;
		}
		.t-Timeline--compact .t-Timeline-desc {
			white-space:pre-wrap;
			margin-top:5px !important;
		}
		.t-Timeline--compact .t-Timeline-type {
			min-width:120px;
			padding:5px 8px !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--compact + .t-Report-pagination {
			border-top:none !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:20px !important;
		}
		
		.alertify-button {
			margin: 5px;
		}
		
		.alertify-message {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 30px;
		}
		
		/*Alertify-confirm cancel button*/
		.alertifyCloseBtn {
		  position:absolute;
		  top:10px;
		  right:10px;
		}
		
		/*Alert notification*/
		#t_Alert_Notification {
			display: block !important;
		}
		
		#t_Alert_Notification .t-Alert-content {
			padding: 10px 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_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;
			-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] */
		::-webkit-scrollbar {
			width: 8px;
		}
		::-webkit-scrollbar-thumb:hover {
			width: 10px;
		}

		
	/* [10.12 TABSMENU] */
		.apex-rds .apex-rds-selected a,
		.t-Tabs--simple .t-Tabs-item.is-active .t-Tabs-link {
			border-radius: 0px;
			box-shadow: none;
			font-weight: bold;
		}
		.apex-rds a:focus, 
		.t-Tabs--simple .t-Tabs-link:focus {
			border-radius: 0px;
			box-shadow: none;
		}
		.apex-rds li {
			border-bottom: 2px solid transparent;
			border-radius: 0px;
		}

		.t-Tabs-item {
			border-bottom: 2px solid transparent;
			border-radius: 0px;
		}
		.apex-rds .apex-rds-selected span {
			box-shadow: unset;
		}
		.apex-rds-container {
			padding-bottom: 5px;
		}
		.apex-rds-item:hover {
			background-color: transparent;
			border-radius: 0px;
			font-weight: bold;
		}

	/* [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;}
		.legende_div .legende_icon span {margin:auto;}
		
	/* [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;
		}
		
		.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;
		}
		
		/*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;
		}
	
	/* [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;
		}