:root {
/*HOOFDKLEUREN*/
--hoofd-bg: 						#eff3e3;			/*algemene achtergrondkleur*/
--login-bg:							#ffffff;			/*achtergrondkleur loginscherm*/
--login-icon:						#3579ad;			/*kleur icon op login pagina*/
--hoofd-tekst:						#3d3d3d;			/*algemene tekstkleur*/
--extra-tekst:						#3579ad;			/*algemene tekstkleur*/
--hoofd-titel:						#3579ad;			/*algemene kleur titels*/
--tekst-licht:						#777777;			/*lichtere tekstkleur*/
--button-bg:						#f8f8f8;			/*achtergrondkleur standaard button*/
--button-bg-hover:					#f5f5f5;			/*hover achtergrondkleur standaard button*/
--button-tekst:						#3d3d3d;			/*tekstkleur standaard button*/
--button-tekst-hover:				#3d3d3d;			/*hover tekstkleur standaard button*/
--button-hot-bg:					#3579ad;			/*achtergrondkleur hot button*/
--button-hot-bg-hover:				#2980b9;			/*hover achtergrondkleur hot button*/
--button-hot-tekst:					#ffffff;			/*tekstkleur hot button*/
--button-hot-tekst-hover:			#ffffff;			/*hover tekstkleur hot button*/
--belangrijk-icon-bg:				#d16666;			/*icon achtergrondkleur voor aanduiding belangrijke zaken*/
--belangrijk-icon-tekst:			#ffffff;			/*icon tekstkleur voor aanduiding belangrijke zaken*/
--belangrijk:						#ffffff;			/*tekstkleur voor aanduiding belangrijke zaken*/
--boomstructuur-1: 					#3579ad; 			/*kleur takken bovenste niveau*/
--boomstructuur-2: 					#4c7ea9; 			/*kleur takken tweede niveau*/
--boomstructuur-3: 					#6796c3; 			/*kleur takken derde niveau*/
--boomstructuur-4:					#82afde; 			/*kleur takken vierde niveau*/
--tooltip-1:						#ffffff;			/*tekstkleur tooltip*/
--tooltip-2:						#3579ad;			/*achtergrondkleur tooltip*/
--tooltip-3:						#3579ad;			/*borderkleur tooltip*/
--card-border:						#3579ad;			/*borderkleur voor cards e.d.*/
--ribbon-bg-1:						#d16666;			/*achtergrondkleur ribbon 1*/
--ribbon-tekst-1:					#ffffff;			/*tekstkleur ribbon 1*/
--ribbon-border-1:					#d16666;			/*borderkleur ribbon 1*/
--ribbon-bg-2:						#96c11f;			/*achtergrondkleur ribbon 2*/
--ribbon-tekst-2:					#ffffff;			/*tekstkleur ribbon 2*/
--ribbon-border-2:					#96c11f;			/*borderkleur ribbon 2*/
--ribbon-bg-3:						#3579ad;			/*achtergrondkleur ribbon 3*/
--ribbon-tekst-3:					#ffffff;			/*tekstkleur ribbon 3*/
--ribbon-border-3:					#3579ad;			/*borderkleur ribbon 3*/
--ribbon-bg-4:						#4d4d4d;			/*achtergrondkleur ribbon 4*/
--ribbon-tekst-4:					#ffffff;			/*tekstkleur ribbon 4*/
--ribbon-border-4:					#d16666;			/*borderkleur ribbon 4*/
--ribbon-bg-5:						#eac80a;			/*achtergrondkleur ribbon 5*/
--ribbon-tekst-5:					#ffffff;			/*tekstkleur ribbon 5*/
--ribbon-border-5:					#4d4d4d;			/*borderkleur ribbon 5*/
--ribbon-bg-6:						#999999;			/*achtergrondkleur ribbon 6*/
--ribbon-tekst-6:					#ffffff;			/*tekstkleur ribbon 6*/
--ribbon-border-6:					#4d4d4d;			/*borderkleur ribbon 6*/
--grad-1:							#e6e6e6;			/*kleur 1 voor gradient lijn*/
--grad-2:							#96c11f;			/*kleur 2 voor gradient lijn*/
--grad-3:							#e6e6e6;			/*kleur 3 voor gradient lijn*/
--edit-icon:						#3579ad;			/*kleur edit icoon*/
--delete-icon:						#d16666;			/*kleur delete icoon*/
--no-data:							#3579ad;			/*kleur geen gegevens gevonden melding*/

/*NAVIGATIES*/
--nav-bg:							#eff3e3;			/*achtergrondkleur navigatie links*/
--nav-item-bg:						#eff3e3;			/*achtergrondkleur navigatie-item links*/
--nav-item-bg-hover:				#96c11f;			/*hover achtergrondkleur navigatie-item links*/
--nav-item-bg-selected:				#96c11f;			/*selected achtergrondkleur navigatie-item links*/
--nav-item-tekst:					#3579ad;			/*tekstkleur navigatie-item links*/
--nav-item-tekst-hover:				#3579ad;			/*hover tekstkleur navigatie-item links*/
--nav-item-tekst-selected:			#3579ad;			/*selected tekstkleur navigatie-item links*/
--nav-item-level2-tekst:			#4c7ea9;			/*tekstkleur 2e level navigatie-item links*/
--nav-item-level2-tekst-hover:		#4c7ea9;			/*hover 2e level navigatie-item links*/
--nav-item-level2-tekst-selected:	#4c7ea9;			/*selected 2e level navigatie-item links*/
--nav-border:						#eff3e3;			/*kleur borders navigatie links*/

--nav-bar-bg:						#96c11f;			/*achtergrondkleur navigatie top*/
--nav-bar-item-bg:					#96c11f;			/*achtergrondkleur navigatie-item top*/
--nav-bar-item-bg-hover:			#729318;			/*hover achtergrondkleur navigatie-item top*/
--nav-bar-item-bg-selected:			#96c11f;			/*selected achtergrondkleur navigatie-item top*/
--nav-bar-item-tekst:				#ffffff;			/*tekstkleur navigatie-item top*/
--nav-bar-item-tekst-hover:			#ffffff;			/*hover tekstkleur navigatie-item top*/
--nav-bar-item-tekst-selected:		#ffffff;			/*selected tekstkleur navigatie-item top*/
--nav-bar-icon-bg:					#96c11f;			/*achtergrondkleur icons navigatie top*/
--nav-bar-icon-bg-hover:			#96c11f;			/*hover achtergrondkleur icons navigatie top*/
--nav-bar-icon-bg-selected:			#96c11f;			/*selected achtergrondkleur icons navigatie top*/
--nav-bar-icon:						#ffffff;			/*kleur icons navigatie top*/
--nav-bar-icon-hover:				#ffffff;			/*hover kleur icons navigatie top*/
--nav-bar-icon-selected:			#ffffff;			/*selected kleur icons navigatie top*/
--nav-bar-border:					#96c11f;			/*kleur borders navigatie top*/

--nav-rechts-bg:					#393939;			/*achtergrondkleur navigatie patient*/
--nav-rechts-item-bg:				#393939;			/*achtergrondkleur navigatie-item patient*/
--nav-rechts-item-bg-hover:			#393939;			/*hover achtergrondkleur navigatie-item patient*/
--nav-rechts-item-bg-selected:		#393939;			/*selected achtergrondkleur navigatie-item patient*/
--nav-rechts-item-tekst:			#ffffff;			/*tekstkleur navigatie-item patient*/
--nav-rechts-item-tekst-hover:		#ffffff;			/*hover tekstkleur navigatie-item patient*/
--nav-rechts-item-tekst-selected:	#ffffff;			/*selected tekstkleur navigatie-item patient*/
--nav-rechts-icon-bg:				#393939;			/*achtergrondkleur icons navigatie patient*/
--nav-rechts-icon-bg-hover:			#393939;			/*hover achtergrondkleur icons navigatie patient*/
--nav-rechts-icon-bg-selected:		#393939;			/*selected achtergrondkleur icons navigatie patient*/
--nav-rechts-icon:					#ffffff;			/*kleur icons navigatie patient*/
--nav-rechts-icon-hover:			#b8b8b8;			/*hover kleur icons navigatie patient*/
--nav-rechts-icon-selected:			#ffffff;			/*selected kleur icons navigatie patient*/
--nav-rechts-border:				#393939;			/*kleur borders navigatie patient*/
--nav-rechts-button-icon:			#ffffff;			/*kleur icoon toeklapknop navigatie patient*/
--nav-rechts-button-bg:				#393939;			/*achtergrondkleur toeklapknop navigatie patient*/

--nav-rds-bg:						transparent;		/*achtergrondkleur region display selector navigatie*/
--nav-rds-bg-hover:					transparent;		/*hover achtergrondkleur region display selector navigatie*/
--nav-rds-bg-selected:				transparent;		/*selected achtergrondkleur region display selector navigatie*/
--nav-rds-tekst:					#3579ad;			/*tekstkleur region display selector navigatie*/		
--nav-rds-tekst-hover:				#3579ad;			/*hover tekstkleur region display selector navigatie*/
--nav-rds-tekst-selected:			#3579ad;			/*selected tekstkleur region display selector navigatie*/
--nav-rds-border:					#3579ad;			/*borderkleur region display selector navigatie*/

/*REGIONS*/
--reg-head-bg:						#ffffff;			/*achtergrondkleur region header*/
--reg-head-bg-2:					#2980b9;			/*secundaire achtergrondkleur region header*/
--reg-head-tekst:					#3579ad;			/*tekstkleur region header*/
--reg-head-tekst-2:					#fefefe;			/*secundaire tekstkleur region header*/
--reg-body-bg:						#ffffff;			/*achtergrondkleur region body*/
--reg-body-tekst:					#3d3d3d;			/*tekstkleur region body*/
--reg-border:						#e3e7ed;			/*kleur regionborders (pagina specifiek, ID nodig)*/
--reg-border-2:						#2980b9;			/*additionele borderkleur region body*/
--reg-divider:						#d3d3d3;			/*kleur tussenlijnen in region (pagina specifiek, ID nodig)*/

--creg-head-bg:						#eff3e3;			/*achtergrondkleur collapsible region header*/
--creg-head-tekst:					#3579ad;			/*tekstkleur collapsible region header*/
--creg-body-bg:						#ffffff;			/*achtergrondkleur collapsible region body*/
--creg-body-tekst:					#3d3d3d;			/*tekstkleur collapsible region body*/
--creg-border:						#e3e7ed;			/*kleur collapsible regionborders*/
--creg-divider:						#d3d3d3;			/*kleur tussenlijnen in collapsible region*/									

--breg-body-bg:						#transparent;		/*achtergrondkleur buttons region body*/
--breg-body-tekst:					#3d3d3d;			/*tekstkleur buttons region body*/
--breg-border:						#transparent;		/*kleur buttons regionborders*/

/*DIALOGS (modals)*/
--dia-head-bg:						#96c11f;			/*achtergrondkleur dialog header*/
--dia-head-tekst:					#ffffff;			/*tekstkleur dialog header*/
--dia-body-bg:						#ffffff;			/*achtergrondkleur dialog body*/
--dia-body-tekst:					#3d3d3d;			/*tekstkleur dialog body*/
--dia-footer-bg:					#eff3e3;			/*achtergrondkleur dialog footer*/
--dia-footer-tekst:					#3d3d3d;			/*tekstkleur dialog footer*/

/*REPORTS*/
--rep-head-bg:						#ffffff;			/*achtergrondkleur report header*/
--rep-head-bg-hover:				#ffffff;			/*hover achtergrondkleur reoprt header*/
--rep-head-tekst:					#3579ad;			/*tekstkleur report header*/
--rep-head-tekst-hover:				#3579ad;			/*hover tekstkleur reoprt header*/
--rep-body-bg:						#ffffff;			/*kleur report body*/
--rep-row:							#ffffff;			/*kleur rij in rapport*/
--rep-row-tekst:					#3d3d3d;			/*tekstkleur rij in rapport*/
--rep-row-alt:						#ecebea;			/*kleur alternerende rij in rapport*/
--rep-row-alt-tekst:				#3d3d3d;			/*tekstkleur alternerende rij in rapport*/
--rep-row-hover:					#bcbbba;			/*hover kleur rij in rapport*/
--rep-row-tekst-hover:				#3d3d3d;			/*hover tekstkleur rij in rapport*/
--rep-link-bg:						transparent;		/*achtergrondkleur link in rapport*/
--rep-link-bg-hover:				transparent;		/*hover achtergrondkleur link in rapport*/
--rep-link-bg-selected:				transparent;		/*selected achtergrondkleur link in rapport*/
--rep-link-bg-active:				transparent;		/*active achtergrondkleur link in rapport*/
--rep-link-tekst:					#3579ad;			/*tekstkleur link in rapport*/
--rep-link-tekst-hover:				#2980b9;			/*hover tekstkleur link in rapport*/
--rep-link-tekst-selected:			#2980b9;			/*selected tekstkleur link in rapport*/
--rep-link-tekst-active:			#2980b9;			/*active tekstkleur link in rapport*/	
--rep-border:						#e6e6e6;			/*kleur borders in rapport*/
--rep-border-accent:				#96c11f;			/*meer opvallende border --> in pagina specifieke css gebruiken*/
--rep-divider:						#e6e6e6;			/*kleur tussenlijnen in rapport --> in pagina specifieke css gebruiken*/
--rep-selectie:						#96c11f;			/*kleur border geselecteerde rij --> in pagina specifieke css gebruiken*/
--rep-button-bg:					#e6e6e6;			/*achtergrondkleur report buttons*/
--rep-button-tekst:					#3d3d3d;			/*tekstkleur IRR toolbar buttons*/
--rep-veld-border:					#e6e6e6;			/*kleur borders IRR toolbar*/
--rep-toolbar-bg:					#e6e6e6;			/*achtergrondkleur IRR toolbar*/
--rep-toolbar-border:				#e6e6e6;			/*borderkleur IRR toolbar*/
--rep-widget-kleur-1:				#3579ad;			/*kleur 1 IRR widget*/
--rep-widget-kleur-2:				#eff3e3;			/*kleur 2 IRR widget*/
--rep-widget-kleur-3:				#96c11f;			/*kleur 3 IRR widget*/

/*FORMS*/
--veld-border:						#bcbbba;			/*kleur borders invulvelden*/
--veld-bg:							#FFFFFF;			/*achtergrondkleur invulvelden*/
--veld-border-selected:				#96c11f;			/*kleur borders geselecteerde invulvelden*/
--veld-bg-selected:					#FFFFFF;			/*achtergrondkleur geselecteerde invulvelden*/

/*TABLES --> te gebruiken op pagina specifieke css*/
--tab-head-bg:						#3579ad;			/*achtergrondkleur headers*/
--tab-head-tekst:					#ffffff;			/*header tekstkleur*/
--tab-bg:							#ffffff;			/*algemene achtergrondkleur*/
--border-1:							#ecebea;			/*kleur divider voor tables in report cfr. observaties, taken,...*/
--border-2:							#96c11f;			/*kleur borders overzichtstabel cfr. werkplannen*/
--border-3:							#bcbbba;			/*additionele borderkleur overzichtstabel cfr. werkplannen*/
--row-alt:							#ecebea;			/*alternerende kleur voor rijen*/
--quote:							#96c11f;			/*kleuraanduiding blockquote*/
--quote-belangrijk:					#d16666;			/*kleuraanduiding belangrijke blockquote*/			
--quote-tekst:						#3d3d3d;			/*tekstkleur in blockquote*/
--icon-titel:						#96c11f;			/*kleur titel icoon*/
--icon-tekst:						#3d3d3d;			/*kleur tekst icoon*/
--cel-actief:						#96c11f;			/*kleur geselecteerde cel*/
--tab-head-bg-2:					#2980b9;			/*secundaire achtergrondkleur headers*/
--tab-head-tekst-2:					#f3f3f3;			/*secundaire tekstkleur headers*/
--tab-cel-bg-1:						#96c11f;			/*additionele achtergrondkleur cellen*/
--tab-cel-tekst-1:					#3d3d3d;			/*additionele tekstkleur cellen*/
--tab-cel-bg-2:						#d16666;			/*additionele achtergrondkleur cellen*/
--tab-cel-tekst-2:					#f3f3f3;			/*additionele tekstkleur cellen*/
--tab-cel-bg-3:						#eff3e3;			/*additionele achtergrondkleur cellen*/
--tab-cel-tekst-3:					#3d3d3d;			/*additionele tekstkleur cellen*/
--tab-cel-bg-4:						#ecebea;			/*additionele achtergrondkleur cellen*/
--tab-cel-tekst-4:					#3d3d3d;			/*additionele tekstkleur cellen*/

/*TEKSTBALLON cfr. berichtenregion zorgportaal*/
--ballon-bg:						#ffffff;			/*achtergrondkleur teksballon*/
--ballon-border:					#bcbbba;			/*borderkleur tekstballon*/
--ballon-border-right-after:		#ffffff;			/*   nodig voor het 'pijltje'   */ 
--ballon-border-after:				transparent;		/*        te stylen       */

/*KALENDER*/
--kal-border:						#bcbbba;			/*kleur kalender en button borders*/
--kal-head-bg:						#dfdfdf;			/*achtergrondkleur kalender headers*/
--kal-head-bg-2:					#ecebea;			/*additionele achtergrondkleur headers*/
--kal-head-tekst:					#3579ad;			/*tekstkleur kalender headers*/
--kal-bg:							#ffffff;			/*achtergrondkleur kalender*/
--kal-toolbar:						#ffffff;			/*achtergrondkleur kalender toolbar*/
--kal-titel:						#3579ad;			/*tekstkleur kalender titel*/
--kal-button-tekst:					#3d3d3d;			/*tekstkleur kalender buttons*/
--kal-button-tekst-hover:			#3d3d3d;			/*hover/active/selected tekstkleur kalender buttons*/
--kal-button-bg:					#ffffff;			/*achtergrondkleur kalender buttons*/
--kal-button-bg-hover:				#f5f5f5;			/*hover/active/selected achtergrondkleur kalender buttons*/
--default-color-agenda:				#d16666;			/*standaard kleuraanduiding agenda-items*/
--default-color-therapie:			#82afde;			/*standaard kleuraanduiding therapie-items*/

/*ADDITIONELE BUTTONS*/
--but-sec-bg:						#fefefe;			/*achtergrondkleur secondary button*/
--but-sec-bg-hover:					#f8f8f8;			/*hover achtergrondkleur secondary button*/
--but-sec-text:						#3579ad;			/*tekstkleur secondary button*/
--but-sec-text-hover:				#3579ad;			/*hover tekstkleur secondary button*/
--but-sec-border:					#3d3d3d;			/*borderkleur secondary button*/

--but-ter-bg:						#eff3e3;			/*achtergrondkleur tertiary button*/
--but-ter-bg-hover:					#f8f8f8;			/*hover achtergrondkleur tertiary button*/
--but-ter-text:						#3579ad;			/*tekstkleur tertiary button*/
--but-ter-text-hover:				#3579ad;			/*hover tekstkleur tertiary button*/
--but-ter-border:					#96c11f;			/*borderkleur tertiary button*/


/*DATE TIME PICKER*/
--dp-head-bg:						#2980b9;			/*achtergrondkleur header date-time picker*/
--dp-head-tekst:					#efefef;			/*tekstkleur header date-time picker*/
--dp-border:						#2980b9;			/*borderkleur date-time picker*/
--dp-dag-tekst:						#3d3d3d;			/*tekstkleur dagen date-time picker*/
--dp-divider:						#96c11f;			/*kleur divider date-time picker*/
--dp-dag-bg:						#fefefe;			/*achtergrondkleur dagen date-time picker*/
--dp-weekend-tekst:					#3d3d3d;			/*tekstkleur weekenddagen date-time picker*/
--dp-weekend-bg:					#efefef;			/*achtergrondkleur weekenddagen date-time picker*/
--dp-cijfers-tekst:					#3579ad;			/*tekstkleur cijfers date-time picker*/
--dp-cijfers-bg:					#eff3e3;			/*achtergrondkleur cijfers date-time picker*/
--dp-vandaag-tekst:					#3d3d3d;			/*tekstkleur cijfer vandaag date-time picker*/
--dp-vandaag-bg:					#96c11f;			/*achtergrondkleur cijfer vandaag date-time picker*/
--dp-cijfers-tekst-hover:			#3579ad;			/*hover tekstkleur cijfers date-time picker*/
--dp-cijfers-bg-hover:				#c2da81;			/*hover achtergrondkleur cijfers date-time picker*/
--dp-vandaag-tekst-hover:			#3579ad;			/*hover tekstkleur cijfer vandaag date-time picker*/
--dp-vandaag-bg-hover:				#c2da81;			/*hover achtergrondkleur cijfer vandaag date-time picker*/

/*BADGES*/
--badge-bg:							#fefefe;			/*achtergrondkleur badges*/
--badge-1-border:					#2980B9;			/*borderkleur badge 1 (blauw)*/
--badge-2-border:					#d16666;			/*borderkleur badge 2 (rood)*/
--badge-3-border:					#96c11f;			/*borderkleur badge 3 (groen)*/
--badge-4-border:					#f2a60e;			/*borderkleur badge 4 (geel)*/
--badge-1-label:					#3579ad;			/*labelkleur badge 1*/
--badge-2-label:					#d16666;			/*labelkleur badge 2*/
--badge-3-label:					#96c11f;			/*labelkleur badge 3*/
--badge-4-label:					#f2a60e;			/*labelkleur badge 4*/
--badge-link:						#3579ad;			/*kleur badgelink*/
--badge-1-icon:						#3579ad;			/*iconkleur badge 1*/
--badge-2-icon:						#d16666;			/*iconkleur badge 2*/
--badge-3-icon:						#96c11f;			/*iconkleur badge 3*/
--badge-4-icon:						#f2a60e;			/*iconkleur badge 4*/
--badge-bg-hover:					#efefef;			/*hover achtergrondkleur badges*/


/*SCHALEN*/
--schaal-bg:						#eff3e3;			/*achtergrondkleur voor kleine regions zoals datum en score*/
--schaal-bg2:						#ffffff;			/*achtergrondkleur voor kleine regions */
--schaal-bg3:						#dedede;			/*achtergrondkleur voor footers tabeloverzichten */
--schaal-border:					#3579ad;			/*borderkleur voor regions*/
--schaal-border2:					#96c11f;			/*secundaire borderkleur voor regions*/
--schaal-border3:					#d3d3d3;			/*kleur border scheiding tussen items*/
--schaal-row-alt:					#ecebea;			/*alternerende kleur voor vragen/antwoorden*/
--schaal-subtitel:					#3579ad;			/*kleur voor subtitels*/
--schaal-subtitel2:					#404040;			/*kleur voor subtitels*/
--schaal-subtitel3:					#2980b9;			/*secundaire subtitel kleur*/
--schaal-slider-handle-bg:			#2980b9;			/*kleur slider button*/
--schaal-slider-pip:				#999999;			/*kleur slider pip*/
--schaal-slider-pip-selected:		#2980b9;			/*kleur slider pip selected*/
--schaal-slider-handle-bg:			#2980b9;			/*kleur slider button*/
--schaal-selected-item:				#2980b9;			/*kleur geselecteerd item*/
--schaal-emoticon:					#2980b9;			/*kleur emoticons in schalen*/
--schaal-tekst-belangrijk:			#d16666;			/*kleur belangrijke teksten*/
--schaal-res-neg:					#d16666;			/*tekstkleur voor negatieve resultaten*/
--schaal-res-pos:					#96c11f;			/*tekstkleur voor positieve resultaten*/

/*ALERTIFY*/
--alert-bg:							#ffffff;			/*achtergrondkleur alert box*/
--alert-text:						#000000;			/*tekstkleur alert box message*/
--alert-border:						#d16666;			/*borderkleur alert box*/
--alert-cancel-but-bg:				#d16666;			/*kleur cancel button confirm box*/
--alert-ok-but-bg:					#3579ad;			/*kleur ok button confirm box*/
--alert-but-text:					#fefefe;			/*tekstkleur alert box buttons*/



/*TAKENMODULE*/
--task-alle:						#96c11f;			/*kleur bolletje alle taken*/
--task-tak:							#eff3e3;			/*kleur bolletje taken takken*/
--task-onbezorgd:					#d16666;			/*kleur bolletje onbezorgde taken*/
--task-archief:						#2980b9;			/*kleur bolletje archief taken*/
--detail-button:					#3579ad;			/*kleur detailknop*/
--detail-button-tekst-hover:		#efefef;			/*kleur hover tekst detailknop*/
--delete-button:					#d16666;			/*kleur verwijderknop*/ 
--delete-button-hover:				#cc0000;			/*kleur hover verwijderknop*/ 
--task-titel:						#3579ad;			/*kleur titels*/
--task-border:						#3579ad;			/*kleur border 1*/
--task-border2:						#d3d3d3;			/*kleur border 2*/
--task-border3:						#c0c0c0;			/*kleur border 3*/
--task-border-detail:				#96c11f;			/*kleur border detail*/
--task-badge-tekst:					#3579ad;			/*kleur badge tekst*/
--task-media-hover-bg:				#393939;			/*hover kleur medialist*/
--task-media-hover-tekst:			#ffffff;			/*tekst hoverkleur medialist*/

/* icoontjes */
--kleur-vinkje:						#96c11f;			/*kleur van een vinkje */
--kleur-kruisje:					#d16666;			/* kleur van een kruisje (afgevinkt) */
--kleur-edit:						#3579ad;			/* kleur van het editeer icoontje */

--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:		#9744BE;
--lavendel:			#B19CD9;
--fuchsia:			#CA2C92;
--piggy:			#E17DB5;
--soapy:			#E0D6FF;
--sakura:			#F3BFDA;
--purple-mist:		#FFF1FF;

--dark-blue:		#295070;
--obasi-blue:		#3579AD;
--cloudy:			#6D9DC2;
--blueberry:		#81A3C8;
--blue-sky:			#82AFDE;
--pixie:			#A5BED8;
--chalk-blue:		#C1D0E3;
--grey-blue:		#EAF1F8;
--blue-mist:		#F0F9FF;
					
--grass:			#49B900;
--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;
--yellow-mist:		#FFFFCC;
					
--rusty:			#92461C;
--pumpkin:			#E26922;
--corally:			#F59B6C;
--peach:			#FFCDB4;
--orange-mist:		#FFF3E0;

--dry-blood:		#7B1F26;
--danger:			#BD2136;
--fishy:			#DD7573;
--watermelon:		#F3BAB7;
			--red-mist:			#FFF0F0;
}