/**
	- main
	- main-header
	
 */

:root {
	/* The background color of the page, defaults to transparent */
	--main-body-background-color: var(--main-bg-color, var(--main-override-body-background-color, #fffff9));
	--main-body-text-color: var(--main-override-body-text-color, #333333);
	
	--main-header-text-color: #454545;
	--main-header-font-color: rgba(0, 0, 0, 0.8);
	--main-header-font-color-hover: rgba(0, 0, 0, 1);
	--main-header-bg-color: #ffffff;

	--main-header-menu-bg-color: #0071ce;
	--main-header-menu-font-color: #f3fbff;
	--main-header-menu-font-color-hover: #ffffff;

	--menu-color: var(--main-header-menu-bg-color);
	--menu-text-color: var(--main-header-menu-font-color);
	
	--main-header-submenu-bg-color: #ffffff;
	--main-header-submenu-font-color: #000000;
	--main-header-submenu-font-color-hover: #000000;
	
	--main-bg-color: #eeeeee;
	--main-text-color: #303030;
	--main-link-color-hover: #0c4b8e;
	
	--main-page-crumbs-background-color: #d7d7d7;
	--main-page-content-background-color: #fff;
	
	--product-title-font-color: #1b1b1b;
	--product-title-font-color-hover: #000000;
	--product-descr-font-color: #868383;
	
	--product-subtitles-active: #14679b;
	--product-subtitles-border-thickness: 2px;
	
	--checkout-progress-line: #0069d9;
	--checkout-progress-line-alt: #e7e9ed;
	
	--main-button-primary-font-color: #f3fbff;
	--main-button-primary-font-color-hover: #ffffff;
	
	/*--sub-group-card-background-color: #dceeff;*/
	
	--aticle-h1-background-color: #303030;

	
	--main-footer-color: #001a33;
	--main-footer-font: #8a8a8a;
	--main-footer-header-font: #ffffff;
	--main-footer-font-link: #75b3ff;
	--main-footer-font-hover: #ffffff;
	
	--main-button-primary-color: #2c8afc;
	--main-button-primary-color-hover: #4695ff;
	
	--main-button-secondary-color: #7d8a93;
	--main-button-secondary-color-hover: #626c73;
	--main-button-secondary-font-color: #ffffff;
	--main-button-secondary-font-color-hover: #ffffff;
	
	--main-button-success-color: #2ed8b6;
	--main-button-success-color-hover: #23bd9e;
	--main-button-success-font-color: #ffffff;
	--main-button-success-font-color-hover: #ffffff;
	
	--main-button-danger-color: #ff5b4e;
	--main-button-danger-color-hover: #f25043;
	--main-button-danger-font-color: #ffffff;
	--main-button-danger-font-color-hover: #ffffff;
	
	--main-button-warning-color: #2ca5fc;
	--main-button-warning-color-hover: #2c9efc;
	--main-button-warning-font-color: #212529;
	--main-button-warning-font-color-hover: #212529;
	
	
	--main-button-info-color: #00bcd4;
	--main-button-info-color-hover: #009aae;
	--main-button-info-font-color: #fffff;
	--main-button-info-font-color-hover: #ffffff;
	
	--main-button-buy-color: #ffffff;
	--main-button-buy-color-hover: #ffffff;
	
	--tiles-default-background: #ccc;
	--tiles-default-background-hover: #ddd;
	--tiles-default-color: #333;
	--tiles-default-color-hover: #333;
	--tiles-default-border-color: #c9c9c9;
	
	--product-discount-color: #2c8afc;
	--product-discount-shadow-color: #0f5398;
	--product-discount-font-color: #ffffff;
	
	--wishlist-active-color: #0072ff;
	--wishlist-font-color: #444444;
	
	/* new */
	--main-header-submenu-border-color: #ccc;
	--main-header-submenu-bg-hover: #f9f9f9;
	--main-header-submenu-back-bg: rgba(0, 0, 0, 0.09);
	--main-header-submenu-title-bg: rgba(0, 0, 0, 0.03);
	
	/* The background color of the different elements/boxes defaults to #fff */
	--main-elements-background-color: var(--main-override-elements-background-color, #fff);
	--box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.18);
	--box-shadow-hover: 0px 0px 15px -3px rgba(0, 0, 0, 0.27);
	
	--main-inverted-header-backgroundcolor: #D82832;
	--main-list-separator-color: #ccc;
	--main-inverted-header-color: rgb(255, 255, 255);
	
	--main-link-color: #2c9efc;
	--main-hover-color: #61b6ff;
	--secondary-text-color: rgb(33, 33, 33);
	
	--table-header-background-color: #eee;
	--table-header-text-color: #333;
	
	--title-font-family: "Assistant", sans-serif !important;
	
	--detaillist-header-background-color: var(--main-header-menu-bg-color, #aaa);
	--detaillist-header-text-color: var(--main-header-menu-font-color, #333);
	

	
	/* Cookie consent */
	--cookie-icon-bg: var(--main-button-primary-color);
	--cc-bg: #ffffff;
	--cc-text: var(--main-text-color);
	
	--cc-btn-primary-bg: var(--main-button-primary-color);
	--cc-btn-primary-text: var(--main-button-primary-font-color);
	--cc-btn-primary-hover-bg: var(--main-button-primary-color-hover);
	
	--cc-btn-secondary-bg: var(--main-button-secondary-color);
	--cc-btn-secondary-text: var(--main-button-secondary-font-color);
	--cc-btn-secondary-hover-bg: var(--main-button-secondary-color-hover);
	
	--cc-toggle-bg-off: #667481;
	--cc-toggle-bg-on: var(--cc-btn-primary-bg);
	--cc-toggle-bg-readonly: #343e45;
	--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
	--cc-toggle-knob-icon-color: var(--cc-bg);
	
	--cc-cookie-category-block-bg: #eee;
	--cc-cookie-category-block-bg-hover: #eee;
	
	--cc-section-border: #eee;
	--cc-block-text: var(--main-text-color);
	--cc-cookie-table-border: #eee;
	--cc-overlay-bg: #fff;
	
	--cc-webkit-scrollbar-bg: #eee;
	--cc-webkit-scrollbar-bg-hover: var(--main-button-primary-color);
}