/* SET THE CORRECT VARIABLE VALUES FOR COLORS */

:root {

/* CSS main variables */

	--common-theme-main-color: #A11D28;
	--common-theme-main-rgb-color: 161, 29, 40;
	--common-theme-main-alt-color: #FFFFFF;
	--common-theme-main-alt-rgb-color: 255, 255, 255;

	--common-theme-neutral-color: #FFFFFF;
	--common-theme-neutral-rgba-color: 221, 221, 221;
	--common-theme-neutral-alt-color: #999999;

	--common-theme-footer-main-color: #333333;
	--common-theme-footer-main-rgb-color: 51, 51, 51;
	--common-theme-footer-main-alt-color: #FFFFFF;
	--common-theme-footer-main-alt-rgb-color: 255, 255, 255;
	
	--common-theme-text-color: #333333;
	--common-theme-link-color: #337ab7;
  	--common-theme-warning-color: #DA0303;


/* Only update following if not to use main colors on specific controls */

	--common-hilite-text-color: yellow;

	--common-titles-text-color: var(--common-theme-main-color);
	--common-titles-text-color-rgba: rgba(var(--common-theme-main-rgb-color), 1);

	--common-navbar-background-color: var(--common-theme-main-color);
	--common-navbar-text-color: var(--common-theme-main-alt-color);
	--common-navbar-hover-background-color-rgba: rgba(0,0,0,0.05);
	--common-navbar-selected-background-color-rgba: rgba(0,0,0,0.2);

	--common-main-menu-text-color: var(--common-theme-main-alt-color);


	--common-buttons-background-color: var(--common-theme-main-color);
	--common-buttons-text-color: var(--common-theme-main-alt-color);

	--common-buttons-neutral-background-color: var(--common-theme-neutral-color);
	--common-buttons-neutral-text-color: var(--common-theme-neutral-alt-color);


	--common-badges-background-color: var(--common-theme-main-color);
	--common-badges-text-color: var(--common-theme-main-alt-color);


	--common-borders-color: var(--common-theme-main-color);
	--common-borders-color-rgba: rgba(var(--common-theme-main-rgb-color), 1);
	--common-borders-color-opac-rgba: rgba(var(--common-theme-main-rgb-color), 0.9);


	--common-icons-autocomplete-search-color: var(--common-theme-main-color);
	--common-icons-autocomplete-search-color-rgba: rgba(var(--common-theme-main-rgb-color), 1);

	--common-icons-autocomplete-result-item-color: var(--common-theme-main-alt-color);
	--common-icons-autocomplete-result-item-background-color: var(--common-theme-main-color);
	--common-icons-autocomplete-result-item-background-color-rgba: rgba(var(--common-theme-main-rgb-color), 0.85);


	--common-mosaic-text-color: var(--common-theme-main-alt-color);


	--common-light-background-color-rgba: rgba(var(--common-theme-main-rgb-color), 0.04);
	--common-medium-background-color-rgba: rgba(var(--common-theme-main-rgb-color), 0.08);
	--common-dark-background-color-rgba: rgba(var(--common-theme-main-rgb-color), 0.12);
	--common-full-background-color-rgba: rgba(var(--common-theme-main-rgb-color), 1);
	--common-neutral-background-color-rgba: rgba(var(--common-theme-neutral-rgba-color), 0.5);


	--common-footer-header-background-color: #a11d28;
	--common-footer-header-background-color-rgba: rgba(161, 29, 40, 1);
	--common-footer-header-text-color: var(--common-theme-footer-main-alt-color);
	--common-footer-header-text-color-rgba: rgba(var(--common-theme-footer-main-alt-rgb-color), 1);

	--common-footer-body-background-color: #a11d28;
	--common-footer-body-background-color-rgba: rgba(161, 29, 40, 1);
	--common-footer-body-text-color: var(--common-theme-footer-main-alt-color);
	--common-footer-body-text-color-rgba: rgba(var(--common-theme-footer-main-alt-rgb-color), 0.8);

	--common-footer-fixed-background-color: #75121b;
	--common-footer-fixed-background-color-rgba: rgba(117, 18, 27, 1);


	--common-controls-padding: 1em;
}