body {
	--color-primary-0: #239A98;
	--color-primary-1: #A6D0C0;
	--color-primary-3: #0E8583;
	--color-primary-4: #007472;
	--color-complement-0: #D5B26B;
	--color-complement-1: #FFF7E5;
	--color-secondary-1-0: #D64237;
	--color-secondary-2-3: #148928;
	--color-white: #fff;
	--color-warning: #DC4633;
	--color-success: var(--color-secondary-2-3);
	--color-danger: var(--color-secondary-1-0);
	--color-gray-100: #F2F2F2;
	--color-gray-300: #dee2e6;
	--color-background-selected: var(--color-gray-100);
	--color-black: #333333;
	/**/
	--header-background-color: var(--color-white);
	--header-text-color: var(--color-black);
	--header-text-color-hover: var(--color-primary-0);
	--header-border-bottom: #cadae2;
	/**/
	--button-primary-background: var(--color-primary-0);
	--button-primary-border: var(--color-primary-0);
	--button-primary-color: var(--color-white);
	--button-primary-background-hover: var(--color-primary-3);
	--button-primary-border-hover: var(--color-primary-3);
	--button-primary-color-hover: var(--color-white);
	--button-primary-background-pressed: var(--color-primary-4);
	--button-primary-border-pressed: var(--color-primary-3);
	--button-primary-color-pressed: var(--color-white);
	/**/
	--input-background-color: var(--color-white);
	--input-border-color: var(--color-gray-300);
	--input-border-color-hover: var(--color-primary-1);
	--input-border-color-focus: var(--color-primary-0);
	--input-border-color-invalid: var(--color-warning);
	--input-password-background-color-invalid: color-mix(in srgb, var(--color-danger), #FFF 85%);
	--input-password-background-color-partialinvalid: color-mix(in srgb, var(--color-warning), #FFF 90%);
	--input-password-background-color-valid: color-mix(in srgb, var(--color-success), #FFF 90%);
	/**/
	--sidebar-text-color: var(--color-black);
	--sidebar-item-background-color-active: var(--color-background-selected);
	--sidebar-background-color-hover: var(--color-gray-100);
	--sidebar-text-color-hover: var(--color-primary-0);
	/**/
	--font-family-text: Figtree, Arial, Helvetica, sans-serif;
	--font-family-titles: Figtree, Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: 'Figtree';
	src: url('./fonts/figtree/Figtree-VariableFont_wght.ttf') format('truetype');
}

#header .navbar.navbar-expand.border-bottom.box-shadow.mb-3 .container {
	justify-content: flex-start;
}

#header .navbar.navbar-expand.border-bottom.box-shadow.mb-3 .container .title {
    font-family: var(--font-family-titles);
	font-size: 1.5em;
	font-weight: 700;
}

body .card-header > h3 {
	font-size: 1.6rem;
}

body .not-registered-container {
	margin-top: 1rem;
}

h1, h2, h3, h4 {
	font-family: var(--font-family-titles);
}

/* hide fields while register new customer */
.inputStreet,
.inputZip,
.inputPlace,
.inputCountry {
	display: none;
}