@charset "utf-8";

	.Forms {
		margin:0px;
		padding:0px;
		display:table;
		font-size: 1.4rem;
	}

	.Forms LABEL, 
	.Forms .FormDropDown SELECT, 
	.Forms .FormCheckbox, 
	.Forms .FormTextField INPUT, 
	.Forms .FormTextArea TEXTAREA {
		font-family: var(--MainFont);
	}

	.Forms LABEL, 
	.Forms .FormCheckbox, 
	.Forms .FormTextField INPUT, 
	.Forms .FormTextArea TEXTAREA {
		-webkit-appearance:none;
	}

	.Forms .FormElement {
		display: flex;
		flex-direction: column;
	}

/*	--------------------------------------------------------------------------------------------------- */
/*	TUTTE LE LABEL (sono visualizzate sopra al campo del form)
/*	--------------------------------------------------------------------------------------------------- */
	.Forms .FormElement LABEL {
		font-size:0.9em;
		line-height: 1em;
		color:#585858;
		margin:0px;
		padding:0px;
		padding-bottom:0.25em;
		display:block;
		font-weight:700;
		min-height: 1.2em;
	}
	.Forms .FormElement LABEL SPAN {
		font-size:0.8em;
		font-weight:normal;
	}
	.Forms .FormElement LABEL SPAN A {
		color:#797979;
		text-decoration:none;
		outline:none;
	}
	.Forms .FormElement LABEL SPAN A:HOVER {
		text-decoration:underline;
	}

/*	--------------------------------------------------------------------------------------------------- */
/*	Parti in comune con tutti gli elementi dei form
/*	--------------------------------------------------------------------------------------------------- */
	.Forms .FormDropDown, 
	.Forms .FormTextField, 
	.Forms .FormTextArea {
		margin:0px;
		padding:0px;
		background-color:#ffffff;
		border:1px solid #a1a1a1;
		white-space:nowrap;
		display:flex;
		flex-direction: column;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		border-radius: 0.3em;
		box-sizing: border-box;
		width:100%;
	}
	.Forms .FormTextArea {
		height: unset;
	}

	/*--------------------------------------------------------------------------*/

	.Forms .FormDropDown SELECT {
		margin:0px;
		padding:0px;
		border:0px;
	    height: 1.6em;
	    line-height: 1.6em;
		font-size:1em;
		margin:0.1em;
		margin-left:0.4em;
		color:#666666;
		display:block;
		background-color:#ffffff;
		outline:none;
		box-shadow:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		width: calc(100% - 0.7em);
	}
	.Forms .FormDropDown SELECT:active {
		outline:none !important;
	}
	.Forms .FormDropDown SELECT[disabled] {
		color: #666666 !important;
		opacity:1 !important;
	}
	.Forms .FormDropDown SELECT:disabled {
		color: #666666 !important;
		opacity:1 !important;
	}
	.Forms .FormDropDown SELECT OPTION {
		-webkit-appearance: none;
	}
	.Forms .FormDropDown SELECT OPTION:active {
		outline:none !important;
		border:0 !important;
		background-color:var(--HeaderBarHoverColor) !important;
		color:#ffffff !important;
	}
	.Forms .FormDropDown SELECT OPTION:hover {
		outline:none !important;
		border:0 !important;
		background-color:var(--HeaderBarHoverColor) !important;
		color:#ffffff !important;
	}
	.Forms .FormDropDown SELECT OPTION:checked {
		outline:none !important;
		border:0 !important;
		background-color:var(--HeaderBarColor) !important;
		color:#ffffff !important;
	}

	/*--------------------------------------------------------------------------*/

	.Forms .FormCheckbox {
		margin:0px;
		padding:0px;
		background-color:#ffffff;
		border:1px solid #a1a1a1;
		white-space:nowrap;
		display:inline-block;
		height:1.9em;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		border-radius: 0.3em;

	}
	.Forms .FormCheckbox LABEL {
		margin:0px;
		padding:0px;
		border:0px;
		outline:none;
		line-height:1.9em;
		float:left;
		margin-right:0.3em;
		cursor:pointer;
		font-size:1em;
		font-weight:normal;
	}

	/*** custom checkboxes ***/

	.Forms .FormCheckbox input[type=checkbox], .Forms .FormCheckbox input[type=radio] { display:none; } /* to hide the checkbox itself */
	.Forms .FormCheckbox input[type=checkbox] + label:before, .Forms .FormCheckbox input[type=radio] + label:before {
		display: block;
		float:left;
		margin-left:7px;
		width:28px;
		height:32px;
		text-align:left;
		line-height:32px;
		font-size:21px;
	}

	.Forms .FormCheckbox input[type=checkbox] + label:before, .Forms .FormCheckbox input[type=radio] + label:before { 
		font-family: "Font Awesome 6 Pro";
		font-weight:900; /* usare font-weight:400; per altri font */
		content: "\f0c8";  
		color:#bb0000; 
	} /* unchecked icon */

	.Forms .FormCheckbox input[type=checkbox]:checked + label:before, .Forms .FormCheckbox input[type=radio]:checked + label:before { 
		font-family: "Font Awesome 6 Pro";
		font-weight:900;
		content: "\f0c8"; 
		color:#00aa00; 
	} /* checked icon */

	/*--------------------------------------------------------------------------*/

	.Forms .FormTextField INPUT, .Forms .FormTextField .input {
		display:block;
		margin:0px;
		padding:0px;
		border:0px;
		height:1.6em;
		line-height:1.6em;
		font-size:1em;
		margin:0.1em;
		color:#666666;
		padding-left:0.3em;
		padding-right:0.3em;
		background-color:transparent;
		outline:none;
		overflow:hidden;
		width: calc(100% - 0.6em - 2px);
	}
	.Forms .FormTextField INPUT[disabled] {
		color: #666666 !important;
	}
	.Forms .FormTextField INPUT:disabled {
		color: #666666 !important;
	}
	.Forms .FormTextField .input .fas {
		display:block;
		float:right;
		height:1.6em;
		line-height:1.6em;
		font-size:1em;
		color:#666666;
		margin-left:0.2em;
		cursor:pointer;
	}

	.Forms .WithCurrency {
		position: relative !important;
	}
	.Forms .FormTextField.WithCurrency INPUT {
		text-align: right !important;
	}
	.Forms .WithCurrency .Currency {
		position: absolute;
		left: 0;
		top: 0;
		height: 1.7em;
		width: 1.2em;
		text-align: center;
		line-height: 1.8em;
	}

	/*--------------------------------------------------------------------------*/

	.Forms .FormTextArea {
		padding:0.3em;
	}
	.Forms .FormTextArea TEXTAREA {
		margin:0px;
		padding:0px;
		border:0px;
		line-height:1.3em;
		font-size:1em;
		margin:0px;
		color:#797979;
		width: 100%;
		height: 100%;
		background-color:#ffffff;
		outline:none;
		resize:none;
	}
	.Forms .FormTextArea TEXTAREA[disabled] {
		color: #a1a1a1;
	} 

	.Forms .FormTextArea TEXTAREA::-webkit-scrollbar {
		-webkit-box-shadow: none;
		width: 12px;
		height: 12px;
		background-color:transparent;
	}
	 
	.Forms .FormTextArea TEXTAREA::-webkit-scrollbar-track {
		-webkit-box-shadow: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		background-color:transparent;
		background-color: #dddddd;
	}
	 
	.Forms .FormTextArea TEXTAREA::-webkit-scrollbar-thumb { 
		-webkit-box-shadow: none; 
		-webkit-border-radius: 0;
		border-radius: 0;
		background: var(--HeaderBarColor);
		border:none;
	}
	.Forms .FormTextArea TEXTAREA::-webkit-scrollbar-thumb:window-inactive {
		background: #dddddd; 
	}

	/*--------------------------------------------------------------------------*/

	.Forms .FormButton {
		margin:0px;
		padding:0px;
		height:1.9em;
		display:inline-block;
		white-space:nowrap;
		
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none;   /* Chrome/Safari/Opera */
		-khtml-user-select: none;    /* Konqueror */
		-moz-user-select: none;      /* Firefox */
		-ms-user-select: none;       /* IE/Edge */
	}
	.Forms .FormElement .FormButton {
		display: block;
		width: 100%;
	}
	.Forms .FormButton > SPAN {
		margin:0px;
		padding:0px;
		background-color:var(--ButtonsColor);
		color:#ffffff;
		font-size:1em;
		line-height:1.9em;
		height:1.9em;
		display:block;
		text-align:center;
		padding-left:1em;
		padding-right:1em;
		cursor:pointer;
		outline:none;
		text-transform:none;
		font-weight:400;

		text-shadow: var(--TextShadows);
		box-sizing: border-box;
		
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		border-radius: 0.3em;
	}
	.Forms .FormButton > SPAN:HOVER, .Forms .FormButton > SPAN:HOVER SPAN {
		background-color:var(--ButtonsColorHover) !important;
		color:#ffffff !important;
	}

	.Forms .FormButton.Selected > SPAN {
		background-color:var(--ButtonsColorSelected);
	}

	.Forms .FormButton > SPAN > I {
		margin: 0px;
		padding: 0px;
		font-size: 0.97em;
		line-height: 2em;
		height: 1.9em;
		display: block;
		float: left;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: 0.6em;
		margin-left: -0.4em;
		cursor: pointer;
		outline: none;
		text-transform:none;
		
		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
	}


/*--------------------------------------------------------------------------*/

	.Forms .ImagesUploadBox {
		width:10rem;
		height:10rem;
		position:relative;
		background-color:#ffffff;
		border: 0.1em solid #a1a1a1;
		cursor:pointer;
		padding:0.5rem;	
		-webkit-border-radius: 0.5rem;
		-moz-border-radius: 0.5rem;
		border-radius: 0.5rem;
		box-sizing: border-box;
		display:block;
	}
	.Forms .ImagesUploadBox IMG {
		width:100%;
		height:100%;
	}
	.Forms .ImagesUploadBox .far {
		position:absolute;
		right:0px;
		bottom:0px;
		background-color:#ffffff;
		color:#666666;
		font-size:1.5rem;
		line-height:2.4rem;
		width:2.4rem;
		height:2.4rem;
		text-align:center;
		border-top:0.1rem solid #a1a1a1;
		border-left:0.1rem solid #a1a1a1;
		-webkit-border-top-left-radius: 0.5rem;
		-webkit-border-bottom-right-radius: 0.5rem;
		-moz-border-radius-topleft: 0.5rem;
		-moz-border-radius-bottomright: 0.5rem;
		border-top-left-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
	}
	.Forms .ImagesUploadBox .far:HOVER {
		background-color:#bb0000;
		color:#ffffff;
	}
	.Forms .ImagesUploadBox.Default .far {
		display: none;
	}
	.Forms .ImagesUploadBox INPUT {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		cursor: pointer;
	}

/* ------------------------------------------------------------------------ */
	
	TABLE.FormTable {
		width:100%;
		table-layout: fixed;
		overflow-wrap: break-word;
		border-collapse: collapse;
		font-size:1rem;
		margin-bottom: 8rem;
	}
	TABLE.FormTable TD {
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	TABLE.FormTable TBODY TD {
		border-collapse: collapse;
		border:1px solid #dddddd;
	}
	TABLE.FormTable THEAD {
	    height: 2.4em;
	    line-height: 2.4em;
	    position: sticky;
	    top: 17.7rem;
	    z-index: 99;
	}
	TABLE.FormTable THEAD TD {
		background-color: #333333;
		color: #ffffff;
		height: 1.6em;
		line-height: 2.6em;
		font-family: var(--CondensedFont);
		font-weight: 400;
		font-style: normal;
		font-size: 1.2em;
		letter-spacing: 0.05em;
		padding-left: 0.7em;
		padding-right: 0.7em;
		text-transform: uppercase;
		white-space: nowrap;
	}
	TABLE.FormTable TBODY TD {
		margin:0px;
		padding:0px;
		color:#666666;
	    height: 1.9em;
	    line-height: 1.9em;
	    font-size: 1.5em;
	    cursor: pointer;
	    padding-left: 0.5em;
	    padding-right: 0.5em;
		background-color: #ffffff;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		font-family: var(--CondensedFont);
		font-weight: 300;
		position: relative;
	}
	TABLE.FormTable TBODY TR:HOVER TD {
		background-color:var(--TableRowHover);
	}
	TABLE.FormTable TBODY TR TD .fa,
	TABLE.FormTable TBODY TR TD .far,
	TABLE.FormTable TBODY TR TD .fab,
	TABLE.FormTable TBODY TR TD .fal,
	TABLE.FormTable TBODY TR TD .fas {
		font-size: 0.9em;
	}

	TABLE.FormTable TBODY TD EM { /* SYMBOLS */
		font-size: 0.9em;
		line-height: 1em;
		font-style: normal;
		display: inline-block;
		margin-left: 0.1em;
	}

	TABLE.FormTable TBODY TR.Negativo TD {
		color:#cc0000;
	}

	TABLE.FormTable TBODY TR TD .CheckBoxRow {
		margin:0px;
		padding:0px;
		border:1px solid #333333;
		box-sizing: border-box;
		outline:none;
		width:1.4em;
		height: 1.4em;
		position: absolute;
		left: 1.1rem;
		top: 0.7rem;
	}

	TABLE.FormTable TR.Clicked TD {
		background-color:#c9ffeb !important;
	}

/* ---------------------------------------------------------------------- */