/* Put all custom styles (e.g. colors, sizes, fonts definition) into this file.
   This file is loaded after the factory CSS styles, and will override them */
:root {
    /*  page colors */
    --page-bg-color: #fff;
    --page-font-color: #444;
    --primary-font-color: #00965E;
    --border-color: #d2cccc;
    --input-bg-color: #e4e7eb;
    /* primary bg colors */
    --primary-bg-color: #00965E;
    --primary-bg-font-color: #fff;
    /*--primary-bg-color-hover: #0793cd;*/
    --primary-bg-color-hover: #b8b8b8;
    --primary-bg-font-color-hover: #000;
    /* secondary bg colors */
    --secondary-bg-color: #606060;
    --secondary-bg-font-color: #606060;
    --secondary-bg-color-hover: #b8b8b8;
    --secondary-bg-font-color-hover: #000;
    /* tertiary bg colors */
    --tertiary-bg-color: transparent;
    --tertiary-bg-font-color: #444;
    --tertiary-bg-color-hover: #b8b8b8;
    --tertiary-bg-font-color-hover: #000;
    /* links */
    --link-font-color: #444;
    --link-font-color-hover: #000;
    --primary-link-font-color: #0793cd;
    --primary-link-font-color-hover: #0793cd;
    /*  Bootstrap colors (they have '--bs-*' format) */
    /*--bs-secondary-color: #606060;*/
    /*--bs-secondary-color-hover: #606060;*/
}

.logo-container {
	/* Must set specific w/h when using 'svg' format */
	width: 160px;
    height: 60px;
	/* Can use 'fit-content' when using bitmap to automatically adjust container to the bitmap size */
    /*width: fit-content;
    height: fit-content;*/
}

.login .logo-container {
    /* Must set specific w/h when using 'svg' format */
	width: 160px;
    height: 60px;
	/* Can use 'fit-content' when using bitmap to automatically adjust container to the bitmap size */
    /*width: fit-content;
    height: fit-content;*/
}

.product .logo-container {
    /* Must set specific w/h when using 'svg' format */
	width: 160px;
    height: 60px;
	/* Can use 'fit-content' when using bitmap to automatically adjust container to the bitmap size */
    /*width: fit-content;
    height: fit-content;*/
}

.product-header {
    background-color: #fff;
}