:root {
	--blue: #1094f7;
	--indigo: #6610f2;
	--purple: #ab8ce4;
	--pink: #E91E63;
	--red: #f90000;
	--brown: #D2691E;
	--orange: #fb9678;
	--yellow: #e6c000;
	--green: #09b76b;
	--teal: #58d8a3;
	--cyan: #57c7d4;
	--white: #ffffff;
	--gray: #434a54;
	--gray-light: #aab2bd;
	--gray-lighter: #e8eff4;
	--gray-lightest: #e6e9ed;
	--black: #000000;
	/*--primary: #05345e;*/
	--primary: #1094f7;
	--secondary: #f4f4f4;
	--success: #28a745;
	--info: #17a2b8;
	--infoHover: #1491a5;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #ffffff;
	--dark: #323232;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	/*     * Custom styles based on whitelabel preferences     */
	--primaryCustom: 0, 178, 171;
	--primaryCustomHex: #00b2ab;
	--secondaryCustom: 20, 40, 45;
	--tertiaryCustom: #fff;
	--primaryTextColor: #14282D;
	--primaryTextFont: 'Montserrat';
	--primaryTextFont: 'Montserrat';
	--linkColor: 0, 178, 171;
	--linkColorHover: 21, 217, 193;
	/** Menu **/
	--menuAchtergrondColor: 20, 40, 45;
	--menuAchtergrondColorHover: 20, 40, 45;
	--menuSeperator: 1px solid rgba(20, 40, 45);
	--menuLinkColor: 255, 255, 255;
	--menuLinkColorHover: 0, 178, 171;
	--menuLinkActiveColor: 0, 178, 171;
	--menuLinkActiveHoverColor: 0, 178, 171;
	--menuStickyColor: 255,255,255;
	--menuIconsColor:  255,255,255;
	--menuStickyHoverColor: 255,255,255;
	--menuStickybackground: 0, 178, 171;
	--menuStickybackgroundHover: 0, 178, 171;
	--menuStickybackgroundcolor: 255,255,255;
	--menuStickybackgroundhovercolor: 0,0,0;
	--menuStickyBorder: 1px solid transparent;
	--menuStickyHoverBorder: 1px solid transparent;
	--menuHelpItemBackgroundColor: 20,40,45;
	--menuHelpItemBackgroundHoverColor: 20,40,45;
	--menuStickyColorCollapsed: 255,255,255;
	/** Menu **/
	--backgroundCountIndicator: 20, 40, 45;
	--textColorCountIndicator: 255, 255, 255;
	--topLineColor: 20, 40, 45;
	--topLineLoadColor: 0, 178, 171;
	--loginTextColor: 255, 255, 255;
	--authCheckboxOuterColor: 255, 255, 255;
	--authCheckboInnerColor: 0, 178, 171;
	/*-- In het geval van een donkere achtergrond, alternatieve kleur nemen*/
	--textColorNavDefault: 255, 255, 255;
	--textColorNavHover: 244, 66, 95;
	--supportHeaderBackgroundColor: #14282d;
	--supportHeaderColor: #fff;
	--chartData1: #00B2AA;
	--chartData2: #14282D;
	--chartData3: #A0A0AA;
	--chartData4: #D8DCBE;
	--chartData5: #CD593D;
	--chartData6: #8DAD96;
	--chartData7: #CC3A42;
	--chartData8: #ED9751;
	--buttonPrimaryColor: #fff;
	--buttonPrimaryBackground: #00b2ab;
	--buttonPrimaryBorderColor: #00b2ab;
	--buttonPrimaryHoverColor: #fff;
	--buttonPrimaryHoverBackground: #00b2ab;
	--buttonPrimaryHoverBorderColor: #00b2ab;
	--buttonSecondaryColor: #00b2ab;
	--buttonSecondaryBackground: #fff;
	--buttonSecondaryBorderColor: #00b2ab;
	--buttonSecondaryHoverColor: #00b2ab;
	--buttonSecondaryHoverBackground: #fff;
	--buttonSecondaryHoverorderColor: #00b2ab;
	--buttonTertiaryColor: #14282d;
	--buttonTertiaryBackground: #fff;
	--buttonTertiaryBorderColor: #14282d;
	--buttonTertiaryHoverColor: #19252c;
	--buttonTertiaryHoverBackground: #fff;
	--buttonTertiaryHoverBorderColor: #19252c;
	/* 404 */
	--ErrorPageBackground: #00b2ab;
	--ErrorPageColor: #fff;
}


@font-face {
	font-family: 'Montserrat';
	font-weight: 300;
	font-style: lighter;
	src: url('/assets/ui/parcelpro/font/Montserrat-light.ttf') format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-weight: 400;
	font-style: normal;
	src: url('/assets/ui/parcelpro/font/Montserrat-normal.ttf') format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-weight: 400;
	font-style: italic;
	src: url('/assets/ui/parcelpro/font/Montserrat-italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-weight: 500;
	font-style: medium;
	src: url('/assets/ui/parcelpro/font/Montserrat-medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-weight: 600;
	font-style: bolder;
	src: url('/assets/ui/parcelpro/font/Montserrat-semibold.ttf') format('truetype');
}

@font-face {
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: bold;
	src: url('/assets/ui/parcelpro/font/Montserrat-bold.ttf') format('truetype');
}