:root {
	--primary-light: #97badf;
	--primary-light-light: #9fd1ff;
	--smooth-gray: #efebde;
	--gray-10: #f3f3f3;
	--gray-25: #dfdfdf;
	--gray-50: #c9c9c9;
	--gray-75: #959595;
	--primary2: #5983aa;
	--label-fg: #ffffff;
	--label-bg: #5983aa;

	/* used for JSCookMenu */
	--menu-font-size: 0.75rem;
	--menu-hover: var(--gray-25);
	--menu-bg: var(--gray-10);
	--menu-bg-light: var(--white);
}
* {
	line-height: 1.3em;
}
.footerStyle {
	border-top: 1px solid rgba(182, 182, 182, 1.00);
	background: linear-gradient(to bottom, rgba(221, 221, 221, 1.00) 0%, rgba(250, 250, 250, 1.00) 100%);
	font-size: 9pt;
	text-align: center;
}

td {
	color: var(--dark);
	vertical-align: top;
}

.titoloLogoToolbar {
	height: 65px;
	vertical-align: top;
	background-image: linear-gradient(to right, white, white, var(--primary2), var(--primary2));
	border-top: 1px solid var(--gray-75);
	border-bottom: 1px solid var(--primary2);
	font-size: 0.7rem;
	/*line-height: 0.5em;*/
}

.titoloArea {
	color: var(--dark);
	background-color: var(--gray-25);
	/*background-image: linear-gradient(to left, var(--smooth-gray), var(--smooth-gray), var(--primary2), var(--primary2));*/
	font-size: 1.2rem;
	font-weight: bold;
	padding: 4px;
}

.menuSxArea {
	background-color: var(--gray-10);
}
.menuSxArea a, .menuSxArea a:hover {
	color: var(--dark);
}
.titoloMenuSx {
	color: var(--white);
	background: var(--label-bg);
	font-size: 0.8rem;
	padding: 4px;
}
.cellaMenuSx {
	color: var(--dark);
	background: white;
	padding: 8px;
}
.voceMenuSx {
	height: 2em;
}

.titoloSezione {
	max-width: 750px;
	color: #525252;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 8px 4px 8px 4px;
}
.descrizioneSezione {
	max-width: 750px;
	color: #868484;
	font-size: 0.8rem;
	padding: 4px 4px 8px 4px;
}

.buttonBar {
	max-width: 750px;
	text-align: right;
	padding: 4px 4px 4px 4px;
	/*border-top: 2px solid var(--gray-50);*/
}

.fieldLabelCell {
	width:  35%;
	height: 2em;
	color: var(--label-fg);
	/*background-color: var(--primary2);*/
	/*background-image: linear-gradient(var(--light), var(--primary2), var(--primary2), var(--primary2));*/
	background-image: linear-gradient(var(--label-fg), var(--label-bg), var(--label-bg), var(--label-bg), var(--label-bg));
	border-left: 1px solid var(--white);
	border-bottom: 1px solid var(--white);
	padding: 4px;
}
.fieldLabelCell *, .fieldLabelCell a:hover {
	color: var(--white);
}
.fieldViewCell {
	width: 65%;
	height: 2em;
	background: var(--light);
	border-left: 1px solid var(--gray-50);
	border-bottom: 1px solid var(--gray-50);
	padding: 4px;
}